/* carico le regole per resettare gli stili per tutti i browser */
@import url(browser_reset.css);

body {
	margin:0px; 	
	padding: 0px;
	background-color: #111;
	font-family: Arial,sans-serif,Verdana,Helvetica;
	font-size: 12px;
	color: #AAA;
}

h1,h2,h3,li{margin:0px 0px 5px 0px; padding:0px;}
h1,h2,h3{text-transform:uppercase;}

ul{	margin:0px 0px; padding:0px;}
li {text-align: left;}
p{padding:10px 0px 10px 0px;}
h1{font-size:18px; }
h2{font-size:16px; }
h3{font-size:14px; }
h4{font-size:12px; }
p{line-height:18px;}
label{margin:0px 10px 0px 0px;}


hr.divide { 
	border: 0; 
	border-bottom: 1px dotted #999;
}
a:link, a:visited {
	color: #831d18;
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
}

.logo {
	margin: 15px 15px 10px 15px;
}
.clear { 
	clear:both; 
	height:0px;
	padding:0px;
	margin:0px;
}
.spacer {
	margin-bottom:20px;
}
.fixed_width { 
	width: 135px;
}
.short_width {
	width: 90px;
	height: 22px;
}
#header,
#content,
#footer {
	width:100%;
}
#header div.container,
#content div.container,
#footer div.container {
	width:960px;
	padding:10px;
	margin:0px auto;
}
#header {
	background:url(../images/header_bg.gif) 0 0 repeat-x;
	height:115px;
}
#header div.container {
	position:relative;
	height:90px;
}
#slide_frame,
#slide_show {
	width:610px;
	height:220px;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	float:left;
}
#slogan {
	width:380px;
	height:220px;
	float:right;
	text-align:justify;
	padding:0px 15px;
	border-right:1px solid #DDD;
	color:#FFF;
}
#slogan p {
	font-size:16px;
}

#site_name {
	position:absolute;
	top: 20px;
	left:0px;
	z-index:100;
	margin:0px;
	padding:0px;
}
#site_name a {
	color:#2b415c;
	font-size: 20px;
	margin:0px;
	padding:2px;
	text-decoration:none;
	display:inline-block;
	width:300px;
	height:90px;
}
#logo {
	background:url(../images/logo_agenzia_vicenza.png) 0px 0px no-repeat;
}
h1#site_name a span {
	position:absolute;
	text-indent:-9999px;
}


/* menu di navigazione */
ul#menu {
	width:100%;
	float: right;
	text-align: right;
	color: #ffffff;
	margin:0px;
	padding:50px 0 0 0;
	text-transform:uppercase;
}
#menu li.menu_link {
	display:inline;
	margin:0px;
	line-height:28px;
	border-right:1px solid #CCC;
}
#menu li.menu_link.first {
	border-left:1px solid #CCC;
}
#menu li.menu_link a {
	padding: 4px 12px;
	font-size: 14px;
	font-weight:bold;
}
#menu li.menu_link a:link,
#menu li.menu_link a:visited {
	color: #CC171E;
}
#menu li.menu_link a:hover,
#menu li.menu_link a:active {

}

/* menu secondario di navigazione */
ul#sub_menu {
	width:100%;
	float: right;
	text-align: right;
	color: #ffffff;
	margin:0px;
	border:0px;
	padding:10px 0 0 0;
	position:absolute;
	top:125px;
}
#sub_menu li.menu_link {
	display:inline;
	margin:0px;
	line-height:36px;
	margin-left:0px;
}
#sub_menu li.menu_link a {
	padding: 4px 12px;
	font-size:16px;
	font-weight:bold;
}
#sub_menu li.menu_link a:link,
#sub_menu li.menu_link a:visited {
	color: #831d18;
	border: 1px solid #831d18;
	border-bottom: 0px solid #ccc;
}
#sub_menu li.menu_link a:hover,
#sub_menu li.menu_link a:active {
	color:#FFF;
	background-color:#831d18;
	text-decoration:none;
}




/* contenuti del sito */

#content {
	background-color:#111;
	padding-bottom:0px;
}
#content a,
#footer a {
	text-decoration:underline;
}
#content div.container {
	background-color:#333;
	padding-top:20px;
	padding-bottom:30px;
	border-top:6px solid #CC171E;
}
#content h1 {
	text-align:left;
}
#content #main {
	float:left;
	width:75%;
	margin:0px;
	padding:0px;
}
#content #main.full {
	width:100%;
}

#content #main div#annuncio {
	width:100%;
}
#content #main div#annuncio h4 {
	margin-top:6px;
}
#content #main #col_sx {
	width:28%;
	float:left;
}
#content #main #col_cx {
	width:100%;
	margin:0px;
	padding:0px;
}
#content #col_dx {
	float:right;
	width:23.5%;
}
#content #main.cantieri {
	width:75%;
	float:right;
}
#content #main.cantieri #col_cx {
	width:100%;
}
#content #col_sx.cantieri {
	width:23.5%;
	float:left;
}

#col_sx h2,
#col_cx h2,
#col_dx h2 {
	padding:5px 10px;
	margin:0px;
	background-color:#333;
	background-color:#CC171E;
	background-color:#666;
	color:#CC171E;
	color:#FFF;
	border-bottom:3px solid #CC171E;
}
#col_dx .box {
	color:#000;
}

.box {
	padding: 10px;
	background-color:#ddd;
	margin-bottom:15px;
}
.box p {
	padding:2px 0px;
}


ul#list_contenuti {
	width:100%;
	text-align: right;
	color: #ffffff;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
ul#list_contenuti li {
	display:block;
	border-top:1px dotted #999;
	padding:0px;
	margin:0px;
}
ul#list_contenuti li:hover {

}
ul#list_contenuti li.first {
	border-top:none;
}
ul#list_contenuti a {
	display:block;
	text-decoration:none;
	padding:4px;
}

ul#list_contenuti a:link,
ul#list_contenuti a:visited {
	text-decoration:none;
}
ul#list_contenuti a:hover,
ul#list_contenuti a:active {
	color:#FFF;
	background-color:#831d18;
}


/* box home */
.top_home {
	width:900px;
	margin:0px;
	padding:20px 30px 0px 30px;
	background-color:#333;
}
.box_home {
	float:left;
	border:0px solid #CCC;
	margin:0 15px 30px 15px;
	padding:0px;
	width:420px;
	height:160px;
	background-color:#FFF;
}
.box_home.right {
	float:right;
}
.box_home a {
	display:block;
	width:420px;
	height:160px;
	
}
.box_home.small {
	height:40px;
}
.box_home.small a {
	height:40px;
}
#box_residenziali		{ background:url(/data/images/residenziali_up.jpg)   0px 0px no-repeat #FFF;}
#box_residenziali:hover { background:url(/data/images/residenziali_down.jpg) 0px 0px no-repeat #FFF;}
#box_commerciali		{ background:url(/data/images/commerciali_up.jpg)   0px 0px no-repeat #FFF;}
#box_commerciali:hover  { background:url(/data/images/commerciali_down.jpg) 0px 0px no-repeat #FFF;}
#box_locazioni			{ background:url(/data/images/locazioni_up.jpg)   0px 0px no-repeat #FFF;}
#box_locazioni:hover 	{ background:url(/data/images/locazioni_down.jpg) 0px 0px no-repeat #FFF;}
#box_cantieri			{ background:url(/data/images/cantieri_up.jpg)   0px 0px no-repeat #FFF;}
#box_cantieri:hover 	{ background:url(/data/images/cantieri_down.jpg) 0px 0px no-repeat #FFF;}
#box_ricerca 			{ background:url(/data/images/ricerca.jpg) 0px 0px no-repeat #FFF;}
#box_ultimi				{ background:url(/data/images/ultimi_up.jpg)   0px 0px no-repeat #FFF;}
#box_ultimi:hover 		{ background:url(/data/images/ultimi_down.jpg) 0px 0px no-repeat #FFF;}




/*  box cantiere */
.cantiere {
	background-color:#FFFFFF;
	padding:15px 15px 10px 15px;
	margin:10px 0px;
	color: #333;
	border: 1px solid #CCC;
	position:relative;
}
.cantiere h3 {
	margin-bottom:10px;
	line-height:16px;
}
.cantiere h4 {
	margin-bottom:6px;
}
.cantiere p.dettagli{
	font-weight: normal;
	padding: 0;
}
.cantiere .info {
	position:absolute;
	right:65px;
	bottom:20px;
	width:300px;
}
.cantiere .info p {
	padding:0;
	margin: 0;
}
.cantiere img {
	float:left;
	margin:0px 15px 5px 0px;
	padding:2px;
	border:1px solid #CCC;
	background-color:#ffffff;
}
.cantiere a:hover {
	text-decoration: underline;
	color: #CC0000;
}


/* box annuncio nella pagina cantiere_show */
.annuncio_cantiere {
	background-color:#FFFFFF;
	padding:10px;
	margin:0px 5px 5px 0px;
	color: #333;
	border: 1px solid #CCC;
	width:330px;
	height:150px;
	float:left;
}
.annuncio_cantiere:hover{
	background-color:#FFFFC3;
}
.annuncio_cantiere table {
	border-collapse:collapse;
}
.annuncio_cantiere table tr,
.annuncio_cantiere table td {
	padding:2px 0px;
	border-bottom:1px dotted #999;
}
.annuncio_cantiere table .data_field {
	font-weight:bold;
}
.annuncio_cantiere p {
	padding:15px 0 0 0;
}
.annuncio_cantiere .foto {
	float:left;
	width:46%;
	margin-right:5px;
	border:1px solid #ccc;
	padding:2px;
	text-align:center;
}
.annuncio_cantiere .foto img {
	max-width:150px;
	max-height:120px;
	border:0px;
}
.annuncio_cantiere .info {
	float:right;
	width:50%;
}



#gmap_wrapper h3 {
	text-align: left;
}
#google_map {
	width: 715px; 
	height: 380px; 
	border: 1px #FFF solid; 
	margin: 0px; 
	padding: 0px;
}



/* form in cerca.tpl */
#personalizza {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
table.form_table {
	border-collapse:collapse;
}
table.form_table tr {
	height:24px;
}
table.form_table td, 
table.form_table td label,
table.form_table td select {
	font-size:11px;
}


/* tabella pulsante crea pdf */ 
table.crea_pdf {
	width:100%;
	height:34px;
}
table.crea_pdf tr {
	padding:4px 10px;
	font-weight:bold;
}
#details table.crea_pdf a:link, 
#details table.crea_pdf a:visited,
#details table.crea_pdf a:hover,
#details table.crea_pdf a:active {
	color:#FFF;
}

/* pagina risultati ricerca */
#info_results {
	padding:0px 0px 0px 0px;
	margin:0px;
}
#info_results h3 {
	padding:0px;
	margin:0 0 10px 0;	
}
#info_results .link{
	float:right;
	text-align:right;
	font-weight:bold;
}


#main > h2 {
	color:#FFF;
	padding:5px 0;
}
#main #col_cx .box_body_wrapper,
#col_sx.cantieri .box_body_wrapper {
	margin:0px;
	padding:10px;
	color:#000;
	background-color:#ddd;
}
#main #col_cx .box_body_wrapper.special {
	padding:0 10px;
}
.box_body_wrapper p {
	padding:0px 0px 10px 0px;
}
#main #col_cx ul,
#main #col_cx ol {
	margin-top:0px;
	padding:0px 0px 10px 30px;
}

.pager_links_container {
	padding:6px 0px 6px 0px;
	float:left;
}
.select_order_container {
	padding:6px 0px 6px 0px;
	float:right;
}
#main .pager_links_container a {
	border: 1px solid #bbb;
	background-color:#FFF;
	margin: 0 0 0 0px;
	padding: 2px 3px 1px 3px;
	text-decoration: none;
	text-align:center;
	display:inline-block;
	width:20px;
}
#main .pager_links_container a:hover,
#main .pager_links_container a.pager_link_selected:link,
#main .pager_links_container a.pager_link_selected:visited {
	font-weight:bold;
	background-color: #831d18;
	color:#FFF;
	border: 1px solid #FFF;
}
#main .pager_links_container a.pager_link_selected:hover,
#main .pager_links_container a.pager_link_selected:active  {
	font-weight:bold;
	background-color:#831d18;
	color:#FFF;	
	border: 1px solid #FFF;
}




/*  box offerta (annuncio) */
.offerta {
	background-color:#FFFFFF;
	padding:15px 15px 10px 15px;
	margin:10px 0px;
	color: #333;
	border: 1px solid #CCC;
	position:relative;
}
.offerta h3 {
	margin-bottom:3px;
	line-height:16px;
}
.offerta p {
	padding:5px;
	margin: 0;
	margin-right:150px;
	text-align:justify;
}
.offerta p.link {
	font-weight: bold;
	padding: 0;
}
.offerta div.dettagli {
	position:absolute;
	top:16px;
	right:5px;
	width:130px;
	height:80px;
	margin:10px;
	padding:5px;
}
.offerta div.dettagli table {
	border-collapse:collapse;
	margin:0px;
	background-color:#FAFAB9;
	width:100%;
}
.offerta div.dettagli tr {
	border:1px dotted #999;
}
.offerta div.dettagli td {
	padding:2px 6px;
}
.offerta a.logo_link {
	float:left;
	margin:0px 15px 15px 0px;
	padding:20px;
	display:block;
	width:150px;
	padding:2px;
	border:1px solid #CCC;
	background-color:#ffffff;
	line-height:110px;
	text-align:center;
}
.offerta img {
	max-width:150px;
	max-height:110px;
}
.offerta a:hover {
	text-decoration: underline;
	color: #CC0000;
	font-weight:bold;
}




/* annuncio_show FOTO */
#dt_images {
	margin:5px 0 10px 0;
	text-align: left;
	width:60%;
	float:left;	
}
#cantiere #dt_images {
	width:100%;
}
#dt_images div {
	margin:2px;
	width:100px;
	height:81px; 
	border:3px solid #FFF;
	float:left;
	margin: 0 5px 5px 0;
	background-color:#ccc;
	text-align:center;
	line-height:80px;
}
#dt_images a {
	display:inline-block;
	margin: 0px 10px 10px 0px;
	padding:0px;
	border:2px solid #FFF;
	line-height:80px;
}
#dt_images a:hover {
	border:2px solid #cc171e;
}
#dt_images div.first {
	width:320px;
	height:241px;
}
#dt_images div.first a {
	margin:0px;
	padding:0px;
	line-height:240px;	
}
#dt_images img {
	border:0;
	vertical-align:middle;
	margin:0px;
	height: 120px;
	border:0px;
}



/* annuncio_show DETTAGLIO */
#details {
	width:38%;
	float:right;
	margin:0px;
	padding:0px 5px 15px 5px;
}
#details h3 {
	color:#FFF;
}
#details p {
	padding: 0px;
}
#details a {
	text-decoration: underline;
}
#details a:hover, 
#details a:active {
	color: #000000;
}
#details table {
	border-collapse:collapse;
}
#details table tr,
#details table td {
	padding:2px 0px;
	border-bottom:1px dotted #999;
}
#details table .data_field {
	font-weight:bold;
}





/* stili annunci colonna laterale */
#box_altri_annunci_agenzia {
	border-top:5px solid #ddd;
	border-bottom:5px solid #ddd;
	padding:4px;
	overflow-y:auto;
}
#box_altri_annunci_agenzia div.annuncio_simile {
	border: 1px solid #999999; 
	background-color:#FFF; 
	height:50px; 
	padding:2px; 
	margin-bottom:4px;
}
#box_altri_annunci_agenzia div.annuncio_simile span.foto {
	width: 70px; 
	height:40px; 
	margin:0; 
	padding:0 5px 0 0; 
	float:left; 
	text-align: center;
}
#box_altri_annunci_agenzia div.annuncio_simile span.foto img {
	border:0;
}
#box_altri_annunci_agenzia div.annuncio_simile span.data {
	display:block; 
	width: 120px; 
	height: 50px; 
	margin:0 0 10px 0; 
	float:left;
}
#box_altri_annunci_agenzia div.annuncio_simile p {
	line-height:12px;
	font-size:11px;
}
#box_altri_annunci_agenzia div.annuncio_simile a:hover .category,
#box_altri_annunci_agenzia div.annuncio_simile a:hover .position, 
#box_altri_annunci_agenzia div.annuncio_simile a:hover .details {
	text-decoration: underline;
}


/* pagina annuncio_proponi */
#box_annuncio_proponi {
	border:0px solid #CCC;
	padding:0px 0px;
}


/* fine pagina */
#footer {
	text-align:center;
	background-color:#111;
	padding-bottom:10px;
}
#footer .container {
	border-top:3px solid #cc171e;
	background-color: #DDD;
	color:#000;
}
#footer p {
	margin:0px;
	padding:0px 0px;
	line-height:22px;
}
#footer p.referrer {
	font-size:11px;
	padding-top:10px;
}
#info_legali {
	color:#333;
}


/* messaggi */
.box_msg_container {width:100%; margin:0px; padding:0px; margin-bottom:10px;}
.box_msg_container div {margin:0px; padding:6px;}
#main #col_cx .box_msg_container ul {list-style-position: inside; padding-left:4px;}
.box_msg_container li {list-style-position: inside; padding-left:4px;}
.box_msg_error {border: 2px solid #ffa6a6; background: #ffe6e6;}
.box_msg_notify {border: 2px solid #bbe6ae; background: #f0fff0;}


/* FORM IN POPUP FLOATBOX */
body#page_no_header {
	margin:0px;
}
div#fb_popup h2 {
	padding:0px;
	color:#FF8400;
	background-color:transparent;
}
div#fb_popup p {
	padding:0px;
	margin-bottom:5px;
}
div#fb_popup p.titolo {
	font-weight:bold;
	display:block;
	padding:0 0 5px 0;
	margin-bottom:15px;
	border-bottom:1px dotted #CCC;	
}
div#fb_popup input {
	width:300px;
}
div#fb_popup textarea {
	width:300px;
	height:120px;
}
div#fb_popup input.submit {
	text-align:left;
}
div#fb_popup p.privacy input {
	display:inline; 
	float:left; 
	width:16px; 
	margin: 0 20px 20px 8px;
}