/* Basic HTML =======================*/
* { margin: 0; padding: 0; }
body { background-color: #fff; font: 11px/18px Arial; color: #333; }
p { padding: 0 0 15px 0; }

/* Headings =========================*/
h1, h2, h3, h4, h5, h6 { padding: 10px 0; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
h1 { font-size: 24px; line-height: 24px; }
h2 { font-size: 22px; line-height: 22px;}
h3 { font-size: 20px; line-height: 20px;}
h4 { font-size: 18px; line-height: 18px;}
h5 { font-size: 16px; line-height: 16px;}
h6 { font-size: 14px; line-height: 14px;}

a { text-decoration: none; color: #c9091e; outline: none; }
a:hover { color: #c61010; }
a img { border: 0; }
input { text-align: left; padding: 4px; }
/* CSS Grid =========================*/
.b1 { width: 640px; }
.b2 { width: 300px; }
.b1 .b1 { width: 310px; }
.b3 { width: 180px; }
.b4 { width: 440px; }
.b5 { width: 600px; }
.b6 { width: 960px; }
.b7 { width: 150px; }
.col { float: left; margin: 0 10px; display: inline; }
.box { margin: 0 auto; width: 960px; }
.kai { margin-left: 0; }
.loon { margin-right: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Header =========================*/
#header.box { margin: 0 auto; }
#header h1 { padding: 0; margin-top: 5px;}
#logo a { text-indent: -9999em; background: url(images/logo.jpg) no-repeat top left; float: left; width: 480px; height: 76px; margin-top: 15px;}
#top_banner { float: left; display: inline; width: 468px; height: 76px; margin-top: 15px;} 
#nav { list-style: none; border-bottom: 1px solid #ccc; }
#nav li { float: left; }
#nav li a { float: left; text-indent: -9999em; margin-right: 7px; display: inline; }
#nav li a#home { background: url(images/quattromura_base_Pagina_1_06.jpg) no-repeat top left; width: 310px; height: 23px; }
#nav li a#agenzie { background: url(images/rivista.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#blog { background: url(images/privati.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#fb { background: url(images/contatti.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#aste { background: url(images/aste.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#news { background: url(images/news.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#news2 { background: url(images/news2.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#home2 { background: url(images/ricerca2.jpg) no-repeat top left; width: 310px; height: 23px; }
#nav li a#agenzie2 { background: url(images/rivista2.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#blog2 { background: url(images/privati2.jpg) no-repeat top left; width: 94px; height: 23px; }
#nav li a#fb2 { background: url(images/contatti2.jpg) no-repeat top left; width: 94px; height: 23px; }

/* Search =========================*/
#search_form { text-align: center; }
.form .radio { margin: 1px 5px 1px 0; }
.right { float: right; }
.form p { padding: 13px 0 0 0; width: 100%; }
.form select { width: 120px; margin: 5px 0; }
.form .text { width: 120px; margin: 5px 0; }
.form .short { width: 50px; }
.center { text-align: center; }
.form #submit_button { border:0; background: url(images/quattromura_base_Pagina_1_22.jpg) no-repeat top left; width: 32px; height: 34px; cursor: pointer; }
.form h6 { color: #c9091e; }
.form_wrapper{ float: left; width: 298px; display: inline; margin: 0 6px 0 0; border: 1px solid #ccc; border-top: 0; padding: 5px 5px 10px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleright: 6px;}
.form_left { float: left; width: 130px; display: inline; margin: 0 0px 0 0;  border-top: 0; padding: 5px 5px 10px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleright: 6px;}
.form_right { float: left; width: 130px; display: inline;  border-top: 0; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleright: 6px; padding: 5px 5px 10px; }
#map { padding: 15px 5px; }

.rivista ul li {

		

		list-style: none;

		border-bottom: 1px dotted #cdcdcd;

		line-height: 1.3em;

		padding: 5px 0 5px 0;

}

/* Sidebar =========================*/
.widget {  margin: 15px 0; }
.widget h4 { background: url(images/gra.jpg) repeat-x bottom left; padding: 0  0 5px 0; font: 400 14px/14px Arial; color: #c9091e; }
.widget h4 img { float: left; display: inline; margin: 0 10px 0 -1px; }
.widget .widget { padding: 10px; border: 1px solid #e57b87; margin: 0; border-top: 0; }
.widget .widgetadv { padding: 15px; text-align: center; border: 1px solid #e57b87; margin: 0; border-top: 0; }
.widget .widgetsidebar { padding: 15px; border: 1px solid #e57b87; margin: 0; border-top: 0; }


.widgetsidebar ul li {

		font-size: 90%;

		list-style: none;

		border-bottom: 1px dotted #cdcdcd;

		line-height: 1.3em;

		padding: 5px 0 5px 0;

}

.widgetagenzia { float: left; margin: 15px 0 15px; padding: 10px; border: 1px solid #e57b87; margin: 0; border-top: 0;}
.widgetagenzia h4 { background: url(images/gra.jpg) repeat-x bottom left; padding: 0  0 5px 0; font: 400 14px/14px Arial; color: #e57b87; }
.widgetagenzia h4 img { float: left; display: inline; margin: 0 10px 0 -1px; }

.info { padding: 0 20px; }

.info p { float: left; width: 100%; }
.info p label { float: left; width: 55px; }
.info p input, .info p textarea { float: right; width: 130px; padding: 4px; }
.info p textarea { height: 150px; }
.info #contact_submit { float: left; border: 0; padding: 5px 8px; background-color: #c9091e; color: #fff; font-weight: 900; cursor: pointer; }
.info span {text-align: center; padding: 5px 5px 0 0;}
.info span img.left {float: left; padding: 5px 5px 0 0;}

.infoframe p { float: left; width: 95%; }
.infoframe p label { float: left; width: 55px; }
.infoframe p input, .infoframe p textarea { float: right; width: 130px; padding: 4px; }
.infoframe p textarea { height: 150px; }
.infoframe #contact_submit { float: left; border: 0; padding: 5px; background-color: #c9091e; color: #fff; font-weight: 900; cursor: pointer; }
.infoframe span {text-align: center; padding: 0;}
.infoframe span img.left {float: left; padding: 0;}

/* Slider =========================*/
.slider .widget h4 img { margin: -1px 10px 0 -1px; }
.jCarouselLite { padding: 0 0 20px 0; }
.jCarouselLite ul { list-style: none; }
.jCarouselLite ul li { width: 120px; height: 250px; margin: 0 10px 0 0; line-height: 15px; }
.jCarouselLite ul li p { padding: 7px 0; }
.jCarouselLite ul li a img { width: 100px; }
.jCarouselLite ul li h2 a { font: 400 14px/14px Arial; }
.prev { float: left; background: url(images/left_arrow.jpg) no-repeat top left; width: 25px; height: 25px; display: inline; margin: 110px 0 0 0; cursor: pointer; }
.next { float: right; background: url(images/right_arrow.jpg) no-repeat top left; width: 15px; height: 25px; display: inline; margin: 110px 0 0 0; cursor: pointer;}
.close { height: 33px; background: url(images/gra1.gif) repeat-x top left; }
.next2 { float: right; background: url(images/right_arrow.jpg) no-repeat top left; width: 15px; height: 25px; display: inline; margin: 110px 0 0 0; cursor: pointer;}
.close3 { height: 33px; background: url(images/gra1.gif) repeat-x top left; }

#slider_2 .jCarouselLite ul li a img { width: 100px; height: 50px; padding: 5px; border: 1px solid #ccc; }
#slider_2 .jCarouselLite ul li { height: 80px; }
#slider_2 .jCarouselLite { padding: 0; }
#slider_2 .prev, #slider_2 .next { margin: 20px 0 0 0; }

/* Search=========================*/
#search_list { padding: 0 0 0 10px; }
#search_list .widget { padding: 0; }
#search_list form.right { margin: -5px 0 0 0; }
.result ul { list-style: none; padding: 0; margin: 0; }
.result ul li { border-top: 1px solid #1078c1; padding: 10px 0; }
.result ul li span { position: relative; display: block; width: 310px; padding: 0 0 10px 130px; }
.result ul li h2 a { font: 900 16px/16px Arial; } 
.result ul li a img { position: absolute; top: 0; left: 0; width: 100px; height: 75px; } 

.result2 ul { list-style: none; padding: 0; margin: 0; }
.result2 ul li { border-top: 1px solid #adadad; padding: 5px 0; }
.result2 ul li span { float: left; display: block; width: 400px; padding: 0 10px 10px 5px; }
.result2 ul li h2 a { font: 900 16px/16px Arial; } 
img.fotodettaglio { float: left; width: 100px; height: 75px; padding: 4px; border: 1px solid #e6e6e6; margin:0 12px 5px 0;} 
.agenzia { background: #efefef; width: 174px; padding: 5px; float: left; display: block; font: 900 12px/12px Arial, Helvetica, sans-serif; font-style: normal; display: inline; }
.telefono { background: #fff url(http://www.quattromura.it/img/telefono.gif) left no-repeat; width: 160px; border-bottom: 1px solid #efefef; padding: 5px 5px 5px 20px; float: left; display: block; font: 900 12px/12px Arial, Helvetica, sans-serif; font-style: normal; display: inline; }
.dettaglio { background: #fff url(http://www.quattromura.it/img/dettaglio.gif) left no-repeat; width: 160px; border-bottom: 1px solid #efefef; padding: 5px 5px 5px 20px; float: left; display: block; font: 900 12px/12px Arial, Helvetica, sans-serif; font-style: normal; display: inline; }
.media { height: 20px; float: left; display: inline; margin: 0; }
.media a img {float: left; padding: 5px 5px 0 0;}
.photo { background: url(images/photo.jpg) no-repeat 0 0; padding: 10px 0 10px 35px; height: 40px; float: left; font: 900 12px/12px Arial, Helvetica, sans-serif; font-style: normal; display: inline; margin: 0 25px 0 0; }
.plan { background: url(images/plan.jpg) no-repeat 0 0; padding: 10px 0 10px 55px; height: 40px; float: left; font: 900 12px/12px Arial, Helvetica, sans-serif; font-style: normal; }

.pagination { background: url(images/gra1.gif) repeat-x top left; margin: 10px 0; padding: 10px 0; text-align: center; }
.pagination span, .pagination a { padding: 2px 2px; }
.pagination span.current { color: #000; font-weight: 900; }

/* Single=========================*/
.single { margin: 15px 0; height: 20px; background: url(images/gra.jpg) repeat-x bottom left; float: left; width: 100%; }
.single img { float: left; }
.single a.top_menu { float: right; display: inline; margin: 0 30px 0 0; padding: 0 0 0 20px; }
.single a#st { background: url(images/quattromura_base_Pagina_3_09.jpg) no-repeat 0 2px; }  
.single a#in { background: url(images/quattromura_base_Pagina_3_03.jpg) no-repeat 0 2px; }  
.single a#sa { background: url(images/quattromura_base_Pagina_3_05.jpg) no-repeat 0 2px; }  
.single a#ad { background: url(images/quattromura_base_Pagina_3_07.jpg) no-repeat 0 2px; }  

.post { float: left; width: 100%; margin-bottom: 20px; }
.post h2 { border-bottom: 1px solid #c9091e; }
.post .left_col { float: left; width: 438px; padding: 15px 0; }
.post .right_col { float: left; width: 200px; }
.post .right_col .details { border: 1px solid #c9091e; border-top: 0; }
.post .right_col .details ul { font-size: 10px; font-family: Tahoma; list-style: none; padding: 0; margin: 0; }
.post .right_col .details ul li { background-color: #ecf6fc; padding: 5px 10px; display: block; position: relative; border-bottom: 1px solid #b1d8f1; }
.post .right_col .details ul li em { position: absolute; right: 10px; font-style: normal; }
.post .right_col .details ul li:hover { background-color: #fff; }
.post .right_col .google_map { margin: 10px 0; width: 200px; overflow: hidden; }


#slider_3 { float: left; width: 100%; padding-bottom: 40px !important; padding-bottom: 0; }
#slider_3 .mid { float: left; width: 340px; height: 340px; display: inline; }
#slider_3 .mid .number { float: right; }
#slider_3 .mid a img { width: 320px; height: 320px; margin: 0 0 10px 0; padding: 7px; background-color: #f1f1f1; }
.jCarouselLite_3 { }
.jCarouselLite_3 ul li { margin-bottom: 7px; height: 72px; }
.jCarouselLite_3 ul li a img { width: 60px; height: 60px; padding: 5px; border: 1px solid #ccc; }

.gallery { float: right; padding: 0 15px 0 0; }
#slider_3 .navi { float: left; width: 70px; height: 10px; position: relative; margin-top: -105px; }
#slider_3 .navi a { width: 10px; height: 10px; float: left; display: inline;  }
#slider_3 .next { background: url(images/photo_right_arrow.jpg) no-repeat top left; margin-left: 20px; }
#slider_3 .prev { background: url(images/photo_left_arrow.jpg) no-repeat top left; margin-left: 10px;}

/* FOOTER */
.footer { float: left; height: 20px; margin-bottom: 5px; border-top: 1px solid #e1e0e0; width: 960px;}