@charset "utf-8";
a:hover{text-decoration:none; color:inherit}
*:focus{text-decoration:none !important; outline:none !important}
li{list-style: outside none none; padding:0}
ul{padding:0}
h1{font-family:"Century Gothic", sans-serif; color:#fff; text-align:center; font-size:45px; margin:0 auto}
input[type=checkbox], input[type=radio] { 
    vertical-align: middle; 
    position: relative; 
    bottom: 3px;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#494949;
	background:#fff url(../images/bgTop.png) 0 0 repeat-x;
	min-width:1020px;
	margin:auto
	
}
.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}
.container{width:1020px; margin:auto; line-height:23px; text-align:justify; font-size:inherit; position:relative; padding:0 15px}
.container:before,
.container:after{display:block; content:""; clear:both;}

#header{width:100%; height:146px;}
#header .container{padding:0 15px;}

#logo{position:relative; display:block; text-align:center; width:302px}
#logo a{display:block; width:inherit; height:inherit;}
#logo img{display:block; margin:0}


/*==================     ToTop     ======================*/
a.toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  right: 40px;
  bottom: 50px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  z-index: 20; opacity:.75 }
a.toTop:hover,
a.toTop:active {color: #fff;
    text-decoration: none; opacity:1 }
a#toTop
a#toTop .fa{color:#FFF !important;}
a.toTop:after{
	position:absolute; display:block; content:"";width: 40px;  height: 40px; z-index:-1;background: #000;
	position: fixed;
  right: 40px;
  bottom: 50px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
a.toTop:hover{background:#000}
a.toTop:hover:after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
}
.mobile .toTop,
.tablet .toTop {
  display: none !important; }


/*========================   Menu   ==========================*/
#header .nav{text-align:center; height:58px; line-height:58px; position:absolute; right:15px; top:65px; text-align:right; background:rgba(255,255,255,0.15)}
.sf-menu {text-align: center; height:inherit;  margin:auto; display:inline-block; }
.sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
.sf-menu:after {
    clear: both; }
.sf-menu > li {position: relative; height:inherit; display:block;padding:0; float:left}
.sf-menu > li > a {position: relative;display: block; cursor:pointer; font-family:"Century Gothic", sans-serif; font-size:20px;
  color: #fff;
  min-width:96px;
  padding: 0 30px;
  display:block; height:inherit; line-height:inherit;
  overflow:hidden;
}
.sf-menu > li > a span{padding-top:10px; line-height:normal; height:auto; display:block}
.sf-menu > li > a em{display:block; font-size:14px; text-align:center; line-height:normal; height:auto; font-style:normal}
.sf-menu > li:before{display:block; content:""; position:absolute; right:0; top:24px; height:15px; width:1px; background:#5a6896; background:rgba(255,255,255,0.20); z-index:1}
.sf-menu > li.mnu2 a span{line-height:18px}
.sf-menu > li.padding:before,
.sf-menu > li.third:before{display:none}
.sf-menu > li.padding{width:20%}
.sf-menu > li.last{margin-right:0; padding-right:0}
.sf-menu > li a:hover,
.sf-menu > li.active a{text-decoration:none; background:url(../images/hover.png) center 90% no-repeat;}
.sf-menu li.last{padding-right:0;}
.sf-menu li.last:before{display:none}


#tels{position:absolute; top:25px; left:350px; color:#FFF; font-family:Verdana, sans-serif; font-size:12px;}
#tels .fa{font-size:18px; margin-right:3px; position:relative; top:2px}
#emails{position:absolute; top:25px; left:515px; color:#FFF; font-family:Verdana, sans-serif; font-size:12px;}
#emails .fa{font-size:18px; margin-right:3px; position:relative; top:2px}

/*Redes*/
#redes{top:25px; position:absolute; right:15px}
#redes a{
	display:block;float:left;
	width:24px;
	height:23px;
	opacity:1;
	text-align:center; color:#FFF; font-size:17px; height:inherit; line-height:22px; margin-left:5px;
}
#redes a.tw{background:#2aa9e0; border:solid 1px #2aa9e0;}
#redes a.fb{background:#204385; border:solid 1px #204385;}
#redes a.yt{background:#ff1920; border:solid 1px #ff1920;}


#redes a.fb:hover{background:#fff; color:#204385;}
#redes a.tw:hover{background:#fff; color:#2aa9e0;}
#redes a.yt:hover{background:#fff; color:#ff1920;}

.Idiomas{position:absolute; top:25px; right:163px;}
.Idiomas a{display:inline-block; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; background:url(../images/us.png) 0 0 no-repeat; padding-left:29px; line-height:14px; margin-right:13px}
.Idiomas a + a{background-image:url(../images/mx.png);}



#footer{
	text-align:center;
	font-size:11px;
	color:#FFF;
	background:#3551cc;
	line-height:16px;
	font-family:Arial, sans-serif;
}
#footer .container{padding-top:25px; padding-bottom:25px; font-family:inherit; font-size:inherit}
#footer .tfooter{
	color:#FFF;
	line-height:16px;	
	text-align:center;
}
#footer #powered {
	color:#FFF; 
    line-height: 16px;
    margin: 0 auto 0;
    width: auto;
	text-align:center;
}
#footer a{	
	color:#FFF;	
}
#footer #powered a{background: url(../images/iconGlobal.png) no-repeat center left;padding:3px 0 3px 20px}
#footer a:hover{
	text-decoration:underline;
}
#footer #powered a{color:#FFF;}
/*Footer*/

p.error input,
p.error textarea{border:solid 1px #FF4C4F !important}

img.last{margin-right:0 !important; float:right !important}
p.general{font-size:16px; color:#606060; font-family:Arial, Helvetica, sans-serif;}
.images:before{display:block; content:""; clear:both}
section.container{color:#606060; font-family:Arial, Helvetica, sans-serif;}
figure img{display:block; width:100%;}
#main{position:relative;  overflow:hidden; padding:10px 0 0}
h1{text-align:center; position:relative; line-height:normal; overflow:hidden; color:#fff; font-size:31px; padding:0; margin:0; font-family:"Century Gothic", sans-serif;  background:#3551cc; height:45px; line-height:43px; font-weight:normal}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row{margin:0 -15px;}
.row:before,
.row:after{display:block; content:""; clear:both}
.col-2{width:18%; float:left; padding:0 15px}
.col-3{width:25%; float:left; padding:0 15px}
.col-4{width:33.3333%; float:left; padding:0 15px}
.col-5{width:41.6666%; float:left; padding:0 15px}
.col-6{width:50%; float:left; padding:0 15px}
.col-7{width:58.3333%; float:left; padding:0 15px}
.col-8{width:66.6666%; float:left; padding:0 15px}
.col-9{width:73%; float:left; padding:0 15px}
.col-12{width:100%; float:left; padding:0 15px}
.col-4 .padding{background:#e2701a; padding:22px 24px 0;}
.pl45{padding-left:45px}
.pl60{padding-left:60px}
.pad13{padding:12px 0}
figure.sombra img{min-height:24px}
figure img.maxw424{max-width:424px}
figure img.maxw398{max-width:398px}
figure img.maxw634{max-width:634px}
.text-left{text-align:left}


#pagInicio #main .container{line-height:18px}
.w475{width:475px}
.w530{width:530px; padding:0; position:relative}
#pagInicio #main .container .derIni{font-size:12px; color:#FFF; text-align:center; line-height:14px; width:265px; padding-top:20px; position:absolute; top:0; left:0;font-family:"Century Gothic", sans-serif;}
#pagInicio #main .container .derIni div{padding:0 15px 25px; text-align:justify}
.w475 strong{font-weight:normal; color:#39556e;}
#pagInicio h1{margin-bottom:15px}
.listas li{display:block; background:url(../images/inicio/li.png) center left no-repeat; padding-left:15px; margin-bottom:18px}
.imgPlan{background:#000; min-height:50px; position:relative; margin-bottom:15px}
.imgPlan img{display:block; margin:auto; padding:3px 0}
.imgPlan div{position:absolute; font-family:Arial, sans-serif; font-size:14px; color:#d8d3d3; width:238px}
.imgPlan .izq{top:65px; left:35px}
.imgPlan .der{top:14px; right:35px}
.niveles h2{font-size:18px; color:#bc0109; text-align:center}
.hidden{display:none}
.diag1{background:url(../images/inicio/diag1.jpg) center top no-repeat; min-height:35px;}
.diag1 h3{display:block; text-align:center; color:#FFF; padding:0; margin:0 0 40px; line-height:202px; height:160px; font-family:"Century Gothic", sans-serif; font-size:31px; font-weight:normal}
.imgIzq{display:block; float:left}
.textDer{float:right; width:510px; padding-top:15px}
.imgDer{display:block; float:right}
.textIzq{float:left; width:510px; padding-top:20px}
.imgAfter:before{display:block; content:""; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%;}


/*Contacto*/
#pagContacto .textContacto{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#7c7b7c; padding:0 0 20px}
#frmContacto{line-height:20px; margin:0 15px; font-family:Verdana, Geneva, sans-serif; background:#FFF}
.lblc1{padding:20px 50px 20px 35px; font-family:Verdana, sans-serif; color:#949494; font-size:14px}
.mailsTels{font-family:Verdana, sans-serif; font-size:14px; color:#616161; padding:0 0 20px; margin:0}
.mailsTels:before,
.mailsTels:after{display:block; content:""; clear:both}
.mailsTels div{float:left}
.mailsTels .fa{color:#213070; font-size:190%; position:relative; top:3px}
.mailsTels div + div{margin-left:210px}
.mailsTels div + div + div{margin-left:0; float:right}
#frmContacto .row{margin:0 -4px}
#frmContacto .row div[class*="col"]{margin:0 4px 2px; padding:0}

#frmContacto p input, 
#frmContacto p textarea, 
#frmContacto p label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#949494;
	font-weight:normal
}
#frmContacto p { position: relative; margin: 0 0 4px; float:left; padding:0 3px; box-sizing:border-box}
#frmContacto p label { position: absolute; top: 10px; left: 18px; cursor:text; line-height:18px;}
#frmContacto p br {display: none;}

#frmContacto p input, #frmContacto p textarea{
	border:solid 1px #dadada;
	width: 100%;
	padding: 11px 0 10px 15px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#frmContacto p.textarea{
	width:100%;
	margin-left:0;	
}
#frmContacto p.textarea textarea{height:88px; margin-bottom:10px}


#frmContacto .cntChkbox{padding:14px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696969}
#frmContacto .cntChkbox:before,
#frmContacto .cntChkbox:after{display:block; content:""; clear:both;}
#frmContacto .cntChkbox #lbl{color:#696969; font-size:11px; text-align:center; padding-right:10px}
#frmContacto .cntChkbox #chk{text-align:center; width:90%}
#frmContacto .cntChkbox label{color:#696969; font-weight:normal; font-size:12px}

#frmContacto .btnContact{text-align:center; padding-bottom:40px !important}
#frmContacto input[type=submit],
#frmContacto input[type=reset]{display:inline-block; height:42px; width:82px; margin:8px 0 0; background:#0000cc; color:#FFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#frmContacto input[type=submit]:hover,
#frmContacto input[type=reset]:hover{opacity:.8}
#frmContacto .error input,
#frmContacto .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}