﻿body { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 80% ; background: url('../img/back/background_color.jpg') repeat; line-height:1.5em; }
 a { text-decoration: none; color: #FFF;} 
 strong {font-weight: bold;}
 a:hover { text-decoration: underline; /*color: #261412;*/}

.background {background: url('../img/back/background.jpg') repeat-x; height: 768px;}
.header {position: relative; display: block; background: url('../img/back/header.png') repeat-x; height: 273px; width: 855px; margin: 0 auto;}
.contentTop{display: block; background: url('../img/back/body_header.png') no-repeat; width: 855px; height: 15px; margin: 0 auto;}
.contentCenter{display: block; background: url('../img/back/body_body.png') repeat-y; width: 855px; margin: 0 auto; min-height: 340px; }
.contentBottom{ display: block; background: url('../img/back/body_footer.png') no-repeat; width: 855px; height: 31px; margin: 0 auto;}
.footer {width: 800px; margin: 15px auto 15px auto; color: #FFF; position: relative; font-size: 90%; height: 85px; line-height: 120%;}
.footer ul {float: left;}
.footer .footerRight { text-align: left; position: absolute; right: 0px;}
.content{padding: 20px 32px; color: #58261f;}
.content a {color: #58261f;}
.content h2 {font-size: 140%; font-weight: bold;  background: url('../img/back/sottotitolo.jpg') bottom left no-repeat; height: 22px;}
.content h3 {padding-top: 15px; padding-bottom: 10px; font-weight: bold;}
.content p {margin-top: 15px;}
.content .floatList {}
.content .floatList ul{float: left; padding: 12px;}
.content .floatList ul span {font-size: 130%; margin-left: 20px; padding-top: 2px;}
.content .center {margin: 0 auto; display: block;}
.contattiName { font-size: 130%;}
.content .contactUs {text-decoration: underline;}
#hlMail a:hover{ text-decoration: underline !important;}
.boxContatti {height: 300px; margin-top: 15px;}
.boxContatti ul{float: left;}
.mappa {border: solid 7px #DFD7D2}
.richiesta{ background: #DFD7D2; margin-left: 7px; position: relative; width: 285px; height: 294px;}
.richiesta h3{font-size: 120%;}
.richiesta input{width: 180px; position: absolute; right: 14px;}
.richiesta textarea{width: 178px; position: absolute; right: 14px; height: 120px;}
.richiesta li {padding-top: 10px; padding-left: 10px;}
.richiesta li .btnInvio{position: absolute; bottom: 8px; width: 60px; color:#58261f; font-size: 90%;}

/* MENU */
.menu {position: absolute; right: 35px; top: 23px; color: #FFF;}
.menu li {float: left; }
.menu li a:visited {color: #FFF;}
.menu li a{ display: block; padding-left: 7px; padding-right: 7px; padding-top: 4px;  height: 26px; color: #FFF;}
.menu li a:hover {text-decoration: none; display: block; background: url('../img/back/menu_background.jpg') repeat-x; height: 26px; color: #FFF;}
.menu_ON {display: block; background: url('../img/back/menu_background.jpg') repeat-x; height: 26px; color: #58261f !important;}

/* OFFERTE */
.gridOfferte {margin: 0 auto;}
.gridOfferte  a:hover { text-decoration: none;}
.gridOfferte h3 { font-size: 110%; font-weight: bold; color: #2b1917; line-height: 200%;}
.gridOfferte .detOfferte{margin-top: 15px; color:#54473F}
.gridOfferte .hlDetOfferte { color: #312b2b; position: relative; top: 15px;}
.gridOfferte .hlDetOfferte:hover {color: #58261F; }

.prezzoBarrato { text-decoration: line-through;}
.prezzoListino { font-size: 90%;}
.prezzoOfferta { font-size: 120%;}
.gridOfferteColFoto {padding: 0px; border: solid 3px white;}
.gridOfferteColPrezzo {border: solid 3px white; padding: 10px 5px 5px 5px;}
.pager{background: url('../img/back/offerte_paginatore.jpg') no-repeat right top; color: #FFF; height: 18px; border-right: solid #fff 3px; border-bottom: solid #FFF 0px; padding-bottom: 3px;}
.pager {}
.PagerButton:hover {color: #311915 !important;}
.descrizione {height: 100%;}
.rgNumPart { display: inline; }
.rgNumPart a span {padding: 0 2px; }
.rgNumPart a span:hover {color: #311915;}
.rgNumPart a.rgCurrentPage span  {color: #261412; cursor: default}


/* OFFERTA */
.contentOfferta{padding: 20px 32px; color: #58261f;}
.contentOfferta .imgOfferta { float: left;  border-right: solid 6px white;}
/*.imgNoOfferta {height: 130px; border-right: none;}*/
.contentOfferta .boxDetPrezzo {background: #C0AFA5; height: 92px; border-bottom: solid 6px white; font-weight: bold;}
.contentOfferta .boxDetPrezzo p{padding: 5px 0 20px 0px; }
.contentOfferta .boxDetData { background: #CDC0B8; height: 25px; padding: 7px 0 0 0px; font-weight: bold; }
.contentOfferta .boxDetMain { background: #CDC0B8; min-height: 80px; border-top: solid 6px white; clear: left;}
.contentOfferta .boxDetMain p {padding: 6px;}
.contentOfferta h2 {font-size: 140%; font-weight: bold;  background: url('../img/back/sottotitolo.jpg') bottom left no-repeat; height: 22px;}
.contentOfferta h3 {font-size: 120%; font-weight: bold; text-transform:uppercase; padding: 20px 0 12px 0;}
.contentOfferta .DetCaminetto {padding: 8px;}
.contentOfferta .Superficie {padding: 8px;}
.contentOfferta .Formato {padding: 8px;}
.contentOfferta .dettaglioIndietro {background: url('../img/back/sottotitolo.jpg') top left no-repeat; margin-top: 10px; padding-top: 4px;}
.contentOfferta .dettaglioIndietro a{ color: #58261f; }
.contentOfferta .dettaglioIndietro a:hover { text-decoration: none; color: #261412;}
.contentOfferta div p{padding: 8px;}