/* colori 
#32855a verde EnUp
#cf3423 rosso telefono e approfondimento
#ff7f00 arancio C-E.it
#efbc30 giallo contabilizzazionedinamica.it
 }
*/

/* ------- GENERALE -------- */

body {font-family: 'Open Sans', sans-serif; color:#444; margin:auto; font-size:15px } 

p{line-height:1.5em; }
h1{font-size:2em; margin:0.3em 0 0 0; line-height:1.2em; text-align:left; clear:both; } 
h2{font-size:1.6em; margin-top:45px; text-align:left;}
h3{font-size:1.1em; margin-top:25px; font-weight:bold}
h4{margin-bottom:0px}

h1, h2, h3, h2 a, h2 a:hover, h3 a, h3 a:hover{color:#32855a;  }
#container{overflow: hidden; }
#corpo{margin:auto; margin:0 auto; max-width:1200px; padding:0 1em 0 1em}
.row-corpo{margin:auto; margin:0 auto; max-width: inherit; padding:0 1em 0 1em }
a{color: #333}
a:hover{text-decoration:none; color: #333; font-weight:bold}

ol{list-style-position:inside;}
ul{ list-style-position:outside;}

/* footer */	
.row-footer{margin:auto; margin:0 auto; max-width:1200px; display:block; overflow: auto; padding:0 1em 0 1em}
footer {background-color: #32855a; color: #FFF; padding-bottom:3em;}
footer a {color:#FFF; text-decoration:none}
footer a:hover{color:#ff7f00;}
.footer1{width:24%;float:left; margin:1em 5em 0em 0em}
.footer-inlinea {margin:0; padding:0; max-width:80%;}
.footer-inlinea li{display:inline-block; margin:0; padding:0 3px 0 0; font-size:1em;}
.footer2{width:19%; float:left; margin:2em 2em 0em 0em; border-top: #FFF 2px solid; line-height:1.8em;}
.footer2 ul{list-style:none; margin:0 0 2em 0; padding:0; list-style-position:outside;} 
.footer2 h4{margin:1em 0 1em 0em; font-size:1.2em; font-weight:normal}
.avvertenze{ line-height:1.1em; font-size:0.9em}

/* corpo-colonna */
#corpo-colonna1{ margin-top:13em; width:72%; min-height:32em; float:left;  margin-bottom:5em; text-align:justify }
#corpo-colonna2{ margin-top:13em; width:22%; min-height:32em; float:right; margin-bottom:3em }
#corpo-colonna1 img{max-width:100%; height:auto;}
.corpo-colonna2 ul{text-align:right; list-style:none} 

.body-centrato{width:100%} /*cancellare??-----------/*

/* ------- HEADER -------- */

header{position: absolute; width:100%; border-bottom: 1px #dedede solid; }
.row-header{margin:auto; margin:0 auto; max-width:1200px;padding:0 1em 0 1em   }

/*** Menu ***/
#menua { z-index:2; margin:-2.5em 0 0 0; float:right; font-family: 'Advent Pro', sans-serif; }
#menua ul {list-style: none;}
#menua ul li {float: left;}
#menua a {color: #32855a;font-size:1.2em; text-decoration:NONE;display: block;font: 14px;padding-left:1em;text-transform:uppercase; font-weight:bold}
#menua a:hover {color: #32855a; text-decoration: none; font-weight:normal}

/* Button Responsive Menu*/
.btn-responsive-menu{display: none;float: right; margin-top:0.5em; height:2em; cursor:pointer;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#32855a;}
.icon-bar {display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)}
.show{display:block!important}

/* bottone in alto*/
#header-button a{ color:#cf3423; float:right; width:200px; line-height:40px; text-align:center; text-decoration:none; border: #32855a 1px solid }
#header-button a:hover{ background-color: #F8F8F8; font-weight:bold; }

/* fascia e lingue */
#fascia2{z-index:1; height:40px;clear:both; padding-top:1em}

.lingue { float:right; }
.lingue img{padding-left:0.5em; height:13px;  }
#logo img{width:25%; min-width:250px}

.loghetti {float:left;  }
.loghetti img{width:16px; margin-right:0.5em}
.testino {float:right; margin-right:1.5em; }
.testino a{text-decoration:none; font-weight:normal}
.testino a:hover{font-weight:bold}
.ricerca-google{float:right; max-width:22em; margin-right:1.3em}

.loghetti-telefono{float:right; margin-right:0.5em}
.loghetti-telefono a{ font-weight:normal; color:#cf3423; text-decoration:none}
.loghetti-telefono a:hover{font-weight:bold;  color:#cf3423;}
.loghetti-telefono img{display:inline-block; height:18px; width:18px}


/* ------- MENU E RETTANGOLO COLONNA LATERALE -------- */


.rett-index3{ margin:1em 0em 2em 0em; width:100%;overflow:hidden;  }
.row-corpo{margin:1em 0em 1em 0em; width:100%; overflow:hidden; }
.sfondo-index2{ }
.row-sfondo-index{}
.titolo-index { width:100%; text-align:center;font-weight:700; font-size:2em; margin:1em 0 1em 0; padding-top:1em;text-transform:uppercase; border-top:#CCC 1px solid  }

/* menu laterale */
.menu-lat{ margin-top:2em }
.menu-lat ul {border:#c5c2c2 1px solid; list-style:none; padding-left:0em; margin:0; }
.menu-lat li {padding:0.5em;  display:block; border-bottom:#c5c2c2 1px solid;}
.menu-lat li a{text-decoration: none}
.menu-lat li a:hover{ font-weight:bold}
.capoelenco{ font-weight:bold; border:none;  background-color: #F7F7F7}
.capoelenco2{ font-weight:bold; border:none;  background-color: #c5c2c2; color:white}
 
/* rett1 - rettangolo laterale */
.rett1{margin-top:2em;border: #c5c2c2 1px solid; padding:0.6em }
.rett1-img{ text-align:center; width:100%; }
.rett1 p{font-weight:normal; line-height:1.2em; margin-top:0.5em;margin-bottom:1em; text-align:justify;    } 
.rett1 h3{font-weight:normal; line-height:1.2em; margin-top:0.5em;margin-bottom:1em; text-align:justify; font-size:1.1em;} 
.rett1 a{ text-decoration:none;color: #333; }
.rett1 a:hover{text-decoration:underline; color: #333  }
  
/* rett-bannerino - banner laterale foto quadrata */
.rett-bannerino{ min-height:8em;  }
.rett-bannerino img{ width:6em; height:6em;float:left; margin-top:1em;}
.rett-bannerino p{ max-width:50%;  float:left; margin-left:1em; margin-top:0.9em; font-variant:small-caps; font-weight:bold; font-size:0.9em; line-height:1.2em}
.rett-bannerino a{ text-decoration:none; font-variant: normal; font-weight:normal; line-height:1em; }
.rett-bannerino a:hover{ color: #CCC}
 
/* rettangolo presentazione autore */
.rett6{min-height:200px; margin-top:10em}
.rett6 img{ background-color:#999; height:150px; width:150px; border:#CCC 1px solid; float:left; margin-right:1.2em; margin-top:0em;display:block}
.nome{ font-size:1.4em; color:#32855a; margin-top:1.2em}

/* rettangolo lavori */
.titolo-lavori{ font-style:italic; width:100%; border-bottom:1px solid; font-size:normal; display:block; margin-bottom:2em}
.rett-lavori { float:left; margin-bottom:2em; margin-bottom:2em;margin-top:1em; }
.rett-lavori p{ margin:0.5em 1.5em 0em 1em;}
.rett-lavori h3{  margin:0em 1.5em 0em 1em; text-align:left; display:block; font-size:1.1em}
.rett-lavori h3 a{ text-decoration:none; font-weight:bold }
.rett-lavori h3 a:hover{ text-decoration:none;font-weight:normal}
.rett-lavori img{width:84%; height:auto; margin:0px 1em 1em 1em; text-align:center; display:block; }

/* rettangolo servizi */
.rett-servizi{width:32.9%; float:left; min-height:19em; margin-bottom:1em;margin-top:1em;    }
.rett-servizi h3{  margin:1em 1.5em 0em 1em; text-align:center; display:block; font-size:1.3em; }
.rett-servizi h3 a{ text-decoration:none;font-weight:bold }
.rett-servizi h3 a:hover{ text-decoration:none;font-weight:normal; }
.rett-servizi img{width:90%; height:auto; margin:0px 1em 1em 1em; text-align:center; display:block; }
.rett-servizi p{ padding:0px 1.5em 0px 1.5em; text-align:justify; }


/* 3 rettangoli */
.rett-index{width:33%; float:left;  }
.rett-index p{ padding:0px 1.5em 0px 1.5em; text-align:justify; }
.rett-index h2{  margin: 1.5em auto 1em auto;display:block;width:65%;  text-decoration:none; font-size:1.3em;  text-align:center; min-height:2em}
.rett-index img{width:94%; height:auto; margin:0 auto; margin-top:4em; text-align:center; display:block}
.rett-index h2 a{text-decoration:none;  }
.rett-index h2 a:hover{text-decoration:none; font-weight: normal;}

/* 3 rettangoli con cornice */
.rett-index4-cornice{width:33%; float:left; padding-bottom:30px; margin-top:2em  }
.rett-index4 { margin:28px;border:1px solid #CCC; border-radius:4px; overflow: inherit; padding:22px; text-align:center;background:white; min-height:150px ;box-shadow: 0 1px 3px rgba(0,0,0,.1); }
.rett-index4 p{ margin:0.5em 0 0 0; padding:0; color: #999}
.rett-index4 h2{margin:0 auto; padding:0; width:65%; font-size:1.1em; text-align:center; text-transform:uppercase; color:#333}
.rett-index4 img{width:25%; height:auto; margin:0 auto; margin-top:4em; text-align:center; display:block}
.rett-index4 a{ color:#32855a; margin:1em 0 0 0;font-weight:bold }
.rett-index4 a:hover{ font-weight:normal}
.rett-index4-loghetto {position: relative; width:40px; height:40px; border-radius:3px; background-color:#cf3423; z-index:2; font-size:2em; font-weight:bold; color:white; margin:-1.2em auto; text-align:center;box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.rett-index4-loghetto:hover{ box-shadow:none; cursor:default }

/* 4 rettangoli */
.rett-index2{width:25%; float:left; margin-bottom:1em; }
.rett-index2 p{ padding:0px 1.5em 0px 1.5em; text-align:center; margin-top:0px}
.rett-index2 h3{  margin: 1.5em auto 1em auto;display:block;width:85%; text-decoration:none; font-size:1.1em; text-align:center;min-height:2em  }
.rett-index2 h3 a{text-decoration:none; font-weight: normal}
.rett-index2 h3 a:hover{text-decoration:none; font-weight:bold}
.rett-index2 img{margin-top:4em;}

/* cerchio (preventivo C-E.it) */
.cerchio{width: 80px; height: 80px; border-radius:40px; border:#cf3423 1px solid; font-size:2.5em; font-weight:bold; color: #cf3423; background-color: transparent; text-align: center; margin:20px auto; line-height:80px;box-shadow: 0 2px 4px rgba(0,0,0,.2); }
.cerchio:hover{ box-shadow:none; cursor:default}

/* ------- PAGINA STANDARD -------- */

/* breadcrumb*/
#breadcrumb {color: #999; margin:0px; text-align:left; display:inline-block }
#breadcrumb a{color: #999; text-decoration:none}
#breadcrumb a:hover{color: #999;}

/* modulo link in fondo all'articolo*/

.correlato{min-height:150px; display: inline-block}
.correlato2{ text-align:left}
.titolo {color:#C00; font-weight:bold; list-style:none; margin-left:-15px}
.correlato2 ul{margin-left:-20px}

/*-----------BOTTONI-------------------*/
 
/*bottone generale*/
.btn {min-width:180px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); letter-spacing:2px; overflow:hidden; margin-bottom:1em}
.btn a{transition: all .2s ease-in-out; text-decoration:none; min-height:40px; line-height:40px; display:block;border-radius:3px; text-align:center; font-weight:300; padding:0 1em; color:white; text-transform:uppercase; color:white; background-color:#32855a; border:1px solid #32855a; }
.btn a:hover{font-weight:bold; color:white; text-decoration:none; background-color:#366; color:white;}

/*centrare il bottone*/
.btn-center{text-align: center;margin:0 auto; }

/* bottone giallo incentivo cliccare*/
.bottone{ background-color: #E6F154; border:#c5c2c2 1px solid; min-height:30px; margin-top:30px}
.bottone a{ text-decoration:none; font-weight:normal}
.bottone a:hover{ text-decoration:none;  font-weight:bold}
.bottone h3{ text-align:center; margin:0.2em 0em 0.2em 0em} 

/* bottone home page*/
.bottone2{width:180px }

/* bottoni call to action nella home page*/
.home-button{ margin-right:1em; top: 25px;right:0px; float:left; }
.home-button a{color:white;background-color:#32855a; }
.home-button a:hover{background-color:#276a48;}

.home-button2{ margin-right:1em; top: 25px;right:0px; float:left; }
.home-button2 a{color:#276a48; background-color:transparent  }
.home-button2 a:hover{background-color:#276a48;}

/* bottone invito a telefonare*/
.bottone-tel {max-width:420px;}

/* bottone chiedi un preventivo*/
.prev {margin:2em 0 2em 0; }
.prev a{background-color:#00426b; border:1px solid #00426b;}
.btn a:hover{font-weight:bold; color:white; text-decoration:none; background-color: #154f7c ; color:white;}

/*---------------------------------------------*/


/* approfondimento in rosso in un articolo */
.approfondimento{color:#cf3423; font-weight:bold}
.approfondimento a{color:#cf3423;}
.approfondimento a:hover{ font-weight:normal}


/* rettangolo per evidenziare call to action commerciali*/
.rettangolo{border:#333 1px dotted; padding:1em 2em; background-color: #E2FFDD; margin:0; }

/* autore dell'articolo */
.autore{ margin-top:50px;}
.autore a{}

/* domande */
.domande{display: block; margin-top:110px;}
.domande h4 a{text-decoration:none; line-height:1.4em; border:none; color:#C00; font-size:1.6em;}
.domande a, a:hover{text-decoration:none}

/* lista con righe di divisione */
.lista-freccia li{ border-bottom:#359444 1px dotted; list-style-type: decimal; padding-top:8px; }
.lista-freccia a{ text-decoration:none}
.lista-freccia a:hover{ color:#32855a; }

/* generale, immagini e elenchi */

.img-larga {width:100%; margin-top:10px; margin-bottom:10px; height:auto} 
.img-float-dx{ float:left; margin-right:2em;margin-bottom:10px; }

.sintesi{color: #32855a; margin-top:10px; font-style:italic; margin-bottom:2em; font-size:1.1em}
.invisibile{display: none}
.volto{ float:left; padding-right:20px; width:120px; height:120px}
.didascalia{ font-style:italic; margin-top:-1em; margin-bottom:2em; clear:both}
.persone{ margin-top: 20px; margin-bottom:4em}
.eventi{ margin-top:1em; border: #CCC solid 1px; padding-left:2em}
#italia img{ border:none;}
#italia {padding-top:20px}
.corsivo{font-style:italic}
.tick:before{ content: url(../immagini/grafica/tick-ok.gif);margin-right:12px;}
.tick-negative:before{ content: url(../immagini/grafica/tick-negative.gif);margin-right:12px;}
.tick-negative {list-style-type:none; list-style-position:inside}
.tick{list-style-type:none}


/* pagina contatti */
.modulo{ width:80%; padding: 8px 16px;}
.modulo-mess{width:84%;height:12em;padding: 8px 16px;}
.invia-modulo{ font-size:1.5em; padding: 12px 20px;}
input[type=text]:focus {background-color: lightblue;}

.google-maps {  position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.google-maps > iframe {position: absolute; top: 0; left: 0; width: 100% !important;height: 100% !important;}

/* menu laterale */

.rett-bannerino-2{border:none;  }

.sottolineato{font-style: italic;padding:0.8em 1em 0.8em 1em;border: #cc0000 1px solid;margin-top: 2em; margin-bottom:4em; background-color:#F7F7F7}


.social-quadrato{margin-bottom:2em; padding:0; margin-top:1em }
.social-quadrato p{ margin-bottom:8px; margin-top:0px}
.social-quadrato img{ width:25px; height:25px; margin-right:0.6em}


/* servizio-mini */
.servizio-mini{ width:20%; min-width:150px; min-height:240px;  padding:10px; border:#326f9e 1px solid; float:left; margin-right:25px; margin-bottom:15px}
.servizio-mini p{ color: #326f9e; text-align:right !important; line-height:1.1em; margin-top:8px; margin-bottom:5px; }
.servizio-mini h4{ color:#cc0000; margin-top:0px;margin-bottom:0px; border-bottom:#326f9e 1px dashed; text-align:right; font-weight:bold; font-size: 1.2em; padding-bottom:8px; line-height:1.2em }
.servizio-mini-prev { text-align:right;}
.servizio-mini-img{  margin-bottom:10px; display:block; margin-left:0px; }
.servizio-mini-img img{ width:100% }




@media only screen and (max-width: 800px) {
	 
header{background-color: rgba(255,255,255,0.85)}
#fascia{ margin:0; z-index:1;  }
#fascia2{ display:none}
#logo img{ margin-top:0.3em; min-width:180px} 

 /*** Menu responsive ***/

#menua{display:none; margin-top:0em; width:100%; background-color:white}
#menua ul li {float: none; }
#menua ul { margin:0; padding:0;list-style-position:outside }
#menua li { display:inherit; display:block; height:3em; line-height:3em; border-bottom:1px dotted #CCC}
#menua a {padding:0 }
.btn-responsive-menu{display:block;}


#corpo-colonna1{margin-top:6em; width:100%; }
.corpo-colonna1-show{ margin-top:27em !important; width:100%; }
#corpo-colonna2{ margin-top:1em;width:100%; min-height:4em; margin-bottom:2em}
#corpo-colonna1 img{ max-width:100% }

#header-button a{display:block!important;	top: 10em;left:0px;position:absolute;z-index:2;text-align: center;}
.rett-index img{ width:70%}
.rett-index{width:100%;min-height:10em}
.rett-index2{width:50%;}
.rett-index4-cornice{width:100%; float:left;   }
.rett-index4 { margin:15px;border:1px solid #CCC; overflow: inherit}
.rett-lavori{width:50%; }
.rett-servizi{width:50%; }
.ricerca-google{float: left; max-width:16em;}


/* footer */
footer {margin-bottom:50px  }
.footer1{float:none;width:100%; }
.footer2{float:none;width:100%; }
.row-footer{margin:0 3% 0 3%}
 } 



@media only screen and (max-width: 480px) 
{  
header{ position: fixed; }
#logo img{ min-width:inherit; width:110px;}
#logo { padding-top:0.3em }

.rett-index2{width:100%;}
.rett-lavori{width:100%; } 
.rett-lavori img{width:92%;} 
.rett-servizi{width:100%; }
.ricerca-google{ display:none}
.servizio-mini{ width:60%; float:none ; margin:auto; min-width:200px; border:none }

}


@media only screen and (min-width: 800px) 
 {.footer-banner{ display:none } }