@charset "utf-8";


/* CSS Document */


@import url(textos.css);

a img{
	border: none;
}

hr{
	width: 360px;
}

#solicitud{
float:left;
margin-top:10px;
margin-bottom:5px;
}


#solicitud a{
font-size:16px;
color:#ffffff;
border-bottom:1px dotted #fff;
}


#solicitud a:hover{
text-decoration:none;
border-bottom:1px solid #fff;
}


body{
font-family:Arial, Helvetica, sans-serif;
background:#2A2A2A;
color:#FFFFFF;
margin:0px;
padding:0px;
font-size:12px;
height: 100%;
}


a{
	color:#fff;
}


a:hover{
	text-decoration:underline;
}


#wrapper{
	background:#3A3A3A;
	width:860px;
	height:100%;
	position:relative;
	margin:0 auto;
}


#page{
	width:770px;
	height:100%;
	position:relative;
	margin:0 auto;
}


#header{
	width:100%;
	height:107px;
	position:relative;
	border-bottom:1px solid #FF0000;
}

/**En caso de querer cambiar la ruta del logo, puede hacerlo desde aqui.
La ruta del logo se hace relativa a este archivo (por ejemplo, este archivo esta en css,
si el logo esta en css/img/logo.png, solamente pone como ruta img/logo.png) **/


#header #logo{
	/*Esta es la propiedad que se modifica para la ruta del logo */
	background:url(img/logo_ek.png);
	behavior: url(/iepngfix.htc);
	height:75px;
	width:309px;
	position:absolute;
	top:22px;
	left:10px;
}


#header #equitek{
	position:absolute;
	left: 65px;
	top: 50px;
	width: 87px;
	height: 26px;
	font-weight:bold;
	font-size:21px;
}


#header #slogan{
	position:absolute;
	left: 145px;
	top: 39px;
	font-size:18px;
	top:52px;
}


#header #slogan p{
	padding:0px;
	margin:0px
}


#header #texto{
	position:absolute;
	left: 405px;
	width: 363px;
	height: 69px;
	top: 16px;
	font-size: 11px;
}


#menu{
	position:relative;
	height:24px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	z-index:900;
}

#menu .opc a.top_parent{
	height:24px;
	line-height:24px;
	text-align:center;
	padding:5px 35px 5px 35px;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	z-index:901;
	float: left;
}


#menu .opc a.top_parent:hover{
	background:#666666;
}


#menu .sub1{
	text-align:left;
}


#menu .sub1 a.parent{
	background:#666666;
	width:160px;
	padding:5px 0px 5px 5px;
	z-index:900;
}


#menu .sub1 a.parent:hover{
	background:#999;
	color:#FFF;
	text-decoration:underline;
}


#menu .sub2 a{
	background:#999;
	width:300px;
	text-decoration:none;
	padding:5px 0px 5px 5px;
	z-index:903;
}


#menu .sub2 a:hover{
	background:#bbb;
	color:#FFF;
	text-decoration:underline;
}


#menu a{
	display:block;
	white-space:nowrap;
	margin:0;
	color:#fff;
	text-decoration:none;
}


#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	font-size: 11px;
}



#menu li li
{
	width:160px;
}


#menu li

{
	float:left;
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}


#menu ul ul
{
	width:140px;
	position:absolute;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
}


#menu ul ul ul
{
	top:0;
	left:100%;
	margin:-1em 0 0 -8px;
}

div#menu li:hover
{
	cursor:pointer;
}


div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}


div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

div#menu li:hover ul.ulSub1{
	left:0%;
	top:100%;
}

#content{
	height:100%;
	width:100%;
	padding:20px 0px 20px 0px;
	float:left;
}


#content #banner{
	text-align:center;
	padding:0px 0px 20px 0px;
}


#content #leftHome{
	width:364px;
	float:left;
	border-right:1px solid #727272;
	min-height:271px;
	padding:5px 20px 0px 0px;
}


#content #rightHome{
	width:365px;
	float:left;
	min-height:271px;
	padding:5px 0px 0px 20px;
}


#content #left{
	width:364px;
	float:left;
	border-right:1px solid #727272;
	min-height:550px;
	padding:5px 20px 0px 0px;
}


#content #right{
	width:365px;
	float:left;
	min-height:550px;
	padding:5px 0px 0px 20px;
}


#content #center{
	min-height:588px;
}


#afiliados{
	background:#FFFFFF;
	width:100%;
	float:left;

}

#afiliados a{
	color:#FFF;
}

#afiliados img{
	border:0;
}


#afiliados .imgAfil{
	float:left;
	width:100px;
	margin:8.5px;
	text-align:center;
}


#afiliados .linkAfil{
	height:100px;
}


#footer{
	clear:both;
	border-top:1px solid #FF0000;
	height:80px;
	width:770px;
	position:relative;
	text-align:center;
}


#delmes{
	color:#FFFFFF;
}


#delmes:hover{
	text-decoration:underline;
}


#footer .opc{
	color:#FFFFFF;
	padding:0px 32px 0px 32px;
	text-decoration:none;
	text-align:center;
	float:left;
	height:42px;
	line-height:42px;
	position:relative;
}


#footer .opc:hover{
	text-decoration:underline;
}


.equipoCh{
	float:left;
	clear:both;
	width:100%;
	height:100%;
	margin-bottom:10px;
}


.equipoCh a{
	color:#FFFFFF;
}


.equipoCh a:hover{
	color:#FF0000;
	text-decoration:underline;
}


.equipo{
	float:left;
	clear:both;
	width:100%;
	height:100%;
	border-top:1px dashed #B2B2B2;
	margin:15px 0px 15px 0px;
	padding:15px 0px 0px 0px;
}


.equipo a{
	color:#FFFFFF;
}


.equipo a:hover{
	text-decoration:underline;
}


.eqMes{
	float:right;
	margin:5px 5px 5px 7px;
}


.eq{
	float:right;
	margin:5px 50px 5px 100px;
}

.fecha{
	color:#FF0000;
	font-size:smaller;
	font-weight:lighter;
}


.notiFoot{
	position:relative;
	bottom:0%;
	right:0%;
	float:right;
}

#leftHome h2{
	font-weight:lighter;
}

.notiImg{
	float:left;
	margin-left:2px;
	margin-right:6px;
}

.equipo h1{
	font-weight:normal;
}

#despliegueCategorias a{
	color:#ffffff;
}

#despliegueCategorias a:hover{
	color:#ff0000;
}

a#a-solicitud{
	text-decoration:none;
	border-bottom:1px dotted #fff;
	margin-bottom:5px;
	font-size:14px;
}

a#a-solicitud:hover{
	text-decoration:none;
	border-bottom:1px solid #fff;
}

ul.paises{
	list-style: none;
	padding: 0;

}

ul.paises li{
	padding: 1px 50px 10px 50px;
}

ul.representantes li{
	font-weight: bold;
	padding: 1px 50px 10px 50px;
	text-transform: uppercase;
}

ul.representantes li a{
	text-decoration: underline;
}

ul.representantes li ul{
	list-style: none;
	padding: 0;
	display: none;
}

ul.representantes li ul li{
	margin: 0;
	padding: 5px 0;
	font-weight: normal;
	text-transform: none;
	
}

ul.representantes li ul li:before{
	content: "› ";
}

ul.representantes li ul li a{
	color:#CCCCCC;
}

ul.paises li.mx{
	background: url(img/mx.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.ni{
	background: url(img/nc.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.ca{
	background: url(img/ca.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.us{
	background: url(img/us.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.gt{
	background: url(img/gt.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.nc{
	background: url(img/nc.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.sv{
	background: url(img/sv.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.hn{
	background: url(img/hn.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.cr{
	background: url(img/cr.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.co{
	background: url(img/co.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.ve{
	background: url(img/ve.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.ec{
	background: url(img/ec.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.cl{
	background: url(img/cl.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.pt{
	background: url(img/pt.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.tr{
	background: url(img/tr.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.jp{
	background: url(img/jp.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.kr{
	background: url(img/kr.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.ar{
	background: url(img/ar.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.es{
	background: url(img/es.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.du{
	background: url(img/du.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.pe{
	background: url(img/pe.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.do{
	background: url(img/do.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul.paises li.pa{
	background: url(img/pa.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

ul#formulario{
	list-style: none;
	font-size: 11px;
	width: 364px;
	padding: 10px 0;
	margin: 0;
	float: left;
}

ul#formulario li{
	padding: 4px;
	width: 356px;
	margin: 1px 0;
	float: left;
}

ul#formulario li.error{
	background: #FFFFCB;
}

ul#formulario li.error label{
	color: #EB090B;
	padding: 5px 0;
}

ul#formulario li label{
	float: left;
	width: 100px;
}

ul#formulario li .input1{
	width: 240px;
	float: right;
}

ul#formulario li#ph label#lblPh{
	width: 60px;
	padding: 30px 0 0 0;
	text-align: left;
}

ul#formulario li#ph label{
	text-align: center;
	margin: 2px 0;
}

ul#formulario li#ph span#sp1{
	width: 60px;
	float: left;
	margin: 0 5px 5px 0;
}

ul#formulario li#ph #sp1 .input,
ul#formulario li#ph #sp1 label{
	width: 50px;
	float: left;
}

ul#formulario li#ph span#sp2{
	width: 60px;
	float: left;
	margin: 0 5px 5px 0;
}

ul#formulario li#ph #sp2 .input,
ul#formulario li#ph #sp2 label{
	width: 50px;
	float: left;
}

ul#formulario li#ph span#sp3{
	width: 101px;
	float: left;
	margin: 0 5px 5px 0;
}

ul#formulario li#ph #sp3 .input,
ul#formulario li#ph #sp3 label{
	width: 91px;
	float: left;
}

ul#formulario li#ph span#sp4{
	width: 60px;
	float: right;
}

ul#formulario li#ph #sp4 .input,
ul#formulario li#ph #sp4 label{
	width: 50px;
	float: right;
}


ul#formulario li#ref label{
	width: 70px;
	height: 20px;
	margin: 0 5px 0 0;
}

ul#formulario li#ref #ref1{
	float: left;
	width: 95px;
	margin: 5px 5px 5px 0;
}

ul#formulario li#ref #ref2{
	float: left;
	width: 95px;
	margin: 5px 0;
}

ul#formulario li#ref #ref3{
	float: right;
	width: 80px;
	margin: 5px 0;
}

ul#formulario li#int label#lblT{
	font-size: 15px;
	width: 143px;
	height: 60px;
	padding: 0;
	float: left;
}

ul#formulario li#int span{
	width: 105px;
	float: left;
}

ul#formulario li#int .chk{
	float: left;
}

ul#formulario li#int label{
	width: 80px;
	padding: 2px 0;
	float: right;
}

ul#formulario li#com label{
	width: 70px;
}

ul#formulario li#com .inputA{
	width: 280px;
	float: right;
	height: 80px;
}

ul#formulario li#val label{
	font-size: 15px;
	width: 143px;
	margin: 0 10px 0 0;
}

ul#formulario li#val span{
	width: 90px;
	float: left;
}

ul#formulario li#val #captcha{
	width: 80px;
	height: 20px;
	font-size: 14px;
	margin: 10px 0 0 0;
}

ul#formulario li#val input#enviar{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #666666;
	border: none;
	width: 105px;
	height: 65px;
	float: right;
}

#filosofia,
#valores,
#mision{
	display: none;
}

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height: 130%;
     text-align:center;
     z-index: 1000;
     background-image:url('http://equitek.com.mx/imagenes%20logos/back.png');
}

#overlay div {
     width:1024px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     color:black;
}