*{margin:0;padding:0;}
html{background: url(../images/profyescon_textura.gif);}
body{background:url(../images/profyescon_iluminacion-header.jpg) no-repeat top center;color:#A1A1A1; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
img{border:0;}
#main_wrapper{padding-top:60px;}
/*GENERAL*/
#top,#content,#footer{width:900px; margin:auto;}
#logo, #menu, #footer_menu, #smo{float:left;}
#logo{width:30%;}
/*TOP WRAPPER*/
#top_wrapper{margin-bottom:20px;}
/*CONTENT WRAPPER*/
/*CONTENT QUIENES SOMOS*/
/*CONTENT TEXTO DESTACADO*/
#content_wrapper{ margin-top:10px;}
#img_destacado{background:url(../images/profyescon_quienes-somos_linea-titulo.jpg)no-repeat center bottom;}
#img_destacado img{float:left;}
#img_destacado h2.linea1{color: #CDCDCD; float: left; font-family: arial; font-weight: lighter; height: 50px; padding-top: 46px; width: 135px;}
#img_destacado h2.linea2{color: #CDCDCD; float: left; font-family: arial; font-weight: lighter; height: 40px; padding-top: 27px; width: 190px; margin:0 0 28px;}
#img_destacado h2.linea3{float:left; width: 155px; color: #CDCDCD; float: left; font-family: arial; font-weight: lighter; height: 60px; padding-top:16px; width: 150px}
#text_list{padding-top:15px; font-size: 17px;}
#text_destacado h2{background:url(../images/profyescon_quienes-somos_linea-titulo.jpg) no-repeat center bottom; color: #CDCDCD;line-height: 1.5em; margin: 0 0 17px; font-size: 19px; font-weight: normal;}
blockquote.style3{width:60%; margin:5px; padding: 0 0 8px; background-image:url(../images/profyescon_quienes-somos_comillas.png); background-position: top left; background-repeat: no-repeat; color: #CCCCCC;}
blockquote.style3 span{letter-spacing: -1px; font-size:17px; text-align: justify; display: block; padding-left: 35px; padding-right: 40px; background-image:url(../images/profyescon_quienes-somos_cierra_comillas.png);background-repeat: no-repeat;background-position: bottom right;}
/*CONTENT FOTO-FONDO*/
#text, #foto, #video{float:left;}
#foto{background:url(../images/profyescon_servicios_foto.jpg) repeat-y; margin-left:9px; position:relative; height:227px;}
#fotos_profyescon img{padding-top: 20px;}
#text .fondo_arriba{background: url(../images/profyescon_quienes-somos_txt_arriba.jpg) no-repeat; height: 29px;}
#text {width:599px; background: url(../images/profyescon_quienes-somos_txt_mitad.jpg) repeat-y; text-align: justify; }
#text .fondo_abajo{background: url(../images/profyescon_quienes-somos_txt_abajo.jpg); height: 29px;}
#text p{padding:15px;padding: 0 30px 4px; margin-bottom: 7px;}
#text h2{padding-left: 30px; margin-bottom: 25px; color:#F67F0B; font-size: 16px; padding-top: 10px; text-transform: uppercase; font-weight: normal; }
/*SERVICIOS*/
#content_servicios{height: 625px;}
#row1, row2, row3, row4{height:130px; padding: 25px 0 25px 0;}
#col1, #col2{width:49%;}
#col1, #col2, #col_img, #col_list{float:left;}
#col_img{width:36%; height: 125px;}
#col_list{width:64%;}
#col_list a{color:#CCCCCC; text-decoration:none; font-size: 14px;}
#col_list a:hover{color:#E0E0E0;}
ul.list_serv{list-style-image:url(../images/profyescon_servicios_bullet.gif); padding: 10px 20px 15px;width: 82%;color: #CCC; line-height: 20px;}
blockquote.style4{
width:85%;
margin:5px;
padding: 10px 0 8px;
background-image:url(../images/profyescon_servicios-bullets_comillas.jpg);
background-position: top left;
background-repeat: no-repeat;
color: #CCCCCC;
}
blockquote.style4 span{
letter-spacing: -1px;
font-size:13px;
text-align: justify;
display: block;
padding-left: 21px;
padding-right: 27px;
background-image:url(../images/profyescon_servicios-bullets_comillas2.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
/*COMERCIALIZACIÓN DE PRODUCTOS*/
p.foto_texto{font-size:14px}
#foto_texto #text table{padding-bottom: 35px;}
#foto_texto #text span img{padding-bottom: 35px;}
/*TECNOLOGÍA DE MATERIALES*/
ul.nav4 li{list-style: none outside none; margin-top: 10px;padding: 0 20px;}
ul.list{list-style-image:url(../images/profyescon_servicios_bullet.gif); padding: 0 55px; padding: 0 20px 15px; width: 65%; color: #CCCCCC;}
ul.list_text{padding-left: 46px; padding-top: 10px;; width: 87%; line-height: 17px; margin-bottom: 10px;}
table.table1{padding-left:10px;}
table.table1 tr th{background:#A6A7A9; color:#000; padding:3px 10px;}
/*AGREGADOS*/
table.table2{padding-left:10px;}
table.table2 tr th{background:#A6A7A9; color:#000; padding:10px 10px; padding-left:10px;}
#text h3{text-align: center;color: #F67F0B; text-transform: uppercase; font-weight:normal;}
#text h4{text-align: left; color: #CCC; text-transform: uppercase; margin-left: 30px; line-height: 25px;}
/*ALIANZAS*/
#foto_texto p span a{text-decoration:none; color:#999; margin: 0 20px; vertical-align: top; vertical-align: 35px;}
#foto_texto p span a:HOVER{color:#ccc;}
/*CONTACTO-ALIANZA*/
img.vertical{float: right; float: right; padding: 0 15px;}
#texto_contact{float:left; width:40%; text-align:justify; font-weight: normal; height: 249px;}
#contact{float:left; width:53%; padding-left: 3%;}
#contact form label{display: inline-block; margin-bottom: 7px; text-align: right; width: 98px; vertical-align: top;}
#contact form input.bg{background:url(../images/profyescon_contactenos_campo.jpg); width: 298px; height:17px; border:none; margin-bottom:12px;}
#contact form textarea{background:url(../images/profyescon_contactenos_campo-mensaje.jpg); vertical-align: super; width: 296px; height:59px; border:none;}
#contact .botton{height:18px; width:75px; margin-left: 102px; margin-top:10px;background: url("../images/profyescon_contactenos_enviar.jpg") no-repeat scroll 0 0 transparent; border: 0 none;}
div#msg {
background:/* url("../images/msg_send.gif")*/ no-repeat scroll 13px 5px #FFF;
color: #85a10e;
display: none;
font-weight: bold;
margin-top: 3px;
padding: 9px 12px 13px 48px;
}
div#error {
background: /*url("../images/msg_error.gif")*/ no-repeat scroll 13px 5px #FFF;
color: #BE0000;
display: none;
font-weight: bold;
margin-top: 3px;
padding: 9px 12px 13px 48px;}
ul.navicon {list-style: none outside none; margin-top:10px; height: 90px;}
ul.navicon li{background:url(../images/profyescon_home_iconos_linea.jpg) no-repeat left center; float:left; text-align:center;}
ul.navicon li:first-child{background:none;}
ul.navicon li a{ color: #999999; display: block; font-size: 10px; height: 60px;margin: 0;text-decoration: none;text-transform: uppercase; width: 112px;}
ul.navicon li span{padding:0 0 0 0px; text-align:center; vertical-align:bottom; display:block;}
ul.navicon li span.row1{padding-top:52px}
ul.navicon li span.row2{padding-top:52px}
ul.navicon li span.row3{padding-top:52px}
ul.navicon li a.img1{background:url(../images/profyescon_home_icono_tecnologia-de-materiales.png) no-repeat 35px center;}
ul.navicon li a.img2{background:url(../images/profyescon_home_icono_comercial.png) no-repeat 35px center;}
ul.navicon li a.img3{background:url(../images/profyescon_home_icono_aplicaciones-constructivas.png) no-repeat 35px center;}
ul.navicon li a.img4{background:url(../images/profyescon_home_icono_agregados.png) no-repeat 35px center;}
ul.navicon li a.img5{background:url(../images/profyescon_home_icono_procesos-industriales-y-operativos.png) no-repeat 35px center;}
ul.navicon li a.img6{background:url(../images/profyescon_home_icono_supervision-tecnica-en-obra.png) no-repeat 35px center;}
ul.navicon li a.img7{background:url(../images/profyescon_home_icono_reparacion-y-rehabilitacion.png) no-repeat 35px center;}
ul.navicon li a.img8{background:url(../images/profyescon_home_icono_gestion-de-proyectos.png) no-repeat 35px center;}
ul.navicon li a:hover{color:#CCC;}
/*FOOTER WRAPPER*/
#footer_wrapper{background:url(../images/profyescon_footer-fondo.jpg) repeat-x; height:69px;}
#footer{ padding-top:10px;}
#info {font-size: 0.9em;margin-top: 9px;text-align: center; letter-spacing:-1px;}
#menu_smo{height:30px;}
#footer_menu{width: 85%; height:35px; background:url(../images/profyescon_footer-separador.jpg) left center no-repeat;}
#smo{height:35px; background:url(../images/profyescon_footer-separador.jpg) left center no-repeat;}
#smo p {padding:8px 11px;background:url(../images/profyescon_footer-separador.jpg) right center no-repeat;}
#smo a {padding:3px;}
ul.navfooter {list-style: none outside none;}
ul.navfooter li{float:left; text-align:center;background:url(../images/profyescon_footer-separador.jpg) right center no-repeat; padding:11px 0;}
ul.navfooter li a{color:#999;text-decoration:none; margin:0 10px;}
ul.navfooter li a:hover{color:#CCC;}
/*CLEARFIX*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/*MENÚ*/
* { padding:0px; margin:0px; }
#menu {padding-left:70px; padding-top: 65px; z-index:999; position:relative;}
#nav { list-style:none;}
#nav li { float:left;}
#nav li a { display:block; padding:5px 10px; text-decoration:none; color:#CCCCCC; margin:0 1px;}
#nav li a:hover {color:#F67F0B;}
#nav li a.active {color:#F67F0B;}
/*SUBMENÚ*/
#nav ul.submenu {padding:5px; position:absolute; list-style:none; background:url(../images/profyescon_iluminacion-menur.jpg) repeat;}
#nav ul.submenu li {float:none;width:200px;}
#nav ul.submenu li a {padding: 6px 0 6px 3px;}
/*DESIGN-BY*/
#design-by {font-family: Century Gothic; font-size: 10px; padding: 11px 0 0; text-align: center;}
#design-by a, #design-by a:link, #design-by a:visited {color: #929292; padding: 0 4px; text-decoration: none;}
#design-by a:hover {color: #AE5700;}