@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);
/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0em;
}
hr {
  size:1px;
  height:1px;
  color:#f0f;
  width:100%;
  border-style:dotted;
}
ol, ul {
    /*list-style: none;*/
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */







@media all{
	#clear_left {
		clear:left;
	}
	#clear_right {
		clear:right;
	}
	.clear_left {
		clear:left;
	}
	.clear_right {
		clear:right;
	}
	.clear_both{
		clear: both;
	}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 18px;
		font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
		color:#222;
        background:#fff;
        width:100%;
		
		overflow-x: hidden;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
    h1{
        font-size: 30px;
        font-weight: 700;
        margin: 0 0 15px 0;
    }
    h2{
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 15px 0;
    }
	/* CAMPI FORM */
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=tel],
	textarea,
	select{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	/*.stylecheckradio{
		width: 25px; 
		height: 25px; 
		cursor: pointer; 
		vertical-align:middle;
	}*/
	
	/* FINE CAMPI FORM */

	.colorfff{color:#fff;}
	.colorfff a, .color000 a:link{ color:#fff; text-decoration:none;}
	.colorfff a:hover, .colorfff a:focus, .colorfff a:active{color: #fff;}
    
	.color222{color:#222;}
	.color222 a, .color222 a:link{ color:#222; text-decoration:none;}
	.color222 a:hover, .color222 a:focus, .color222 a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0198df;
    }
	
	.colorimportanti{color:#f00;}
	.colorimportanti a, .colorimportanti a:link{ color:#f00; text-decoration:underline;}
	.colorimportanti a:hover, .colorimportanti a:focus, .colorimportanti a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #f00;
		text-decoration: none;
    }
	.menu1{
		background-color: #f50;
		padding: 15px 20px;
	}
	.menu2{
		background-color: #009c9c;
		padding: 15px 20px;
	}
	.menu3{
		background-color: #00b7b7;
		padding: 15px 20px;
	}
	.menu4{
		background-color: #00d5d5;
		padding: 15px 20px;
	}
	.fasciatitolo{
		background-color: #333;
		color: #fff;
		padding: 20px 20px;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.3em;
	}
	.container{
		padding: 15px 20px;
		line-height: 1.5em;
	}

	
	
	
	/* FINESTRA DIALOGO ZINDEX */
	
	#finestradialogo{
		background-color: rgba(0, 0, 0, 0.9);
		display: none;
		z-index: 9999999;
		/*z-index: auto;*/
		position: fixed;
		width: 100%;
		height: 100%;
		padding: 80px 0 0 0;
	}
	.finestradialogotxt{
		background-color: #f8f8f8;
		max-width:460px;
		width:100%;
		margin:0 auto;
		padding:20px;
	}
	.finestradialogochiudi{
		text-align: right;
	}
	.finestradialogoinput{
		padding: 10px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 440px;
		margin: 5px 0 5px 0;
	}
	.finestradialogoinputconimmagine{
		padding: 10px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 400px;
		margin: 5px 0 5px 0;
	}
	.finestradialogoselect{
		padding: 10px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 460px;
		margin: 5px 0 5px 0;
	}
	.finestradialogotarea{
		padding: 10px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 440px;
		height: 250px;
		margin: 5px 0 5px 0;
	}
   	.pulsantemicro{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 4px 7px;
		background-color: #5fcafe;
		font-weight: 200;
		border: 0;
		/*width: 200px;*/
		margin: 0 0 0 0;
		cursor: pointer;
        /*color: #fff;*/
	}
	.inputmicro { /* utilizzate per imputare numeri*/
		width: 70px;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		font-weight: 200;
		padding: 10px;
		padding: 4px 7px;
		margin: 0 0 0 0;
		border: 0;
		background-color: #e8e8e8;
	}
	/* FINE FINESTRA DIALOGO ZINDEX*/
	
	
	
	/* TABELLE */
	
	.table-fill {
		background: white;
		border-radius:3px;
		border-collapse: collapse;
		padding:5px;
	}
	.table-fill th{
		color:#D5DDE5;
		background:#1b1e24;
		border-bottom:4px solid #9ea7af;
		border-right: 1px solid #343a45;
        font-size: 14px;
		font-weight: 100;
		padding:2px 10px;
		text-align:left;
        
	}

	.table-hover tr {
		background:#FFFFFF;
	}
	.table-hover tr:nth-child(odd){
		background:#EBEBEB;
	}
	.table-hover .bgrosso{
		background:#F00;
	}
	.table-hover td {
		padding:5px 7px;
		border-right: 1px solid #C1C3D1;
        font-size: 15px;
		font-weight: 400;
	}
	
	
	
	.table-hover_small tr {
		background:#FFFFFF;
	}
	.table-hover_small tr:nth-child(odd){
		background:#EBEBEB;
	}
	.table-hover_small .bgrosso{
		background:#F00;
	}
	.table-hover_small td {
		padding:3px 5px;
		border-right: 1px solid #C1C3D1;
	}
	


	/* FINE TABELLE */
	
	/* NUMERATORI DI PAGINA */
	.totlaerisultati{padding: 10px 0 0 0;}
    .pagn{padding: 20px 0 8px 0;}
	.controllipagand{
		float: left;
		width: 50%;
	}
	.controllipagand:nth-last-child(2){text-align: right;}
	.testointroacappella{
		padding: 0 0 8px 0;
		font-size: 15px;
		font-weight: 200;
		line-height: 1em;
	}
    .pagn li{
        display:inline-block;
        position: relative;
        margin:0 1px 0 0;
        padding: 0 0 0 0;
    }
    .pagn li a:link, 
    .pagn li a:visited{
        padding: 5px 10px;
        font-size: 18px;
        color:#fff;
        text-decoration:none;
        font-weight:200;
        background-color:#009c9c;
    }
    .pagn li a:hover, 
    .pagn li a:focus{
        color:#000;
        background-color:#fff;
    }
    .pagn li a.activate{
        background-color:#ff5500;
    }
	/* FINE NUMERATORI DI PAGINA */
	
	
	/* FORM */
	.campoinput{
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 700px;
		margin: 5px 10px 5px 0;
	}
	.numeroperpagina{
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 70px;
		margin: 5px 10px 5px 0;
	}
	.camposelect{
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 730px;
		margin: 5px 10px 5px 0;
	}
	.selectcerca{
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 200px;
		margin: 5px 10px 5px 0;
	}
	.campotextarea{
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 700px;
		height: 300px;
		margin: 5px 10px 5px 0;
	}
	.dvieditabile{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		width: auto;
		/*height: 300px;*/
		margin: 5px 10px 5px 0;
	}
	.dvieditabileprodottodettaglio{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 10px 15px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		width: 700px;
		/*height: 300px;*/
		margin: 5px 10px 5px 0;
		float: left;
	}

	.stylecheckradio{
		width: 25px; 
		height: 25px; 
		cursor: pointer; 
		vertical-align:middle;
	}
	.checkStyle{
		width: 40px;
		height: 40px;
		cursor: pointer;
		vertical-align:middle;
	}
	
	
    .divriquadrogrigiostondato{ /* usato nella pagina consol-dati-base e account*/
		max-width: 1000px;
		width: 100%;
        padding: 20px;
		background-color: #e8e8e8;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
    }
    .divriquadrogrigiostondato ul li {
        display: inline-block;
        width: 33%;
        padding: 0 0 5px 0;
        margin: 0;
    }
	
	
	.campoinput.rosa{
		background-color: #ffe3d5;
	}
	.campoinput.verdino{
		background-color: #ffe3d5;
	}
	
	
	.divselezioneregistrami{ /* usato nella pagina registrazione */
		width: calc(100% - 40px);
		padding: 20px 20px;
		margin: 0 0 10px 0;
        background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		cursor: pointer;
		line-height: 1.2em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.divselezioneregistrami:hover{ /* usato nella pagina registrazione */
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease; 
		transition: all 0.5s ease;
        background-color: #009c9c;
		color: #fff;
	}
	.divselezioneregistrami .titoloreg{
		font-size: 20px;
		font-weight: 900;
		padding: 0 0 10px 0;
		/*line-height: 1.2em;*/
	}
	/* FINE FORM */
	
	
	/* FOTO CATEGORIE */
	/*.boxfotocat{
		float: left;
		width: 300px;
		height: 300px;
		border: solid 1px #ccc;
		position: relative;
		margin: 10px 0 0 10px;
		text-align: center;
		background-color: #fff;
	}
	.fasciachechedimgcat{
		position: absolute;
		top: 0;
		text-align: left;
	}
	.titoloprodotto{
		bottom: 0;
		width: 290px;
		padding: 5px 5px;
		background-color: rgba(49, 73, 94, 0.9);
		color: #fff;
		font-size: 13px;
		font-weight: 200;
	}*/

	/* FINE FOTO CATEGORIE */
	/* FOTO CATEGORIE */
	.boxfotocat{
		float: left;
		/*width: calc(25% - 12px);*/
		width: 295px;
		border: solid 1px #ccc;
		position: relative;
		margin: 10px 0 0 10px;
		text-align: center;
		background-color: #fff;
	}
	.fasciachechedimgcat{
		position: absolute;
		top: 50px;
		text-align: left;
	}
	.titoloprodotto{
		position: absolute;
		top: 0;
		width: 100%;
	}
	.titolooo{
		background-color:#ff5500;
		width: calc(100% - 16px);
		padding: 8px 8px;
		text-align: left;
		line-height: 1.3em;
		color: #000;
		font-size: 13px;
		font-weight: 300;
	}
	.categorytext{
		background-color:#009c9c;
		width: calc(100% - 16px);
		padding: 8px 8px;
		text-align: left;
		line-height: 1.3em;
		color: #000;
		font-size: 13px;
		font-weight: 300;
	}
	.ckck{
		text-align: left;
	}
	.immagineprodottocategoria{
		padding: 66px 0 0 0;
	}
	/* FINE FOTO CATEGORIE */
	
	
	/* ISCRIZIONE */
	.containeriscrizione{
		max-width:400px;
		width:100%;
		margin:50px auto;
		padding: 25px;
		background-color: #fff;
        border: solid 5px #5fcafe;
        border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		font-weight: 300;
		line-height: 1.5em;
		font-size: 15px;
	}
	.camporegistrat{
		padding: 15px 20px;
		background-color: #e8e8e8;
		font-weight: 200;
		border: 0;
		width: 360px;
		margin: 0 0 15px 0;
	}
	.accedi{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 15px 20px;
		background-color: #5fcafe;
		font-weight: 200;
		border: 0;
		width: 400px;
		margin: 0 0 0 0;
		cursor: pointer;
        /*color: #fff;*/
	}
   	.pulsantepiccolo{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 20px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 10px 10px;
		background-color: #5fcafe;
		font-weight: 200;
		border: 0;
		width: 200px;
		margin: 0 0 0 0;
		cursor: pointer;
        /*color: #fff;*/
	}
   	.pulsantemicro{
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 12px 10px;
		background-color: #5fcafe;
		font-weight: 400;
		border: 0;
		/*width: 200px;*/
		margin: 0 0 0 0;
		cursor: pointer;
        /*color: #fff;*/
	}
	.pulsantemicro.rosa{
		background-color: #ffe3d5;
	}
	.pulsantemicro.verdino{
		background-color: #adedc7;
	}

	/* FINE ISCRIZIONE */
	
	
	
	
	
	
}