
/* carico le regole per resettare gli stili per tutti i browser */
@import url(reset.css);

body {
	margin:0px;
	padding: 0px;
	background-color:#111;
	color: #FFF;
}

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 20px 0px;}
h1{font-size:18px; }
h2{font-size:16px; padding: 5px 10px; background-color:#FF8400; color:#FFF;}
h3{font-size:14px; }
h4{font-size:12px; }
label{margin:0px 10px 0px 0px;}


hr.divide {
	border: 0;
	border-bottom: 1px dotted #999;
}
a:link, a:visited {
	color: #FF8400;
	}
a:hover, a:active {
	text-decoration: underline;
}

.logo {
	margin: 15px 15px 10px 15px;
}
.clear {
	clear:both;
	height:0px;
	padding:0px;
	margin:0px;
}
select.fixed_width {
	width: 135px;
}

#header,
#content,
#footer {
	width:100%;
}
#header div.container,
#content div.container,
#footer div.container {
	width:1024px;
	padding:0px;
	margin:0px auto;
}
#header {
	height:45px;
	background-color:#222;
}
#header div.container {
	position:relative;
}
#slide_frame,
#slide_show {
	width:700px;
	height:200px;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	float:left;
	background-repeat:no-repeat;
}
#slogan {
	width:290px;
	float:right;
	padding:0px 15px;
	border-right:1px solid #DDD;
}
#slogan h2 {
	padding:0px;
	background-color:transparent;
}
#slogan p {
	padding:0 0 10px 0px;
}
#slogan p strong {
	color:#ff8400;
}

#site_name {
	position:absolute;
	top: -14px;
	left:-20px;
	z-index:100;
	margin:0px;
	padding:0px;
}
#site_name a {
	color:#2b415c;
	font-size: 20px;
	margin:0px;
	padding-top:0px;
	text-decoration:none;
	display:inline-block;
	width:355px;
	height:170px;
	background:url(../images/logo_eposcasa.png) 0 5px no-repeat;
}
h1#site_name a span {
	position:absolute;
	text-indent:-9999px;
}


/* menu di navigazione */
#menu {
	width:100%;
	float: right;
	text-align: right;
	color: #ffffff;
	margin:0px;
	padding:25px 0 0 0;
	text-transform:uppercase;
}
#menu li.menu_link {
	display:inline;
	margin:0px;
	line-height:28px;
	border-right:1px solid #DDD;
}
#menu li.menu_link.first {
	border-left:1px solid #DDD;
}
#menu li.menu_link a {
	padding: 4px 12px;
	font-size: 14px;
}
#menu li.menu_link a:link,
#menu li.menu_link a:visited {
	color: #fff;
}
#menu li.menu_link a:hover,
#menu li.menu_link a:active {
	/* background-color:#FFF; */
}

/* menu secondario di navigazione */
#sub_menu {
	width:90%;
	color: #ffffff;
	margin:0px;
	padding:0 0 25px 0;
	float:right;
}
#sub_menu li.menu_link {
	display:inline;
	margin:0px;
	line-height:36px;
	margin-left:0px;
	padding-right:0px;
	text-align:right;
	float:right;
}
#sub_menu li.menu_link a {
	padding: 4px 12px;
	font-size:18px;
	border-right:1px solid #fff;
}
/*
#sub_menu li.menu_link.first a {
	padding-left: 0px;
	border-left:0px solid #ccc;
}
*/
#sub_menu li.menu_link.last a {
	padding-left: 12px;
	border-left:1px solid #fff;
}
#sub_menu li.menu_link a:link,
#sub_menu li.menu_link a:visited {
	color: #000;
	text-decoration: none;
}
#sub_menu li.menu_link a:hover,
#sub_menu li.menu_link a:active {
/*	background-color:#FFF; */
	text-decoration:underline;
}




/* contenuti del sito */

#content {
	background:url(../images/header_bg_orange.png) 0 -110px repeat-x;
	padding-top:0px;
	border-top:0px solid #CCC;
	padding-bottom:20px;
}
#content div.container {
	background:url(../images/header_bg_orange.png) 0 -110px repeat-x;
	padding:10px;
}
#content h1{
	text-align:left;
}
#main {
	float:right;
	width:75%;
}
#main.annuncio {
	float:left;
	width:69%;
}
#main h2 {
	border:0px;
	height:21px;
	margin:0px;
	background:url(../images/barra_short.png) 0 0 no-repeat;
	background-color:#ff8400;
	background-position:top right;
}
#main div.whitebox {
	padding:10px;
	border:1px solid #ff8400;
	border-top:0px;
}
#main ul {
	padding-top:10px;
	padding-left:14px;
}
#annuncio .rif {
	color:#ff8400;
}
/*
#main div#annuncio {
	float:left;
}
#main div#annuncio h4 {
	margin-top:6px;
}
#main div#contatto_agenzia {
	width:28%;
	float:right;
	margin-left:10px;
	border-left:1px dotted #CCC;
	padding-left:10px;
}
*/



/* form contatta agenzia */
form#display_annuncio_form_contatti label {
	width:58px;
	display:inline-block;
}
form#display_annuncio_form_contatti input {
	width: 140px;
}
form#display_annuncio_form_contatti textarea {
	width:210px;
	height:120px;
}
form#display_annuncio_form_contatti p.privacy input {
	display:block;
	float:left;
	width:16px;
	margin: 0 20px 0 8px;
}
form#display_annuncio_form_contatti p.privacy span {
	display:block;
	float:left;
	width:265px;
	line-height:normal;
}
form#display_annuncio_form_contatti p.privacy span,
form#display_annuncio_form_contatti p.privacy span a {
	font-size:12px;
	line-height:18px;
}
form#display_annuncio_form_contatti p.submit {
	text-align: center;
}


#content #col_sx {
/* è posizionata a destra */
	width:30%;
	float:right;
}
#content #main #col_sx {
/* è posizionata a destra */
	width:28%;
	float:right;
}
#content #main #col_cx {
	width:70%;
	float:left;
}
#content #col_dx {
/* è posizionata a sinistra */
	float:left;
	width:23.5%;
}
 #col_sx .box,
 #col_dx .box {
	border:1px solid #ff8400;
	border-top:0px solid #CCC;
	margin-bottom:20px;
	padding: 10px;
}
#col_sx h2,
#col_dx h2 {
	padding:5px 10p;
	margin:0px;
	border:0px;
	height:21px;
	background:url(../images/barra_short.png) 0 0 no-repeat;
	background-color:#ff8400;
	background-position:top right;
	color:#FFF;
}
.box p {
	padding:2px 0px;
}

.offerta {
	padding:15px 15px 0px 15px;
	margin:10px 0px;
	color: #FFF;
	border: 1px solid #ff8400;
	background-color:#222;
}
.offerta h3 {
	margin-bottom:3px;
	line-height:16px;
	color:#ff8400;
}
.offerta p {
	padding:8px 0px;
	margin: 0;
	text-align:justify;
	margin-left:180px;
	line-height:16px;
}
.offerta p.dettagli{
	font-weight: bold;
	padding: 0 0 10px 0;
}
.offerta a.logo_link {
	float:left;
	margin:0px 15px 15px 0px;
	padding:20px;
	display:block;
	width:160px;
	padding:2px;
	border:1px solid #CCC;
	background-color:#ffffff;
	line-height:110px;
	text-align:center;
}
.offerta img {
	max-width:160px;
	max-height:120px;
	border:0px solid #FFF;
}
.offerta a {
	text-decoration:underline;
	font-weight:normal;
}
.offerta a:hover {
	color: #FFBC74;
}



#info_legali {
	color:#000;
}



#dt_images {
	margin:5px 0 10px 0;
	text-align: left;
	width:50%;
	float:left;
}
#dt_images div {
	width:100px;
	height:79px;
	border:3px solid #FFF;
	float:left;
	margin: 0 5px 5px 0;
	background-color:#ccc;
	text-align:center;
}
#dt_images div img {
	max-width:100px;
	max-height:75px;
}
#dt_images div a {
	border:0px;
	line-height:75px;
}
#dt_images div.first {
	width:320px;
	height:240px;
}
#dt_images div.first img {
	max-width:320px;
	max-height:240px;
}
#dt_images div.first a {
	margin:0px;
	padding:0px;
	line-height:240px;
}
#dt_images img {
	border:0;
}


.banner {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.banner img {
	border:0px;
}


#details {
	width:48%;
	float:right;
	margin:0px;
	padding:0px 5px 15px 5px;
}
#details p {
	padding: 0px;
}
#details a {
	text-decoration: underline;
}
#details a:hover, #details a:active {
	color: #ff8400;
}
#details table {
	border-collapse:collapse;
}
#details table tr,
#details table td {
	padding:2px 0px;
	border-bottom:1px dotted #ccc;
}
#details table .data_field {
	font-weight:bold;
}
#gmap_wrapper h3 {
	text-align: left;
}



/* testo nella pagina dove siamo (Eposcasa) */
td.info_data a,
td.info_data {
	font-size:11px;
	line-height:17px;
}

/* contenitore form di ricerca */
/*
.form_like{
	margin:0px 0px 15px 0px;
	padding:5px;
	color: #003366;
	background-color: #C5D6E4;
	border: 1px solid #000000;
}
*/



/* pagina risultati ricerca */
#info_results {
	padding:0px 0px 10px 0px;
	margin:0px;
}

#info_results .text{
	float:left;
}

#info_results .link{
	float:right;
	text-align:right;
	font-weight:bold;
}

.pager_links_container {
	padding:6px 0px;
}

.pager_links_container a {
	border: 1px solid #FFF;
	background-color:#ff8400;
	margin-left: 3px;
	padding: 2px 3px 1px 3px;
	text-decoration: none;
	text-align:center;
	display:inline-block;
	color:#FFF;
	width:20px;
}

.pager_links_container a:link,
.pager_links_container a:visited {
	text-decoration: none;
}
.pager_links_container a:hover,
.pager_links_container a:active {
	font-weight:bold;
}

.pager_links_container a.pager_link_selected:link,
.pager_links_container a.pager_link_selected:visited {
	background: #FFF;
	font-weight:bold;
	color:#ff8400;
}
.pager_links_container a.pager_link_selected:hover,
.pager_links_container a.pager_link_selected:active  {
	background: #FAFAA0;
	color:#ff0000;
	font-weight:bold;
}


/* stili annunci colonna laterale */
#box_altri_annunci_agenzia {
	margin:1px 0;
	overflow-y:auto;
}
#box_altri_annunci_agenzia div.annuncio_simile {
	border: 1px solid #444;
	background-color:#000;
	height:52px;
	padding:2px;
	margin-bottom:4px;
}
#box_altri_annunci_agenzia div.annuncio_simile span.foto {
	width:70px;
	height:50px;
	margin:0;
	padding:0 10px 0 0;
	float:left;
	text-align: center;
}
#box_altri_annunci_agenzia div.annuncio_simile span.foto img {
	border:0;
	max-width:70px;
	max-height:53px;
}
#box_altri_annunci_agenzia div.annuncio_simile span.data {
	display:block;
	width: 180px;
	height: 50px;
	margin:0 0 10px 0;
	float:right;
}
#box_altri_annunci_agenzia div.annuncio_simile p {
	line-height:12px;
	font-size:12px;
}
#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:1px solid #CCC;
	padding:0px 100px;
}

/* gmap dell'agenzia */
#map {
	width:745px;
	height:500px;
	border:1px solid #CCC;
	color:#000;
}

/* fine pagina */
#footer {
	/*background:url(../images/footer_bg_orange.png) 0 1px repeat-x;*/
	background-color:#222;
	color:#FFF;
	font-size:12px;
	text-align:center;
	border-top:3px solid #FF8400;
}
#footer p {
	margin:0px;
	margin-top:0px;
	padding:20px 0px;
	line-height:22px;
}
#footer a {
	color:#F80;
}

/* messaggi */
.box_msg_container {width:100%; margin:0px; padding:0px; margin-bottom:10px;}
.box_msg_container div {margin:0px; padding:6px; color:#000;}
.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 */
div#fb_popup {
	padding: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,
div#fb_popup textarea {
	width:300px;
}
div#fb_popup input.submit {
	text-align:left;
}




