* { margin: 0; padding: 0; }
/****** ESTRUCTURA ******/
body { margin: 0 auto; padding: 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; background-color: #FFF; color:#333; }

#container { padding: 0; }
#wrap { width: 968px; margin: 8px auto 0 auto; background: url(img/wrap.png) 0 0 repeat-y; }

	#wrap_b { background: url(img/wrap_b.png) 0 100% no-repeat; }
	#wrap_t { padding-bottom: 38px; background: url(img/wrap_t.png) 0 0 no-repeat; }
	
#top_bar { margin:0; height:16px; }	

 #header { width:100%; height: 214px; margin: 0; padding:0; position:relative; }
	a#logo { margin:0; padding:0; position:absolute; top: 48px; right: 115px; width: 310px; height: 74px; }
		a#logo:hover { text-decoration: none; }
	div#constructor_header { margin:0; padding:0; position:absolute; top: 84px; left: 134px; }
	div#animacion { margin:0; padding:0; position:absolute; top: 21px; left: 65px;}
	#menu_principal_bar { position:absolute; bottom: 6px; left: 0; width: 924px; margin-left: 22px; }	

	#sidebar_l { float: left; width: 208px; margin: 0; padding: 0; overflow:hidden; }
		#gutter_sidebar_l { padding: 16px 0 16px 22px; }
	
	#content { float:right; width: 760px; margin: 0; overflow:hidden; }
		#gutter_content { padding: 16px 38px 16px 16px; background: none; }

#footer { position:relative; width:100%; height: 38px; color: #FFF; line-height:150%; background: none; }
	#abogados { position: absolute; bottom: 20px; left: 20px; }
	#info { position: absolute; bottom: 20px; right: 20px; width: 300px; padding: 6px; line-height: 125%; background-color: #F5FAFD; border: 2px solid #4A70A3; text-align: center; font-size: 13px; color: #666; }

#exterior { width: 920px; margin: 0 auto; }
	p#info_inferior { text-align:center; font-weight: bold; }
		p#info_inferior a { color: #666; }
	a#credits { float:right; padding-right: 34px; line-height:22px; background: url(img/vision_izoizo.png) 100% 0 no-repeat; color: #999; font-size:11px; }
		a#credits:hover { background-position: 100% -22px; color: #FF3830; text-decoration:none; }

/****** GENERALES ******/
a {	color: #039; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

div{background:none; margin:0; padding:0;}

h1, h2, h3 { }
h1{ margin: 0 0 16px 0; padding: 0; background: url(img/h12.png) 0 0 no-repeat; text-indent: 10px; color: #FF3830; font-size: 26px; font-weight: bold; }
h2{ margin: 4px 0 8px 0; padding: 8px 0; color: #270369; font-size: 18px; }
h3{ margin: 10px 0; padding: 4px 0; color: #2C35AB; font-size: 14px; }
h4{ margin: 8px 0; font-size: 13px; color: #666; font-weight: bold; }
h5 { margin:0 0 4px 0; padding:0; color: #000; font-size:11px; font-weight:normal; }

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

blockquote { margin:3px 0; padding: 6px 0 6px 13px; background: transparent url(img/blockquote.png) no-repeat 0 0; color: #666; font-style: italic; font-weight: bold; }

/****** 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: 8px; padding-bottom: 8px; }
.airezote { padding-top: 16px; padding-bottom: 16px; }

.un_tercio { width: 33%; }
.dos_tercios { width: 66%; }
.mitad { width: 50%; }

.gutter_med { padding: 6px 8px; }
.gutter_mini { padding: 8px; }
.gutter_tr { padding: 0 0 8px 8px; }

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

.noborde { border: none }

.sutil{ color:#666; }
.pequena { font-size:11px; }
.sutilisimo { color: #666; font-size: 11px; }
.negrita { font-weight: bold; }

.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: #ADD6EC 1px solid; }
	a:hover img.contborde { border-color: #09C; }

.recuadro { margin: 16px 0; padding: 8px; border: 2px dotted #CCC; }

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

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

#rotador_inicio { margin-bottom: 16px; text-align: center; }

p.volver_top { font-size: 11px; text-align: right; }

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: #ADD6EC 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; }

h3#constructores { width: 100%; height: 44px; margin: 8px 0; padding: 0; text-indent: -990px; color: #FFF; text-align: center; background: url(img/h3_constructores_profesionales.png) 50% 0 no-repeat; }

a.constructores { display: block; width: 250px; height: 40px; margin: 4px 8px; line-height: 40px; text-align: center; color: #333; font-weight: bold; font-size: 14px; background: url(img/link_constructores.png) 0 0 no-repeat; }
	a.constructores:hover { text-decoration: none; color: #FF3830; background-position: 0 -40px; }
	
.lineas_tecnico { float: left; margin-bottom: 16px; padding: 8px 0 16px 0; border-top: 2px dotted #CCC; }

.mini_resena { font-size: 11px; background-color: #F4F4F4; border: 1px dotted #CCC; }

/****** MENUS ******/
.menu_principal { width:100%; margin: 0; padding: 0; line-height: 47px; list-style: none; text-align: left; }
	.menu_principal li { float: left; margin: 0; text-indent: -1500px; text-decoration: none; font-size: 13px; font-weight: bold; }
		.menu_principal li a { display: block; width: 132px; height: 47px; color: #FFF; background: url(img/menu_principal.png) 0 0 no-repeat; }
			.menu_principal li a:hover { background-position: 0 -47px; }
			
			.menu_principal li a#inicio { background-position: 0 0; }
			.menu_principal li a#inicio:hover { background-position: 0 -47px; }
			.menu_principal li.active a#inicio { background-position: 0 -47px; }
			
			.menu_principal li a#empresa { background-position: -132px 0; }
			.menu_principal li a#empresa:hover { background-position: -132px -47px; }
			.menu_principal li.active a#empresa { background-position: -132px -47px; }
			
			.menu_principal li a#servicios { background-position: -264px 0; }
			.menu_principal li a#servicios:hover { background-position: -264px -47px; }
			.menu_principal li.active a#servicios { background-position: -264px -47px; }
			
			.menu_principal li a#productos { background-position: -396px 0; }
			.menu_principal li a#productos:hover { background-position: -396px -47px; }
			.menu_principal li.active a#productos { background-position: -396px -47px; }
			
			.menu_principal li a#obras { background-position: -528px 0; }
			.menu_principal li a#obras:hover { background-position: -528px -47px; }
			.menu_principal li.active a#obras { background-position: -528px -47px; }
			
			.menu_principal li a#ubicacion { background-position: -660px 0; }
			.menu_principal li a#ubicacion:hover { background-position: -660px -47px; }
			.menu_principal li.active a#ubicacion { background-position: -660px -47px; }
			
			.menu_principal li a#contacto { background-position: -792px 0; }
			.menu_principal li a#contacto:hover { background-position: -792px -47px; }
			.menu_principal li.active a#contacto { background-position: -792px -47px; }

.menu_lateral { width:100%; margin: 0; padding: 0; list-style: none; text-align: center; }
	.menu_lateral li { line-height: 44px; margin: 0; padding: 0; list-style-image: none; background: url(img/menu_lateral.png) 0 100% repeat-x; text-align:center; font-size: 13px; font-weight: bold; }
		.menu_lateral li.ultimo { background: none; }
		.menu_lateral li a { display: block; width: 100%; line-height: 44px; color: #666; text-decoration:none; }
		.menu_lateral li.active, .menu_lateral li a:hover { color: #333; }

.menu_constructores { width:100%; margin: 0; padding: 0 0 10px 0; list-style: none; }
	.menu_constructores li { height: 44px; margin: 0; padding: 0 0 2px 0; list-style-image: none; background: url(img/menu_constructores.png) 0 100% repeat-x #1D2070; text-align:center; font-size: 13px; font-weight: bold; }
		.menu_constructores li.ultimo { background: none; }
		.menu_constructores li a { display: block; height: 42px; padding-left: 8px; text-align: left; color: #F4F4F4; text-decoration:none; }
			.menu_constructores li a h3 { font-size: 14px; text-align: left; text-indent: 0; margin: 0; padding: 6px 0 0 0; }
			.menu_constructores li a span { padding-left: 4px; font-size: 11px; color: #AEA9CC; font-weight: normal; }
		.menu_constructores li.active, .menu_constructores li a:hover { color: #FFF; background-color: #161856; }

/****** IMAGENES ******/
a.imagen { }

img.cont { padding: 4px; border: 1px #CCC solid; }
img.tl { margin: 0 8px 8px 0; }
img.tr { margin: 0 0 8px 8px; }
img.bl { margin: 8px 8px 0 0; }
img.tr { margin: 0 0 8px 8px; }

/****** LISTAS ******/
ul.caracteristicas { margin: 10px 0; padding-left: 26px; }
	ul.caracteristicas li { padding: 5px 0; font-weight: bold; list-style-image: url(img/caracteristicas.png); }
			
.thumbnails { float:left; margin: 0 0 0 8px; padding: 8px 4px 8px 32px; }
	.thumbnails li { float:left; width: 200px; margin: 0 16px; padding: 8px 0; border: #FFF 1px solid; background-color: #FFF; list-style: none; text-align:center; }
		.thumbnails li:hover { border-color: #999; }
		.thumbnails li.fin_fila { margin-right: 0; }
		.thumbnails li img { }
		.thumbnails li div.desc { position: absolute; bottom: 4px; left: 0; width: 100%; z-index: 10; height: 14px; line-height: 14px; overflow: hidden; text-align: center; font-size: 11px; text-transform: uppercase; background: url(img/zoom_in.png) 98% 0 no-repeat #FFF; opacity:0.7; filter:alpha(opacity=70);}
			.thumbnails li a div.desc { color: #999; }
			.thumbnails li a:hover div.desc { color: #E8511C; text-decoration: none; background-position: 98% -14px; opacity:1.0; filter:alpha(opacity=100); }

ul.archivos { margin: 16px 0; padding: 0 0 0 40px; }
	ul.archivos li { line-height: 200%; padding-left: 10px; }
		ul.archivos li.pdf { list-style-image: url(img/icono_pdf.png); }
		ul.archivos li.cad { list-style-image: url(img/icono_cad.png); }
		ul.archivos li.zip { list-style-image: url(img/icono_zip.png); }

ul.plana { width: 100%; margin: 0; padding: 0; text-align: center; list-style: none; }
	ul.plana li { display: inline; margin: 10px 0; padding: 0 10px; }
	ul.plana li.actual { opacity:0.7; filter:alpha(opacity=70); }

/****** EVENTOS *******/

.blur{
	background-color: #ccc; /*color de sombra*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

 	
.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
}

.menublog{
	background-color: #fff; /*background color of content*/
	color: #0B4764; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: .5em 2ex;
}

.navlist li { list-style-type: circle; }
/****** MODULOS ******/
.gut_mod { padding: 8px; }

.mod { width: 160px; margin: 0 auto 16px auto; }

.mod_const { width: 178px; margin: 0 auto 16px auto; background: url(img/mod_const.png) 0 0 repeat-y; }
.mod_const_t { background: url(img/mod_const_t.png) 0 0 no-repeat; }
	.mod_const_t h3 { text-indent: 24px; padding: 14px 0 0 0; text-align: center; color: #FFF; }
		.mod_const_t h3 a { color: #FFF; }
	.mod_const_b { width: 162px; margin: 0 auto; background: url(img/mod_const_b.png) 0 100% no-repeat; }

.mod_mitad_t { width: 456px; background: url(img/mod_mitad_t.png) 0 0 no-repeat; }
.mod_mitad_b { background: url(img/mod_mitad_b.png) 0 100% no-repeat; }

/****** CONTENIDO ******/
#content p { line-height:150%; margin:8px 0; text-align: justify; }
	#content p.centrado, #content div.centrado p, #content div.centrado { text-align: center; }
	#content p.volver_top { text-align: right; }
ul, ol { padding-left: 20px; line-height: 150%; list-style-image: url(img/lista.png); }
		#content ul li,#content  ol li { line-height: 150%; margin: 8px 0; }

/****** TABLAS ******/
.datos { width: 96%; margin:10px auto; border-collapse:collapse; border: #CCC 1px solid; background-color:#FFF; }
	.datos th { border-top: #CCC 1px solid; border-bottom: 2px solid #CCC; line-height:200%; background-color: #666; color: #FFF; }
	.datos td { border-top: #CCC 1px solid; line-height:150%; padding:4px; vertical-align:middle; border: #CCC 1px solid; }
		.datos td.descripcion {  }
		.datos td.nombre { font-weight: bold; }
		.datos tr.nuevo td.nombre { padding-right: 40px; background: url(img/nueva_agencia.png) 96% 50% no-repeat transparent; }
		.datos td.direccion { font-size: 11px; }
		.datos td.mapa { font-size: 9px; text-transform: uppercase; text-align: center; }
		.datos td.telefono { font-size: 11px; text-align: center; }
		.datos td h4, .datos td ul { padding:0; margin:0; }
		.datos td ul li { list-style-image:url(img/check.png); }

.tecnico { width: 96%; margin: 10px auto; border-collapse:collapse; border: #CCC 1px solid; background-color:#FFF; }
	.tecnico th { border-top: #CCC 1px solid; border-bottom: 2px solid #CCC; line-height:200%; background-color: #666; color: #FFF; }
	.tecnico td { border: #CCC 1px solid; line-height:150%; padding:4px; vertical-align:middle; }
		.tecnico td.descripcion {  }
		.tecnico td.valor { font-weight: bold; }
		.tecnico td.dpto { font-size: 11px; color:#666; font-weight: bold; text-align: center; }
		.tecnico td.inicio_piso { border-top-width: 2px; }
		.tecnico td.piso { width: 33%; font-size: 20px; color:#1669AB; font-weight: bold; text-align: center; border-right: #ADD6EC 1px solid; border-top-width: 2px; }
		.tecnico td h4, .tecnico td ul { padding:0; margin:0; }
		.tecnico td ul li { list-style-image:url(img/check.png); }

.cuartos td { width:25%; }
.tercios td { width:33%; }
.celdas td { border: #CCC 1px solid; }

/****** FORMULARIOS ******/
fieldset { margin: 16px 0; border: #CCC 2px solid; padding: 8px; }
legend { font-size: 15px; color: #2C35AB; font-weight: bold; }
label { color:#666; font-weight: bold; font-size: 11px; }
input[type=submit] { padding: 8px; font-weight:bold; }
input, select, textarea { margin: 3px 0; }
input[type=submit], input[type=button] { padding:3px; }