* { margin: 0; padding: 0; }
/****** ESTRUCTURA ******/
body { margin: 0; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background: url(img/body.jpg) 0 0 no-repeat #000 fixed; color: #FFF; }

#wrap { width: 988px; margin: 0 auto; padding: 0 0 20px 0; background: url(img/wrap.png) 0 0 no-repeat transparent; }
	#wrap_t { float: left; width: 960px; margin: 0 0 0 14px; padding: 0; background: url(img/wrap_t.png) 0 0 no-repeat #29282B; }
		#wrap_b { float: left; width: 100%; margin: 0; padding: 0; background: url(img/wrap_b.png) 0 100% no-repeat transparent; }

#header { position: relative; float: left; width: 100%; height: 182px; margin: 0; padding: 0; }
	a#logo { position: absolute; top: 18px; left: 20px; width: 389px; height: 96px; background: url(img/logo.png) 0 0 no-repeat transparent; font-size: 1px; text-indent: -4000px; }
	#contacto_header { position: absolute; top: 24px; right: 24px; width: 220px; height: 62px; }
	#menu_bar { position: absolute; bottom: 0; left: 20px; width: 918px; height: 60px; background: url(img/menu_bar.png) 0 0 no-repeat transparent; }
	#middle_bar { float: left; width: 100%; }
		#slogan { float: left; height: 136px; padding-left: 20px; font-weight: bold; color: #FFF; }
			#slogan h2 { margin-bottom: 6px; padding: 0; font-size: 45px; font-weight: bold; color: #FFF; }
			#slogan p { margin: 0; padding: 0; font-size: 25px; font-weight: bold; color: #FFF; }
		#rotator { float: left; width: 100%; height: 220px; }

#main { float: left; width: 100%; min-height: 200px; }
	#gutter_main { padding: 18px 30px 30px 30px; }
	#gutter_main_inicio { padding: 10px 10px 30px 10px; }

	#footer { position: relative; float: left; width: 900px; height: 81px; margin: 0 0 0 30px; padding-bottom: 28px; color: #F4F4F4; background: url(img/footer.png) 0 0 no-repeat transparent; }
		a#logo_cerro_bayo { position: absolute; top: 14px; left: 20px; width: 155px; height: 44px; background: url(img/logo_cerro_bayo.png) 0 0 no-repeat transparent; font-size: 1px; text-indent: -4000px; }
		#empresa_footer { position: absolute; top: 14px; right: 224px; width: 500px; height: 66px  }
		#contacto_footer { position: absolute; top: 6px; right: 0; width: 216px; height: 70px  }
		
#mod_contacto { position: absolute; top: 320px; right: 0; z-index: 11; width: 258px; height: 254px; background: url(img/mod_contacto.png) 0 0 no-repeat transparent; }

a#credits { float:right; margin: 4px 14px 0 0; padding-right: 22px; line-height: 14px; background: url(img/vision_izoizo.png) 100% 0 no-repeat transparent; color: #CCC; font-size: 11px; }
	a#credits:hover { background-position: 100% -14px; color: #FFF; text-decoration:none; }
	
/****** GENERALES ******/
a {	color: #D2F7FF; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border:none; text-decoration: none; }

h2, h3, h4 { }
h1 { width: 100%; margin: 0 0 12px 0; padding: 0 0 8px 0; color: #F9F900; font-size: 22px; letter-spacing: 1px; font-family: "Times New Roman", Times, serif; text-transform: uppercase; font-weight: normal; background: url(img/h1.png) 0 100% no-repeat transparent; }
	body#inicio h1 { margin-top: 10px; }
h2 { margin: 8px 0 10px 0; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #C4C305; }
	h2 a { color: #F30; }
h3 { margin: 10px 0; padding: 4px 0; color: #C4C305; font-size: 16px; }
h4 { margin: 4px 0 6px 0; font-size: 13px; color: #CCC; font-weight: bold; }
h5 { margin: 4px 0; padding: 0; color: #CCC; font-size:11px; font-weight:normal; }

hr { width: 94%; height:1px; margin: 10px auto ; border: 0; color: #F4F4F4; background-color: #F4F4F4; }

p { margin: 8px 0; font-size: 12px; }

/****** EXTRAS ******/
.izq { float: left; }
.der { float: right; }
.esp { clear: both; }
.centro { margin-left: auto; margin-right: auto; }

.enlinea, ul.enlinea li { display: inline; }

.aire_v { padding-top: 10px; padding-bottom: 10px; }
.airezote { margin-top: 20px; margin-bottom: 20px; }
.mucho_aire_t { margin-top: 2px; padding-top: 16px; }
.poco_aire_b { margin-bottom: 0; padding-bottom: 0; }

.un_cuarto { width: 25%; }
.tres_cuartos { width: 75%; }
.un_tercio { width: 33%; }
.dos_tercios { width: 66%; }
.mitad { width: 50%; }
.todo { width: 100%; }

.gutter_med { padding: 6px 8px; }
.gutter_mini { padding: 8px; }
.gt { padding-top: 10px; }
.gb { padding-bottom: 10px; }
.gl { padding-left: 10px; }
.gr { padding-right: 10px; }
.gtb { padding-top: 10px; padding-bottom: 10px;}
.glr { padding-left: 10px; padding-right: 10px;}
.gtl { padding-top: 10px; padding-left: 10px; }
.gtr { padding-top: 10px; padding-right: 10px; }
.gbl { padding-bottom: 10px; padding-left: 10px; }
.gbr { padding-bottom: 10px; padding-right: 10px; }
.mtb { margin-top: 10px; margin-bottom: 10px; }
.mt { margin-top: 10px; }
.mr { margin-right: 10px; }
.mb { margin-bottom: 10px; }
.ml { margin-left: 10px; }
.mmt { margin-top: 5px; }
.mmr { margin-right: 5px; }
.mmb { margin-bottom: 5px; }
.mml { margin-left: 5px; }

.centrado { text-align:center }
.izquierdado { text-align: left; }
.derechado { text-align:right }
.justificado { text-align: justify; }
.mediado { vertical-align:middle }

.noborde { border: none }

.sutil{ color: #CCC; }
.pequena { font-size: 10px;}
.sutilisimo { color: #CCC; font-size: 11px; }

.minilabel { font-size: 11px; font-weight: bold; color: #666; }

img.cont { margin: 8px; padding: 4px; background-color: #FFF; }
img.contborde { margin: 8px; padding: 4px; background-color: #FFF; border: #F4F4F4 1px solid; }
	a:hover img.contborde { border-color: #09C; }

/****** MENUS ******/
#menu_principal { margin: 0; padding: 7px 0 0 16px; }
	#menu_principal li { position: relative; float: left; margin: 0 10px 0 0; padding: 0; list-style: none; font-size: 1px; text-align: center; text-indent: -4000px; }
	#menu_principal li.ultimo { margin-right: 0; }
		#menu_principal li a { display: block; width: 140px; height: 42px; background: url(img/menu_principal.png) 0 0 no-repeat transparent; }
			#menu_principal li a:active, #menu_principal li a:focus { outline: 0; }
		
		#menu_principal li a#menu_inicio { background-position: 0 0; }
			#menu_principal li a#menu_inicio:hover, #menu_principal li.active a#menu_inicio { background-position: 0 -42px; }
			
		#menu_principal li a#menu_condominio { background-position: -140px 0; }
			#menu_principal li a#menu_condominio:hover, #menu_principal li.active a#menu_condominio { background-position: -140px -42px; }
			
		#menu_principal li a#menu_departamentos { background-position: -280px 0; }
			#menu_principal li a#menu_departamentos:hover, #menu_principal li.active a#menu_departamentos { background-position: -280px -42px; }
			
		#menu_principal li a#menu_ubicacion { background-position: -420px 0; }
			#menu_principal li a#menu_ubicacion:hover, #menu_principal li.active a#menu_ubicacion { background-position: -420px -42px; }
			
		#menu_principal li a#menu_cotizar { background-position: -560px 0; }
			#menu_principal li a#menu_cotizar:hover, #menu_principal li.active a#menu_cotizar { background-position: -560px -42px; }
			
		#menu_principal li a#menu_contacto { background-position: -700px 0; }
			#menu_principal li a#menu_contacto:hover, #menu_principal li.active a#menu_contacto { background-position: -700px -42px; }
		
	#menu_principal li.active { background-position: 0 -42px;  }
			#menu_principal li.active a { text-decoration: none; }
				#menu_principal li.active a:hover { color: #000; }
			#menu_principal li a:hover, #menu_principal li:hover a { background-position: 0 -42px; text-decoration: none; }
			
		#menu_principal li ul.submenu { display: none; position: absolute; top: 40px; left: 0; z-index: 100; width: 178px; margin: 0; padding: 4px 0 11px 0;  background: url(img/submenu.png) 0 100%; no-repeat transparent; }
			#menu_principal li:hover ul.submenu { display: block; }
			#menu_principal li ul.submenu li { float: none; width: 158px; margin: 0 0 0 10px; padding: 0; height: 26px; line-height: 26px; list-style: none; font-size: 12px; text-transform: none; border-bottom: 1px solid #3E3D00; text-align: center; text-indent: 0; } 
				#menu_principal li ul.submenu li:hover { border-bottom-color: #676600; }
				#menu_principal li ul.submenu li.ultimo { border-bottom: none; }
				#menu_principal li ul.submenu li a { display: block; width: 100%; line-height: 20px; text-shadow: none; color: #CDCB00; background: none; }
					#menu_principal li ul.submenu li a:hover { color: #FFF; }

/****** ESPECIALES ******/
#contacto_header { font-size: 11px; color: #CCC; line-height: 100%; }
p.contacto_info { margin: 0; padding: 2px 0; line-height: 125%; text-align: left; font-size: 12px; color: #FFF; }
	p.contacto_info img { vertical-align: middle; }

#empresa_footer { font-size: 11px; text-align: center; font-family: Verdana, Geneva, sans-serif; }
	#empresa_footer div { float: left; width: 33%; height: 80px; }
	#vende h4, #construye h4, #arquitectos h4 { height: 10px; font-size: 1px; text-indent: -3000px; }
		#vende h4 { background: url(img/vende.png) 50% 0 no-repeat transparent;  }
		#construye h4 { background: url(img/construye.png) 50% 0 no-repeat transparent;  }
		#arquitectos h4 { background: url(img/arquitectos.png) 50% 0 no-repeat transparent;  }

#contacto_footer { line-height: 115%; }
	#contacto_footer p { line-height: 115%; font-size: 11px; }
	#contacto_footer h5 { margin: 0; line-height: 115%; font-size: 11px; }

	p.leerMas { margin: 4px 0; font-size: 11px; }
		p.leerMas a { color: #BD0B29; }
			p.leerMas a:hover { }

a.resize { padding: 3px; background-color: #000; border: 1px solid #000; text-decoration: none; color: #FFF; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 11px; text-transform: uppercase; }
	a.resize:hover { border-color: #666; }
	a.resize div { margin-top: 3px; text-align: center; }
	
/*area { display: block; }
	area:hover { background-color: #063; border: 1px solid #F00; }*/

.sidebar_element { padding-bottom: 20px; text-align: center; }

a.descarga { padding: 2px 0 2px 24px; background: url(img/icono_pdf.png) 0 0 no-repeat; }

#home_1 { float: left; width: 344px; height: 220px; padding: 10px 0 0 20px; background: url(img/separador_vert.png) 100% 0 no-repeat; }

#home_2 { float: left; width: 240px; height: 220px; padding: 10px 20px 0 20px; background: url(img/separador_vert.png) 100% 0 no-repeat; }
	a#home_cotizar { display: block; width: 234px; height: 56px; margin: 0 auto 10px auto; text-indent: -4000px; font-size: 1px; background: url(img/home_cotizar.png) 0 0 no-repeat; }
		a#home_cotizar:hover { text-decoration: none; background-position: 0 -56px; }
	
#home_3 { float: left; width: 256px; height: 220px; padding: 20px 10px 0 20px; text-align: center; }

.novedades { width: 48%; background-color: #F7F5EF; font-size:11px; }
	.novedades h3 { color: #675934; }

.slide_inicio { margin-bottom: 16px; text-align: center; }

a.action { background: url(img/action.png) 0 50% no-repeat; padding-left: 14px; font-weight: bold; }

a.ampliable { text-align: center; line-height: 100%; }
	a.ampliable:hover { text-decoration: none; }
	a.ampliable img { margin: 9px 9px 4px 9px; padding: 8px; background-color: #FFF; border: #F4F4F4 1px solid; text-align: center; }
		a.ampliable:hover img { border-color: #09C; }
	a.ampliable span { line-height: 13px; padding-right: 16px; background: url(img/zoom_in.png) 100% 0 no-repeat; font-size: 11px; font-weight: bold; color: #666; text-decoration: none; }
		a.ampliable:hover span { background-position: 100% -14px; color: #09C; text-decoration: none; }

.contacto_ub { padding-right: 100px; }

p.error { padding: 2px 4px; background-color: #F30; color: #FFF; font-size: 11px; text-align: center; }

dl { float:left; margin: 0; padding: 0; width: 100%; }
	dt, dd { margin: 0 0 4px 0; padding: 0; line-height: 175%; vertical-align: top; }
	dt { float: left; clear:left; width: 20%; font-weight: bold; text-align: left; font-size: 11px; }
	dd { float: left; width: 80%; }
	
#footer dl { margin: 0; }
	#footer dt, #footer dd { line-height: 125%; }
	#footer dt { width: 26%; }
	#footer dd { width: 74%; }
	
/****** ROTADOR ******/	
#rotator { position: relative; width: 936px; height: 377px; overflow: hidden; margin: 0 0 0 2px; }

	a#previous_btn { position: absolute; top: 155px; left: 0px; z-index: 10; display: block; width: 50px; height: 50px; text-indent: -4000px; font-size: 1px; background: url(img/rot_l_btn.png) 0 0 no-repeat; }
	a#next_btn { position: absolute; top: 155px; right: -0; z-index: 11; display: block; width: 50px; height: 50px; text-indent: -4000px; font-size: 1px; background: url(img/rot_r_btn.png) 0 0 no-repeat; }
		a#previous_btn:focus, a#next_btn:focus { outline-style:none; }
	div#rotator_caption { position: absolute; bottom: 0; right: 44px; z-index: 12; width: 292px; height: 32px; line-height: 32px; padding: 9px 9px 9px 17px; background: url(img/rot_caption.png) 0 0 no-repeat; color: #FFF; font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
		div#rotator_caption span { }
		div#led_container { position: absolute; top: 23px; right: 14px; }
		
		div.led { float: left; width: 8px; height: 8px; margin-right: 8px; background-color: #CDCB00; }
	
	#slide_container { position: absolute; top: 0; left: 18px; z-index: 8; width: 900px; height: 360px; overflow: hidden; background-color: #000; }
	.item_holder { position: absolute; top: 10px; left: 10px; }
		.item_holder .item_desc { display: none; }

/****** LISTAS ******/
ul.productosInicio { }
	ul.productosInicio li a { color: #333; }
			
.thumbnails { float:left; width: 100%; margin: 0 0 0 8px; padding: 8px 4px 4px 8px; background: url(img/galeria.png) 0 0 repeat-x; }
	.thumbnails li { float:left; width: 220px; height: 150px; margin: 0 20px 4px 0; padding: 10px; border: #FFF 1px solid; background-color: #FFF; list-style: none; text-align:center; }
		.thumbnails li:hover { border-color: #09C; }
		.thumbnails li.fin_fila { margin-right: 0; }
		.thumbnails li img { }
		
	#main ul li, #main ol li { padding-left: 26px; line-height: 25px; list-style: none; background: url(img/list.png) 0 0 no-repeat transparent; }
		#main ul li.sp, #main ol li.sp { background-image: url(img/list_li_sp.png); font-size: 14px; font-weight: bold; }
		#main ul.sp li { background-image: url(img/list_sp.png); }

/****** CONTENIDO ******/
#main {  }
#main { line-height: 125%; }
	#main p.centrado { text-align: center; }
#main ul, #main ol { padding-left: 10px; }
#main ul { }

/****** TABLAS ******/
.datos { margin: 10px auto; border-collapse:collapse; border: #CDCB00 1px solid; background: url(img/bg_trans_ne.png) repeat transparent; color: #F4F4F4; text-align: center; }
	.datos caption { padding: 4px; caption-side: top; font-size: 13px; font-weight: bold; text-transform: uppercase; border: #CDCB00 1px solid; border-bottom: none; background-color: #000; color: #CDCB00; }
	.datos th { padding: 4px 6px; line-height: 200%; text-align: center; color: #FFF; background: url(img/bg_trans_ne.png) repeat transparent; border: #CDCB00 1px solid; }
		.datos th.descripcion { text-align: left; }
	.datos td { line-height:150%; padding: 4px; vertical-align: middle; border: #CDCB00 1px solid; }
		.datos td.descripcion { font-weight: bold; }
		.datos td.valor { text-align: center; }
		.datos td h4, .datos td ul { padding:0; margin:0; }
		.datos td ul li { list-style-image: url(img/check.png); }
.cuartos td { width:25%; }
.tercios td { width:33%; }
.celdas td { border: #CCC 1px solid; }

.datos col.odd { background: url(img/bg_trans_5.png) repeat transparent; }

.normal { margin-top: 10px; margin-bottom: 10px; }
	.normal td { padding: 4px; }

/****** FORMULARIOS ******/
form.unico { width: 408px; } /*ancho relacionado con text y area*/
	fieldset { width: auto; margin: 10px 0; padding: 10px; border: 1px solid #CCC; }
	fieldset legend { margin-left: 0; color: #CCC; font-weight: bold; }
	label { display: block; width: 100%; margin: 12px 0 2px 0; color: #CCC; }
		.cotizacion label { display: inline; width: auto; font-size: 11px; }
	input[type=text] { height: 18px; line-height: 22px; padding: 2px 0; vertical-align: middle; }
		.cotizacion input[type=text] { height: auto; line-height: normal; padding: 0; text-align: left; text-indent: 4px; }
	textarea { overflow: auto; }
	input[type=text], textarea { width: 400px; background: url(img/textfield.png) 100% 0 no-repeat #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		input[type=text]:focus, textarea:focus, select:focus { border-color: #C4C305; background-image: none; }
		.cotizacion input[type=text], .cotizacion textarea { width: auto; }
	input[type=text], textarea, select { border: 2px solid #000; }
	select { clear: both; vertical-align: text-bottom; }
	select[multiple=multiple] { width: auto; padding: 4px; line-height:150%; }
	option { padding: 0 3px; }
	input[type=checkbox] { }
	input[type=radio] { width:auto; margin: 0 3px 7px 0; }
	div.radio label { margin: 0 0 6px 20px; }
	input[type=submit], input[type=button] { display: inline; width: auto; vertical-align: bottom; padding: 4px 8px; font-weight: bold; }
	div.submit { width: 400px; margin-top: 16px; margin-bottom: 16px; text-align: center; }
	form span.error { font-size: 11px; color: #F30; }
	form input.error, form input.error:focus { border: 2px solid #F30; }

.checkgroup { clear: both; margin: 6px 0; padding: 6px; }
	.checkgroup label { display: inline; }
		.checkgroup th.disabled, .checkgroup td.disabled { background-color: #666; }
		.checkgroup th.disabled label { color: #999; text-decoration: line-through; }
	.checkgroup input[ytpe=checkbox] { display: inline; }
	
	.checkgroup table { margin: 0; border-collapse:collapse; color: #F4F4F4; text-align: center; font-size: 11px; }
		.checkgroup table caption { padding: 2px 0; caption-side: top; font-size: 11px; font-weight: bold; color: #CDCB00; }
		.checkgroup table th, .checkgroup table td { padding: 4px 6px; border: #CDCB00 1px solid; }
		.checkgroup table th.emptytl, .checkgroup table td.emptytl { border-top: none; border-left: none; }
		.checkgroup table th.emptybl, .checkgroup table td.emptybl { border-bottom: none; border-left: none; }