﻿
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; list-style-type:none;}
body{ background:#fff; color:#fff; font-family: Geneva, Arial, Helvetica, sans-serif; }
a{ color:#f58120; text-decoration:none;}
a:hover{ text-decoration:underline;}

#wrapper{ width:880px; margin:auto; padding:0;}
#header{ width:874px; height:140px; float:left; background:url(../images/bg-head.jpg) no-repeat; }


#logo{ width:200px; height:100px; cursor:pointer; float:left;}
#menu-head ul{ width:660px; height:25px; float:right; display:inline; margin-top:57px; color:gray; font-size:12px;}
#menu-head li{height:22px; display:inline; border-left:1px gray dotted;}
#menu-head li a{height:22px; display:inline; color:gray; padding:0 5px 0 5px;}
#menu-head li a:hover{height:22px; display:inline; background:#dcdcdc; color:#f58120; text-decoration:none; }

/* Cuerpos Paginas */
#slider{ width:874px;height:363px;overflow:hidden;margin-top:2px;float:left;z-index:-1;}
#cuerpo{width:874px; float:left; margin-top:2px;}
#cuerpo2{width:874px; float:left; margin-top:2px;}

/* Pie de Pagina */
#pie{height:118px; width:874px; float:left; background-image:url(../images_old/footer-bg.jpg); background-repeat:no-repeat; margin-top:2px;}
#menu-pie{width:680px; float:left; text-align:left; border-bottom:1px #f6b00e solid; margin-left:0px; margin-top:20px; margin-left:15px;}
#menu-pie ul{width:680px; float:left; margin-left:5px; padding:10px 0 10px 0;}
#menu-pie li{display:inline; text-align:right; color:#ffffff; font-family:lucida sans; font-size:11px; padding-right:4px; padding-left:4px; border-left:1px #ffffff solid; }
#menu-pie li a{height:22px; display:inline; color:#ffffff; padding:0 5px 0 5px;}
#menu-pie  li a:hover{height:22px; display:inline; background:#cccccc; color:#f58120; text-decoration:none; }
#direccion{width:620px; text-align:left; margin-left:20px; float:left; padding-top:10px;  color:#ffffff; font-family:lucida sans; font-size:11px; padding:10px 0 10px 0;}

/* Men Productos */
.menu-side{ width:250px; float:left; margin-top:5px;}
.menu-side li{ width:250px; float:left; display:block; color:#FFFFFF; margin:1px 0 0 0; font-size:12px;}
.menu-side li a{ width:250px; float:left; display:block; color:#FFFFFF; background-color:#6b6b6b; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.menu-side li a.presionado{ width:250px; float:left; display:block; color:#FFFFFF; background-color:#262626; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.menu-side li a:hover{ width:250px; float:left; display:block; color:#FFFFFF; background-color:#cccccc; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.menu-side2{ width:250px; height:460px; float:left; margin-top:5px;}
.menu-side2 li{ width:250px; float:left; /*display:block;*/ color:#FFFFFF; margin:1px 0 0 0; font-size:12px;}
.menu-side2 li a{ width:250px; float:left; /*display:block;*/ color:#FFFFFF; background-color:#6b6b6b; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.menu-side2 li a{ width:250px; float:left; /*display:block;*/ color:#FFFFFF; background-color:#6b6b6b; text-decoration:none; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.menu-side2 li a:hover{ width:250px; float:left; /*display:block;*/ color:#FFFFFF; background-color:#cccccc; padding-top:5px; padding-bottom:5px; padding-left:4px;}
.hola ul{width:250px; background-color:#FFFFFF;  float:left; margin-top:5px;}
.hola li{ width:250px; height:15px; display:block; color:#FFFFFF; text-decoration:none; float:left; background-color:#FFFFFF; padding-bottom:25px;}
.hola li a{ width:250px; display:block; color:#FFFFFF; text-decoration:none; float:left; background-color:#FFFFFF;}
.hola li a:hover{ width:250px; display:block; color:#FFFFFF; text-decoration:none;float:left; background-color:#FFFFFF;}

.hola2{width:250px; background-color:#FFFFFF;  float:left; margin-top:205px;}
.hola2 li{ width:250px; height:35px; display:block; color:#FFFFFF; text-decoration:none; float:left; background-color:#FFFFFF; padding-bottom:5px;}
.hola2 li a{ width:250px; display:block; color:#FFFFFF; text-decoration:none; float:left; background-color:#FFFFFF;}
.hola2 li a:hover{ width:250px; display:block; color:#FFFFFF; text-decoration:none;float:left; background-color:#FFFFFF;}

/* Info Productos */
#info{width:600px; float:left; margin-left:20px; margin-top:7px;}
#video{width:590px; float:left; margin-left:30px; margin-top:7px;}
#video ul{margin-top:20px; text-align:center;}
#video li{ float:left; margin:5px 1px;}
#video a{padding:5px; font-family:"Lucida Sans"; font-size:12px; color:#FFFFFF; background-color:#666666; text-decoration:none;}
#video a:hover{padding:5px; font-family:"Lucida Sans"; font-size:12px; color:#FFF; background-color:#CCCCCC; text-decoration:none;}
#video h4{font-size:16px; color:#FF6600; font-family:lucida sans; padding:5px; border-bottom:1px #FF6600 dashed;}
#info3{width:854px; float:left; margin-left:50px; margin-top:7px;}
#info3 h2{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px;}
#info3 p{text-align:center;}
#info2{width:874px; float:left; margin-left:50px; margin-top:7px;}
#info2 h2{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px;}
#info2 p{text-align:center;}
#info-cultura{width:850px; float:left; margin-left:20px; margin-top:7px;}
.infografia{width:735px; float:left; font-size:11px; font-family:lucida sans; line-height:14px; text-align:justify; margin-left:22px; border-top:1px #DADADA dotted; padding-top:8px; margin-top:10px; padding-bottom:20px;}
.infografia p{width:735px; float:left; font-size:11px; font-family:lucida sans; line-height:14px; text-align:justify; color:#666666; padding-bottom:10px;}
.infografia h2{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px;}
.infografia img{margin-left:30px; text-align:center; margin-top:15px;}
.img-productos{ margin:0 auto; padding:0 auto; width:510px; }
.detalle-prod{width:580px; float:left; font-size:11px; font-family:lucida sans; line-height:14px; text-align:justify; margin-left:22px; border-top:1px #DADADA dotted; padding-top:8px; margin-top:10px;}
.detalle-prod p{width:580px; float:left; font-size:11px; font-family:lucida sans; line-height:14px; text-align:justify; color:#666666; padding-bottom:10px;}
.detalle-prod h2{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px;}
.detalle-prod img{margin-left:30px; text-align:center; margin-top:15px;}
#car-fotos{width:600px; height:150px;}
#car-fotos img{border:1px #999999 solid;}

#info2{width:600px; height:300px; float:left; margin-left:20px; margin-top:7px;}
.servicio{width:735px; float:left; font-size:11px; font-family:lucida sans; height:280px; line-height:14px; text-align:justify; margin-left:22px; border-top:1px #DADADA dotted; padding-top:8px; margin-top:10px;}
.servicio p{width:735px; float:left; font-size:11px; font-family:lucida sans; line-height:14px; text-align:justify; color:#666666; padding-bottom:10px;}
.servicio h2{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px;}
.servicio h3{font-size:16px; color:#FF6600; font-family:lucida sans; padding-bottom:5px; text-align:center}

.img-productos2{width:310px; height:310px; float:left;}
.detalles{width:280px; height:260px; float:left; margin-left:10px;}
.detalles p{width:280px; height:100px; _height:20px; float:left; font-size:13px; color:#333333; font-family:lucida sans; padding:7px;}
.detalles h1{width:280px; height:33px; background-image:url(../images/nombre-producto.jpg); background-repeat:no-repeat; text-indent:-99999px;}
.detalles h2 a{width:280px; height:33px; float:left;}
.detalles h3 a{width:280px; height:33px; float:left;}
.detalles h4 a{width:280px; height:33px; float:left;}
.detalles h5 a{width:280px; height:33px; float:left;}

.detalles_ing{width:280px; height:260px;  float:left; margin-left:10px;}
.detalles_ing p{width:280px; float:left; font-size:11px; color:#333333; font-family:lucida sans; padding:7px;}
.detalles_ing h1{width:280px; height:33px; background-image:url(../images/nombre-producto.jpg); background-repeat:no-repeat; text-indent:-99999px;}
.detalles_ing h2 a{width:280px; height:33px;float:left;}
.detalles_ing h3 a{width:280px; height:33px;float:left;}
.detalles_ing h4 a{width:280px; height:33px;float:left;}

/* Fichas Productos */
#ficha{width:100%; height:100%; background-color:#FFFFFF;}
#ficha h3{color:#000000; padding:10px 5px; text-align:center;}
#ficha ul{margin-left:10%;font-size:12px}
#ficha li{border-bottom:1px #FF9900 dashed; width:90%; }
#ficha li a{text-decoration:none;}
#ficha p{text-align:center; margin-top:20px;}


/* Menu Arquitectura */
.menu_head{border:0px solid #fff; font-size:11px;}
.menu_body {display:none; width:304px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675; position:absolute; *margin-top:47px; *margin-left:-442px; filter: alpha(opacity=90); opacity: .8; -moz-opacity:0.8;}
.menu_body li{background:#493e3b; font-size:11px;}
.menu_body li.alt{background:#362f2d; font-size:11px;}
.menu_body li a{color:#FFFFFF; text-decoration:none; padding:7px; display:block; font-size:11px;}
.menu_body li a:hover{padding:8px 7px; font-size:11px;}
.nav-arqui{width:306px; float:left; cursor:pointer;}
.nav-inge{width:276px; float:left; cursor:pointer;}
.nav-fija{width:292px; float:left; cursor:pointer;}

/* Menu Ingenieria */
.menus_head{border:0px solid #fff; font-size:11px;}
.menus_body { display:none; width:304px;border-right:1px solid #998675;border-bottom:1px solid #998675;border-left:1px solid #998675; position:absolute; *margin-top:47px; *margin-left:-441px; filter: alpha(opacity=90); opacity: .8; -moz-opacity:0.8;}
.menus_body li{background:#493e3b; font-size:11px;}
.menus_body li.alt{background:#362f2d; font-size:11px;}
.menus_body li a{color:#FFFFFF; text-decoration:none; padding:7px; display:block; font-size:11px;}
.menus_body li a:hover{padding:8px 7px; font-size:11px;}

/*donde*/
.donde ul{width:560px; float:left; font-family:lucida sans; color:#FF9900; font-size:12px;}
.donde li{ width:560px; display:block; margin-top:1px; background:#f1ebeb; color:#FF9900; padding:2px;}
.donde img{padding-left:5px; padding-right:5px;}

#contenido-contacto{width:400px; font-family:Verdana;font-size:12px;color:gray;margin:5px 0 0 10px;float:left;}
#contenido-contacto h2{width:400px;font-family:Lucida Sans;font-size:21px;color:#f58120;margin-bottom:10px;border-bottom:1px #7a011c dotted;}
#contenido-contacto :focus{background-color:#cccccc;border:1px maroon solid;}
#side2{width:390px;height:260px;float:left;margin-left:50px;margin-top:26px; border:3px #cccccc solid;}
.label{height:30px;width:400px;border:1px gray solid;background-color:#ffffff;}
.comentario{height:170px;width:400px;border:1px gray solid;background-color:#ffffff; }
#direccion2{width:390px;height:160px;float:left;margin-top:10px;}
#direccion2 h3{font-size:11px; font-family:lucida sans; color:black; width:400px;}

/*Galerias*/
.thumb{width:90px; height:90px; overflow:hidden; margin-top:10px; float:left; margin-left:20px; border:3px grey solid;}
#paginador{width:180px; height:30px; float:right; color:red; margin-top:15px; margin-right:20px;}
#paginador a{padding:5px; background-color:#999999; color:white; margin-left:5px; font-size:11px; font-family:lucida sans;}
#paginador a:hover{padding:5px; background-color:#cccccc; color:white; margin-left:5px; font-size:11px; font-family:lucida sans;}

#apDiv1 { width:100%;margin-top:5px;font-family:lucida sans; font-size:11px;color:gray;}

