body{ margin: 0 auto; background:url(../img/bk.gif) #181818; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#514f4a}
a{ text-decoration:none; color:#514f4a; outline:none}
a:hover{ text-decoration: underline}
.site{ width:1004px; margin:0 auto}
.siteCont{ width:1004px; margin:0 auto; overflow:hidden; position:relative;}
h1{ color:#9f1415; margin:0 0 10px 0; font-size:12px}
h2{ font-size:16px; color:#9f1415; margin:0 0 3px 0}
h3{ color:#9f1415; margin:0 0 10px 0; font-size:12px}
h4{ color:#9f1415; margin:0 0 5px 0; font-size:11px}
h5{ color:#fff; margin:0 0 2px 0; font-size:10px}

.bold{ font-weight:bolder}

/*Logo*/
.logo{ width:223px; height:77px; position:absolute; margin-top:82px; background:#FFF; z-index:100;}
.logo img{ margin:18px 18px 18px 36px}
.logoLink{ position:absolute}
.logoLink img{ margin:0; border:none 0}

/*Menu*/
.menu{ margin:8px; position:absolute; z-index:100}
.menuFondo{width:200px; height:128px; padding:8px 0; position:absolute; z-index:98; background:#333; opacity:0.40; filter: alpha(opacity = 40)}
.menu_bt{ position:absolute; z-index:99; width:200px; height:164px/*144*/}
.menu a{ width:223px; height:25px}
.barrita{ position: absolute; height:25px; width:4px; background:#9f1415; margin-left:-8px}
.home, .catalogo, .novedades, .servicios, .proyectos{ height:25px; width:165px; background-image:url(../img/menu.png); background-repeat:no-repeat;}
.catalogo{ background-position:0 -25px}
.novedades{background-position:0 -50px}
.servicios{background-position:0 -75px}
.proyectos{background-position:0 -100px}
.botonMenu{float:right; margin-top:-15px; font-size:9px; text-transform:uppercase}
.botonMenu a{ color:#FFF; }
.menu2{font-weight:bolder}
.menu2 li{ padding-bottom:7px;}

/*Contenido*/
#fotosHome, #fotosCatalogo{ background:#111; overflow:hidden; width:1004px; height:539px}
.fondoSitio{ background:#d6cfbd; height:539px; position:relative; padding:0 10px 0 250px}
.contenido{ padding-top:43px; height:340px}
.contenido p{ margin-bottom:10px}
.contenido img{ border:1px solid #fff}
.colIzq{ width:350px; float:left; padding-right:20px}
.colDer{ width:340px; float:left}
.colDer2{ width:470px; height:290px; float:left; overflow:hidden}
.colMenu{ width:150px; float:left}
.oneCol{ width:500px}
.tituloProyectos, .tituloServicios, .tituloNovedades, .tituloContacto{ height:20px; background-image:url(../img/menu.png); background-repeat:no-repeat; margin-bottom:15px}
.tituloNovedades{background-position:-201px -53px}
.tituloServicios{background-position:-200px -79px}
.tituloProyectos{background-position:-200px -100px}
.tituloContacto{background-position:-200px -125px}
.textoFotos{ width:993px; position:absolute; z-index:100; color:#FFF; text-align:right; padding:3px}
.textoFotosFondo{width:998px; height:15px; position:absolute; z-index:99; color:#FFF; text-align:right; padding:3px; background:#333; opacity:0.30; filter: alpha(opacity = 30)}
#franjaWrapper {width:997px; height:164px/*144*/; position:absolute; z-index:9998; margin-top:387px}
.franjaCont{width:997px; height:164px/*144*/; position:absolute; z-index:100; position:absolute}
.franjaFondo{width:997px; height:164px/*144*/; position:absolute; z-index:99; background:#333; opacity:0.5; filter: alpha(opacity = 50)}

.noticia{ float:right; color:#FFF; width:350px; padding:10px}
.noticia a{ color:#FFF; height:100%}
.noticia img{ margin:0 15px 15px 0; border:1px solid #999}


.proyectoFicha{ float:left; width:330px; margin:0 0 0 25px}
.proyectoFicha ul{ width:330px; color:#FFF}
.proyectoFicha a{ color:#FFF; height:100%; text-decoration:none}
.proyectoFicha img{ margin:0 15px 6px 0; border:1px solid #fff}
.proyectosDesc span{ font-weight:bolder}
.proyectoCont{ margin-left:15px; background: none!important}


.videoIcono{ font-weight:bolder; background:url(../img/iconos.gif) no-repeat 0 -21px; padding-left:15px; display:block; float:left; padding-right:15px}
.fotoIcono{ font-weight:bolder; background:url(../img/iconos.gif) no-repeat 0 -46px; padding-left:15px; display:block; float:left; padding-right:15px}


.pruebaTexto{ width:30000px}
.bloque{ height:290px; width:450px; padding-right:20px; float: left}

.carruselCont{margin: 15px 0 0 200px; width:770px; height:125px; position:absolute; overflow:hidden}
#carrusel, #carrusel3{float:left; width:735px; height:122px; position:static!important}
#nav2{ background:none!important}

.prev{ margin-left:5px}
.prev, .next{ float:left; height:110px; width:15px; text-align:center}
.prev a, .next a{ width:13px; height:110px; display:block}
.prev img, .next img{ margin-top:50px}

.prevCat, .nextCat{ height:55px; width:12px; cursor:pointer}
.prevCat{ margin:0 5px 0 0}
.nextCat{ margin:0 0 0 3px}
.prevCat img, .nextCat img{ margin-top:24px}


.novedadesChica a{ color:#FFF}
.novedadesChica h3{ color:#9f1415; margin:0 0 10px 0; font-size:12px}
.novedadesChica a:hover{ text-decoration:none}
.novedadesChica{ width:219px; height:120px; float:left; padding:0 10px 0 15px; border-right:1px dotted #d7d6d3}
.novedadesChicaCont{ left:10px!important; background:none!important}
.ultima{ border-right:none 0}
.novedadesChica p{ color:#FFF}
.novedadesChica img{ padding:0 10px 3px 0}
.novCont{ float:left; width:800px}
#video_novedades{ width:340px; height:272px}

/*Catalogo*/
.menuCatalogo{ width:225px; height:144px;/*124*/ position:absolute; margin-left:200px; z-index:100; padding:10px 0px 10px 10px}
.menuCatalogo ul{ float:left; margin-right:10px}
.menuCatalogo ul.last{margin-right:10px}
.menuCatalogo a{ color:#FFF}
.menuCatalogo ul li{ padding:1px 0}
.menuCatalogoFondo{ width:225px; height:164px/*144*/; position:absolute; margin-left:200px; background:#333; opacity:0.5; filter: alpha(opacity = 50); z-index:99}
.catalogoCont{ position:absolute; color:#FFF; margin-left:423px; padding:10px 10px 10px 20px}
.catalogoCont h3,.catalogoCont h1{ color:#FFF}
.catalogoCont h1{ color:#FFF; font-size:12px;}
.catalogoThumbs{ margin-top:10px}
#nav{ height:55px; width:511px; overflow:hidden; float:left}
#nav li{ float:left; padding:0 3px}
#nav img{ border:1px solid #999}

.catalogoThumbs{ height:55px}

/*Contacto*/
.formulario{text-align:left; float:left}
.formulario p{ margin-bottom:5px}
.formulario span { font-size:10px; margin:10px 0px; display:block}
.formulario li{ margin-bottom: 5px}
.formulario li label{display: block; float:left; width:90px; text-align:left; border:none}	
.formulario li .inputText{display:block; float:left; width:250px; color:#514F4A;background: #f1efe9; border:none; padding:2px 3px; font-size:12px}
.formulario li textarea{float:left; display: block; width: 250px; height: 100px; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; text-align:left; background: #f1efe9; border: none; color:#514F4A; padding:2px 3px}
.formulario li .boton{float:left; width:75px; height: 20px; padding-bottom: 4px; background:#514F4A; border:none; color:#FFF; margin:0px 5px 0 0; font-size:11px;}
.datos{ margin-left:30px}
.datos li{ padding:2px 0}
#messageok{ font-size:11px; color:#9F1415; margin-bottom:7px}


/*Footer*/
.footer{ font-size:11px; color:#FFF; background:#111}
.footer p{ padding:7px 15px}
.footer span{ color:#838280}
.footer .direccion{ float:left}
.footer .contacto{ float:right}
.footer .contacto span { display:inline-block; margin:0 5px 0 5px;}
.footer .face{ float:left; width:520px; margin:0 5px 0 5px; padding:0;}
.footer .face img{ padding:0 0 0 3px}
.footer .cont a{ background: url(../img/iconos.gif) no-repeat 0 4px; padding-left:15px}

.footer a:hover{ background-position:0 -8px}

.addthis_toolbox{float:left; padding:5px 10px 0 20px;}
.facefooter{float:left; padding:5px 10px 0 20px; }


#map_canvas {
	width:250px;
	height:100px;
	margin:10px 0 20px 5px;
	padding:20px 0 20px 0;
	float: left;
	border:#FFF solid 1px;
	}
	
	#map_canvas2 {
	width:250px;
	height:100px;
	margin:10px 0 20px 5px;
	padding:20px 0 20px 0;
	float: left;
	border:#FFF solid 1px;
	}