@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #497BAC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a:hover { color: #FF3300; }
a { color: #265485; }

#page { background-color: #FFFFFF; background-image: url(img/page_bg.jpg); background-repeat: repeat-y; width: 922px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#langs { text-align: right; color: #333333; font-weight: bold; padding-right: 10px; }
#header { margin-top: 10px; margin-bottom: 15px; }
#nav { clear: both; float: left; width: 882px; padding-right: 15px; padding-left: 25px; font-size: 12px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; text-align: center; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #8C0000; }
#nav a { color: #FFFFFF; text-decoration: none; }
#nav a:hover { color: #00CCFF; text-decoration: none; }
#content { background-color: #FFFFFF; width: 922px; }
#col_left { float: left; width: 142px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
#col_middle { float: left; width: 573px; margin-top: 10px; margin-bottom: 10px; }
#col_right { float: left; width: 160px; margin: 10px; }
#search { background-color: #497BAC; background-image: url(img/search_bg.jpg); width: 571px; background-repeat: no-repeat; font-size: 14px; border: 1px solid #CCCCCC; }
#graybox { background-color: #FFFFFF; background-image: url(img/graybox_bg.jpg); width: 561px; background-repeat: no-repeat; font-size: 14px; border: 1px solid #CCCCCC; margin-top: 10px; text-align: left; padding: 5px; }
#graybox h1 { color: #666666; font-weight: normal; font-size: 14px; margin: 0px; padding-top: 6px; padding-right: 2px; padding-bottom: 15px; padding-left: 2px; text-transform: uppercase; }
#footer { background-image: url(img/footer_bg.jpg); height: 23px; width: 922px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; background-repeat: no-repeat; padding-top: 24px; color: #FFFFFF; font-size: 12px; padding-right: 10px; padding-left: 10px; }

.on { color: #FFFFFF; background-color: #EC0002; background-image: url(img/on.jpg); background-repeat: no-repeat; float: left; height: 17px; width: 121px; padding-top: 8px; padding-bottom: 5px; margin-right: 2px; margin-left: 2px; }
.off { color: #FFFFFF; background-color: #2F77CB; background-image: url(img/off.jpg); background-repeat: no-repeat; float: left; height: 17px; width: 121px; padding-top: 8px; padding-bottom: 5px; margin-right: 2px; margin-left: 2px; }
.box { width: 300px; float: left; margin-left: 30px; }
.lbox { text-align: left; }
.arrow { width: 200px; float: left; }
.propiedad { float: left; width: 130px; padding: 5px; font-size: 12px; height: 125px; overflow: hidden; }
.propiedad a { text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.field label, .label { width: 90px; float: left; text-align: right; padding-right: 5px; padding-top: 2px }
.label2 { width: 90px; float: left; text-align: left; }
.photo { padding: 8px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #CCCCCC; width: 470px; float: left; margin-bottom: 10px; }
.resumen { float: left; width: 200px; font-size: 11px; }
.descripcion { float: left; font-size: 11px; width: 330px; padding-left: 10px; }
.content { background-color: #FFFFFF; color: #666666; padding: 10px; width: 553px; text-align: left; }
.arrow2 { float: left; width: 25px; margin-top: 130px;}
.field { text-align: left; min-height: 22px; }

.asociado { width: 260px; float: left; padding: 5px; font-size: 10px; height: 65px; border: 1px solid #EEE; margin: 5px 0px 0px 5px; }
.asociado img { margin: 0px 5px 5px 0px; }
.pages { text-align: right; background: #CCCCCC; padding: 3px; clear: both; }
/* fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#tabs { height: 30px; margin: 20px 0px 0px 0px; }
#tabs a { display: block; background: #CCC; color: #FFF; height: 16px; font-size: 14px; text-align: center; padding: 7px 10px; text-transform: uppercase; margin: 0px 2px; float: left; font-weight: bold; overflow: hidden; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; text-decoration: none; }
#tabs .tabon { background: #FFFFFF;  color: #369; }
#tabs_box { width: 530px; padding: 10px; background: #FFFFFF; margin: 0px 0px 00px 2px; height: 400px; overflow: auto; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

.izq { width: 130px; float: left; font-size: 11px; text-align: center; }
.der { width: 370px; float: left; margin-left: 10px; }
.modelo { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; clear: both; width: 520px; }

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 480px;	
	height:140px;	
	
	/* custom decorations */
	padding:10px 0;	
	border:1px outset #ccc;
	background-color:#FFFFFF;				
}


/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:8px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:145px;
	padding: 10px 0px;
	font-size:12px;
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 10px;	
	-moz-border-radius:5px;
	height: 120px;
	overflow: hidden;
}

/* active item */
div.scrollable div.items div.active, div.scrollable_suenos div.items div.active  {
	border:1px inset #ccc;		
	background-color:#fff;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable, div.scrollable_suenos {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(img/left.png) no-repeat;
	float:left;
	margin:75px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(img/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:228px;
	width:200px;
	height:20px;
}