*{ margin:0; padding:0; font-family:Verdana; list-style:none;}
body{ 
   background-color:#f6f4f4;
   background-image: url('../images/photoBodyGris1.jpg');
   background-repeat: no-repeat;
   background-size: cover;
}

.contenedor{ margin:auto; width:778px; min-height:720px; height:auto; background:url(../images/backgroundMain.jpg) repeat-y; clear:both;}
.contenedorGeneric{ margin:auto; width:778px; min-height:720px; height:auto; background:url(../images/backgroundCenterGeneric.jpg) repeat-y; clear:both;}
.main{ margin:auto; width:704px; height:auto; clear:both;}
.footer{margin:auto; width:778px; height:56px; background:url(../images/footer.jpg); clear:both;}
.clear{ clear:both;}
.boxSpacer{float:right; width:100%; height:20px;}

.topMenu{ float:left; width:100%; height:63px;}
.topMenu ul{ float:left; width:100%; height:63px; }
.topMenu ul li{ float:left; position:relative; height:63px; text-indent:-2000px;}
.topMenu ul li a{ float:left; width:100%; height:63px; display:block;}

.photoMain{ float:left; width:100%; height:362px; background:url(../images/photoMain.jpg);background-repeat: no-repeat; background-size: cover;}
.news{ float:left; width:100%; height:150px; background:#d9d8d8;}
.newsText{ float:left; width:470px; height:115px; background:url(../images/25_annos_trans.png) left no-repeat; margin:18px 0 0 9px;}
.newsText h1{ float:right; width:356px; clear:both; font-size:13px; font-weight:bold; padding:20px 0 5px 0;}
.newsText p{ float:right; width:356px; clear:both; font-size:11px; text-align:justify;}
.newsText a{ font-weight:bold; text-decoration:none; color:#c52601; font-size:10px;}
.newsText a:hover{ font-weight:bold; text-decoration:none; color:#fff; font-size:10px; background-color:#c52601; padding:0 3px;}
#imgCenter{ float:right; width:215px; height:150px; position:relative;}
#imgCenter img{ display:none; position:absolute; top:0; left:0;}
.photoCollage{ float:left; width:100%; height:122px; background: url(../images/photoCollage.jpg); margin:7px 0;}

.logoGeneric{ float:left; width:182px; height:96px; background-image:url(../images/logoAplitecpeq.gif);}
.title{ float:left; width:522px; height:96px;}
#nosotros{ background-image:url(../images/titleNosotros.jpg);}
#portafolio{ background-image:url(../images/titlePortafolio.jpg);}
#servicios{ background-image:url(../images/titleServicios.jpg);}
#contactenos{ background-image:url(../images/titleContactenos.jpg);}
#leedap{ background-image:url(../images/titleLeedAP.jpg);}
.textGeneric{ float:right; background-color:#f6f4f4; width:503px; height:auto; min-height:300px; margin-right:8px;}
.imgTop{ float:left; width:100%; height:15px; background-image:url(../images/boxGenericTop.gif);}
.imgDown{ float:right; width:503px; height:15px; background-image:url(../images/boxGenericDown.gif); margin-right:8px;}
.textGeneric p{ float:left; font-size:11px; padding:0 10px 10px 10px; text-align:justify;}
.textGeneric a{font-weight:bold; text-decoration:none; color:#c52601; font-size:10px;}
.textGeneric a:hover{font-weight:bold; text-decoration:none; color:#fff; font-size:10px; background-color:#c52601; padding:0 3px;}
.textGeneric h1{ float:left; width:95%; font-size:11px; padding-left:10px; margin-bottom:5px;}
.textGeneric h2{ float:left; width:94%; font-size:14px; padding:5px 0 5px 12px; margin-bottom:10px; border-bottom:3px solid #666666; color:#FFFFFF; background-color:#979797;}
.textGeneric h3{ float:left; width:100%; font-size:10px; margin-bottom:5px; color:#666;}
.textGeneric ul{ float:left; width:90%; font-size:11px; padding-left:20px; margin-bottom:20px;}
.textGeneric ul li{ margin:5px 0;}

.divIframe{float:right; width:504px; height:103px; margin:0 8px 10px 0;}

#menuPortafolio{ float:right; width:504px; height:103px; overflow: hidden;}
#menuPortafolio ul{ display: block;	height: 103px; width: 1008px;}
#menuPortafolio ul li{ float:left;}
#menuPortafolio ul li a{ text-indent: -1000px; background:#FFFFFF ; cursor:pointer; display:block; overflow:hidden; width:126px; height: 103px;}

#menuPortafolio ul li.portafolioComercial a{background: url(../images/portafolioComercial.jpg) repeat scroll 0%;}
#menuPortafolio ul li.portafolioInstitucional a{background: url(../images/portafolioInstitucional.jpg) repeat scroll 0%;}
#menuPortafolio ul li.portafolioResidencial a{background: url(../images/portafolioResidencial.jpg) repeat scroll 0%;}
#menuPortafolio ul li.portafolioIndustrial a{background: url(../images/portafolioIndustrial.jpg) repeat scroll 0%;}

.boxImg{ float:left; width:150px; min-height:140px; margin:0 0 10px 12px; text-align:center!important;}
.boxImg img{width:135px; height:107px; text-align:center; padding-left:7px;}
.boxImg p{ float:left; width:320px; height:auto; padding-top:3px;}
.boxImg a:hover{padding:0!important; background-color:#fff;}

.parrafoGeneric{ float:left; width:97%;}
.parrafoGeneric h3{ float:left; width:95%; font-size:11px; padding-left:10px; margin:8px 0; color:#333333;}
.parrafoGeneric b{ color:#646464;}


.topMenu ul li.inicio{ width:92px; background:url(../images/botInicio.gif) top no-repeat;}
.topMenu ul li.inicio a{ width:100%;}
.topMenu ul li.inicio a:hover{ width:100%; background:url(../images/botInicio.gif) bottom no-repeat;}

.topMenu ul li.nosotros{ width:178px; background:url(../images/botNosotros.gif) top no-repeat;}
.topMenu ul li.nosotros a{ width:100%;}
.topMenu ul li.nosotros a:hover{ width:100%; background:url(../images/botNosotros.gif) bottom no-repeat;}

.topMenu ul li.portafolio{ width:109px; background:url(../images/botPortafolio.gif) top no-repeat;}
.topMenu ul li.portafolio a{ width:100%;}
.topMenu ul li.portafolio a:hover{ width:100%; background:url(../images/botPortafolio.gif) bottom no-repeat;}

.topMenu ul li.servicios{ width:101px; background:url(../images/botServicios.gif) top no-repeat;}
.topMenu ul li.servicios a{ width:100%;}
.topMenu ul li.servicios a:hover{ width:100%; background:url(../images/botServicios.gif) bottom no-repeat;}

.topMenu ul li.contactenos{ width:121px; background:url(../images/botContactenos.gif) top no-repeat;}
.topMenu ul li.contactenos a{ width:100%;}
.topMenu ul li.contactenos a:hover{ width:100%; background:url(../images/botContactenos.gif) bottom no-repeat;}

.topMenu ul li.leed{ width:103px; background:url(../images/botLeedap.gif) top no-repeat;}
.topMenu ul li.leed a{ width:100%;}
.topMenu ul li.leed a:hover{ width:100%; background:url(../images/botLeedap.gif) bottom no-repeat;}