@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    font-family: 'pt_sansregular';
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#FFFFFF;
}
.menu_bar {
	display:none;
}
header{ 
width:100%;
height:100px;
position:absolute; 
background-color: #FFFFFF;
z-index:1000;
}
#wrapper{ position:relative; top:0px; width:100%;}
#wrapper2{ position:relative; top:0px; width:100%; height:300px;}
.logodiv{ float:left; margin-left:100px;}
.english {
  overflow: hidden;
  background-color: transparent;
  float:left;
  width:10%;
  height:20px;
  margin-left:40px;
  z-index:1001;
  border: solid thin #38C4F4;}
.topnav {
  overflow: hidden;
  background-color: #FFFFFF;
  float:left;
  width:46%;
  height:100px;
  margin-left:18%;
  }

.topnav a {
      font-family: 'pt_sansregular';
  font-weight:bold;
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 34px 4%;
  text-decoration: none;
  font-size: 20px;
}
.topnav a.link {
  float: left;
  display: block;
  text-align: center;
  padding: 0px 6px;
  text-decoration: none;
}
.topnav a:hover {
  color: #2c2f8a;
}
.topnav a:visited {
  color: #000000;
}
.active {
  color: black;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 19px;    
    border: none;
    outline: none;
    color: #77d2f7;
    padding: 32px 16px;
    background-color: inherit;
        font-family: 'pt_sansregular';
    font-weight:100;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  color: #A5A5A5;
  }

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.linkmenu{
	text-align:center;
	text-decoration:none;
	color:#A7A7A7;
	font-family: 'pt_sansregular';
	font-size:17px;
}
.divhome1{background:#f0f0f0; height:640px;}
.imghome{width:508px; height:270px;}
.imghome2{width:505px; height:331px;}
.imghome3{width:50px; height:40px;}
.imghome4{width:264px; height:40px;}
.imghome5{width:80px; height:158px;}
.derechos{ margin-right:40px;}
.espaciobanner{ height:100px;}
.imgservicio1{width:478px; height:393px;}
.imgservicio2{width:625px; height:414px;}
.imgpatrimonial1{ width:478px; height:393px;}
.h400{ height:400px;}

.grid50blu{ width:46%;float:left; margin-left:4%; text-align:center; height:400px;}

@media screen and (max-width: 1100px) {
.grid50blu{ width:100%;float:left; margin-left:0px; text-align:center; background:#2c308b; height:auto;}

.divhome1{background:#f0f0f0; height:auto; z-index:0;}
.imghome{width:100%; height:auto;}
.imghome2{width:100%; height:auto;}	
.imghome3{width:60%; height:auto;}	
.imghome4{width:60%; height:auto;}	
.imghome5{width:40px; height:58px; margin-left:300px;}
.derechos{ margin-right:4px;}
.comentarios{text-align: left; margin-left:0px; padding-top:10px;}
.espaciobanner{ height:10px;}
.imgservicio1{width:100%; height:auto;}
.imgservicio2{width:100%; height:auto;}
.imgpatrimonial1{width:100%; height:auto;}
.h400{ height:490px;}
	
header{
	width: 100%;
	height: 160px;
	position: relative;
	top: 0px;
	background-color: transparent;
	z-index: 1000;
}	
	.logodiv{ float:left; margin-left:10px;}

.topnav {
  overflow: hidden;
  background-color: transparent;
  width:100%;
  height:auto;
  margin-left:0px;
  margin-top:0px;
  }
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1300px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 1300px) {
.topnav.responsive {position: relative;
}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

a.logo {
	margin-top:0px;
  float: left;
  display: block;
  margin-left:6%;
  width:297px;
  height:149px;
  background-color:transparent;
}
.marginleft{margin-left:60px;}
.marginleftsubmenu{margin-left:0px;}
.titbannerc{
    font-family: 'pt_sansregular';
	font-size:2.4em;
	color:#FFFFFF;
	text-align: left;
	padding-left:50px;
}
.titbannerc2{
    font-family: 'pt_sansregular';
	font-size:2.9em;
	color:#FFFFFF;
	text-align: left;
	padding-left:50px;
	font-weight:bold;
}
.titbannerp{
    font-family: 'pt_sansregular';
	font-size:1.8em;
	color: #FFFFFF;
	text-align: left;
	padding-left:50px;
	margin-top:10px;
}
.titbannerpq{
    font-family: 'pt_sansregular';
	font-size:1.5em;
	color: #FFFFFF;
	text-align: left;
	padding-left:50px;
	margin-top:10px;
}
.titbannerd{
    font-family: 'pt_sansregular';
		font-size:1em;
		color:#59595c;
		text-align:left;
}
.titbanner{
	    font-family: 'AsapBold';
		font-size:2.2em;
		color:#59595c;
}
.titbanner1{
	    font-family: 'AsapBold';
		font-size:26px;
		color:#59595c;
}
.titbannerG{
	font-family: 'AsapBold';
	font-size: 1em;
	color: #59595c;
}
.titgris{
	font-family: "AsapBold";
	font-size: 2em;
	color: #464445;
}

.footer{ position:relative; background-color:#000000; float:right; width:100%; height:220px;}
.footer1{ width:12%; float:left;}
.txtfooter{ color:#FFFFFF;font-family: 'Open Sans', sans-serif; font-size:17px;}
.txtfooterbold{ color:#FFFFFF;font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:bold;}
.txtfooterch{ background:#676777; font-family: 'Open Sans', sans-serif; font-size:13px;}
.footer30{width:30%; float:left; margin-top:14px; font-size:.8em; color:#939395; text-align:left;}
.footer2{width:40%; float:left; margin-top:14px; font-size:.8em; color:#939395; text-align:center;}
.footer3{width: 30%;float: left;margin-top: 14px;font-size: .8em;color: #939395; text-align:right;}
.footer20{
	margin-top:20px;
	width: 14%;
	float: left;
	margin-left: 5px;
}
.footerredes{float:right;text-align:right; margin-right:7%;}

.main img {
    width: 100%;
}
h1{
    font-family: 'pt_sansregular';
    font-size: 42px;
	text-align:center;
	line-height:100px;
}

h2{
    font-family: 'pt_sansregular';
    font-size: 24px;
	font-weight:lighter;
}
h3{
    font-family: 'pt_sansregular';
    font-size: 18px;
	font-weight:lighter;
}
h4{
    font-family: 'pt_sansregular';
    font-size: 17px;
	margin-top:-10px;
	font-weight:lighter;
}
p{
    font-family: 'pt_sansregular';
	font-size: 18px;
	padding:30px;
	color:#5a5a5a;
}
.txtfoot{
	font-family:  'Open Sans', sans-serif;	
    font-size: 20px;
	text-align:left;
	margin-left:10%;
	}
.txtvideo{
    font-family: 'pt_sansregular';
	font-size: 12px;
	text-align: center;
	color: #9D9D9F;
	}
.blanco{
	color: #FFFFFF;
}
.morado{
	color: #762977 !important;
}
.gris{
	color: #5a5a5a;
}
.ptxt{
	text-align: left; 
	font-size:18px;
	line-height:30px;
}

.ptit{
	font-size:36px;
	text-align: left; 
	width: 80%;
}
/*ul{ list-style:disc;}
ul li {font-family: 'Open Sans', sans-serif;  text-align:left; width:90%;color:#000000; line-height:22px;}*/
.ptxt2{ font-family: 'Open Sans', sans-serif;  text-align:left; width:90%;color:#000000; line-height:22px;}
.ptxt2tit{ font-family: 'Open Sans', sans-serif; padding-left:12%; font-size:30px; font-weight:800; text-align:left; width:90%;color:#0e73b4; line-height:26px;}
.ptxt2tita{ font-family: 'Open Sans', sans-serif; padding-left:7%; font-size:30px; font-weight:800; text-align:left; width:100%;color:#0e73b4; line-height:26px;}
.ptxt2a{  font-family: 'Open Sans', sans-serif; padding-left:14%; padding-top:8%; text-align:left; width:90%;color:#000000; line-height:22px;}
.ptxt2b{ font-family: 'Open Sans', sans-serif; text-align:left; width:90%;color:#5a5a5a; line-height:22px;}
.ptxt2ul { padding-left:14%; text-align:left; width:75%;color:#59595c;}
.ptxt2blanco{ font-family: 'Open Sans', sans-serif; padding-left:16%; text-align:left; width:90%;color:#FFFFFF; line-height:22px;}
.ptxt2titblanco{ font-family: 'Open Sans', sans-serif; padding-left:16%; font-size:26px; font-weight:800; text-align:left; width:90%;color:#FFFFFF; line-height:26px;}
.ptxt2subt{  font-family: 'Open Sans', sans-serif; padding-left:12%; text-align:left; width:90%;color:#000000; line-height:26px; font-size:18px;}
.ptxt2subta{  font-family: 'Open Sans', sans-serif; padding-left:7%; text-align:left; width:90%;color:#000000; line-height:26px; font-size:18px;}
.ptxt2b{ font-family: 'Open Sans', sans-serif; padding-left:7%; text-align:left; width:100%;color:#000000; line-height:22px;}
.ptxt2subtb{  font-family: 'Open Sans', sans-serif; padding-left:7%; text-align:left; width:100%;color:#000000; line-height:26px; font-size:18px;}
.ptxt2titb{ font-family: 'Open Sans', sans-serif; padding-left:7%; font-size:30px; font-weight:800; text-align:left; width:100%;color:#0e73b4; line-height:26px;}

.ptxt1{ text-align:left; color:#59595c;}
.ptxtb{ text-align:left; color:#404042; font-weight:bold}
.ptxtbusqueda{ text-align:left; color:#404042; font-weight:normal; padding:10px; margin-left:7%;}

.subtitulo{ color:#2c2f8a; font-size:2.2em; font-family: 'Open Sans', sans-serif; }
.margenizq{padding-left:7%;}
.margenizqar{padding-left:8%;}
.margenizqdbl{padding-left:11%;}
.margenizq18{padding-left:22%;}
a.boton {
  text-decoration: none;
  background: #0e73b4;
  color: #FFFFFF;
  border: 1px outset #CCC;
  padding: 1em 1.8em;
  font-size:20px;
}
 
a.boton:hover {
  background: #CCB;
}
a.boton:visited {
  color: #FFFFFF;
}
 
a.boton:active {
  border: 1px inset #000;
}
.txtmed{
    font-family: 'pt_sansregular';
	font-size: .6em;
	text-align: left;
}
.txtgrande{ font-family:  'Open Sans', sans-serif;
font-size:1.2em;}
.txtchico{    font-family: 'pt_sansregular';
 font-size:.8em;}
.narrow{    font-family:  'Open Sans', sans-serif;}
.campos {  
    font-family: 'pt_sansregular';
    width: 100%; 
	font-weight:100;                /* anchura de campos de formulario */  
	font-size:1.2em;
	line-height:1.6em;
	padding-left:10px;
    color:#000;                 /* color del texto */   
    border: 1px solid #DFDFDF;        /* color del borde puede ser solid 贸 dotted */
	background: #DFDFDF;
} 
.camposcontacto {  
        font-family: 'pt_sansregular';
    width: 100%; 
	font-weight:100;                /* anchura de campos de formulario */  
	font-size:1.2em;
	line-height:1.6em;
	padding-left:10px;
    color:#233061;                 /* color del texto */   
    border-bottom: 3px solid #233061;        /* color del borde puede ser solid 贸 dotted */
	border-top:none; border-left:none; border-right:none;
} 

.menuitem {
    margin: 4.310344827586206896551724137931%;
    margin-left: 0;
    margin-top: 0;
    padding: 4.310344827586206896551724137931%;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

.main {
    padding: 2.0661157024793388429752066115702%;
}

.right {
    padding: 4.310344827586206896551724137931%;
    background-color: #FFFFFF;
}

.footerx{ position:relative; background-color:#000000; float:right; width:100%; height:auto;}


.gridcontainer {
    width: 100%; z-index:0;
	margin: 0px auto;
	position:relative;
}

.gridwrapper {
    overflow: hidden;
}

.gridbox {
  position:relative;  float: left; width:100%;
}

.gridheader {
    width: 100%;
}

.gridmenu {
    width: 23.481781376518218623481781376518%;
}

.gridmain {
    width: 65%;
	float:left;
}

.gridright {
    width: 25%;
	float:right;
	margin-right:8%;
}

.gridfooter {
    width: 88%;
    margin-bottom: 0;
}
.grid30{
	width: 5%;
	float: left;
}
.grid66{ width:66%;float:left;}

.grid33{ width:33%; float:left;}

.grid40{ width:38%; float:left;}
.grid40r{ width:40%; float:right;}
.grid50{ width:46%;float:left; margin-left:4%; text-align:center;}
.grid50r{ width:46%;float:right; text-align:center;}
.grid60{ width:60%;float:left;}

.grid32{ width:32%; float:left;}
.grid34{ width:34%; float:left;}
.grid14{ width:10%; float:left; text-align:center;}
.grid20{ width:25%; float:left; text-align:center;}
.slider{
	width:100%;
	float:left;
	}
.cuadros{
	width:30%; 
	height:30%;
	padding-left:2.8%
	}
.txtizq{
	margin-left:12%; text-align:center;
	}

	.mapa{ width:52%}
.direccion{ width:40%;}
.contacto2{
	position: relative; top: 0px; background-color: #e9f1fa; width:100%;height: 320px;}	
.contacto1{
	position: relative; top: 0px; background-color: #f5f9fc; width:100%;height: 320px; z-index:1;}
.width100{width:100%;}	
.width90{width:80%; margin-left:8%;}		
.width66{width:69%;}	
.width16{width:16%;}	
.width18{width:18%;}	
.width60{width:60%;}	
.width38{width:30%;}	
.width30{width:30%;}
.width8{width:6%;}		
.width79{width:79%;}		
.width48{width:48%;}		

.redes{position:absolute; float:left; top:3%; right:7%; z-index:1001; background-color:transparent; }
.fotoluis{text-align:center; padding-top:40px; padding-bottom:20px; margin-right:5px; margin-left:4%}

.Collage{
/* define how much padding you want in between your images */
 padding:10px;
}
.Collage img{
/* ensures padding at the bottom of the image is correct */
 vertical-align:bottom;
/* hide the images until the plugin has run. the plugin will reveal the images*/
 opacity:0;
}

.mygallery{
	background:none;
	}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	left: 8px;
	width: 98%;
	height: 580px;
	z-index: 10;
	background: none;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 13px;
	top: 20px;
	background: none;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px; /*margin around each panel*/
	width: 78%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	background: none;
}

.bibliografiahome{padding:8px; background: #d3dadc;height:227px;}
.fotobibliografia{ padding:20px;background: #d3dadc; height:203px; }
.fotobibliografia2{padding-left:26px;}
.marginleft18{margin-left:18%;}
.youtube{ padding:20px;background: #FFFFFF; height:215px; margin-left:2%;}
.footerleft{margin-left:4.5%;}
.marginleft16{margin-left:16%;}
.marginleft6-6{margin-left:6.6%}
.arttitulo{width:52%; float:left; background:#FFFFFF; padding-top:18%}
.artfoto{width:46%; float:left;}
.widht556{width:556px;}		
.especial{ display:none;}
.espacioblanco{height:85px;}
#espinicio{ height:0px;}
.imgg{ width:80%; height:96%;}
.imgga{width:400px; height:520px;}
.vermasizq{position:relative; bottom:80px; float:right; right:-140px;}
.imglarga{ width:1022px; height:266px;}
.residencial{position:relative; width:100%; background:#f3f3f3; height:420px;}
.corp{position:relative; width:100%; background:#f3f3f3; height:420px;}
.capacitacion{width:340px; height:332px;background:#ED0E12; position:relative; left:80px; top:150px;}
.vehiculos{width:340px; height:332px;background:#ED0E12; position:relative; left:80px; top:70px;}
.nosotros{position:relative; width:100%; background:#f3f3f3; height:420px;}
.mision{position:relative; float:left; width:30%;  margin-left: 2%; height:260px;}
.vision{position:relative; float:left; width:30%;  margin-left: 3%; height:260px;}
.principios{position:relative; float:left; width:30%;  margin-left: 3%; height:260px;}
.backnosotros{width:100%; height:1509px; background:url(images/nosotros/fondoNosotros.jpg) no-repeat; background-size:cover;}
.espacio{ height:10px;}
.contacto{width:400px; height:332px;background:#000000; position:relative; left:80px; top:0px;}
.telefono{background:#F20D11; height:50px; width:40%; margin-left:20%;}
a.tel{ color:#FFFFFF;}
a:visited.tel{ color:#FFFFFF;}
.divheader{width:98%; margin:0 auto;}
.redes{ text-align:right; margin-top:20px;}
.avisofooter{width:90%; float:right;}
.prod1{position:relative; float:left; width:50%; background:#cae0f1; height:400px;}
.prod2{position:relative; float:left; width:50%; background:#e5f0f9; height:400px;}
.imgprod1{position:relative; float:left; width:50%; background:#FFFFFF; height:400px; text-align:center;}
.prod1a{position:relative; float:left; width:50%; background:#cae0f1; height:580px;}
.prod2a{position:relative; float:left; width:50%; background:#e5f0f9; height:580px;}
.prod1aa{position:relative; float:left; width:50%; background:#cae0f1; height:830px;}
.prod2aa{position:relative; float:left; width:50%; background:#e5f0f9; height:910px;}
.imgprod1a{position:relative; float:left; width:50%; background:#FFFFFF; height:580px; text-align:center;}
.comentarios{text-align: right; padding-left:20px;}
.telefonodiv{ text-align:right;}
	.info{margin-top:0px;text-align:left; background:#676777;}
.imgtelefono{margin-right:60px;}

.height70{ height:70px;}
.avisodiv{ margin-right:0px; text-align:right;}
.servicios1{ display:inline;}
.servicioson{ display:none;}
.gris{ background:#f0f0f0;}
.azul{ background:#2c308b;}
.azul2{ background:#4b4da0;}
.tnegro{ color:#000000;}
.tazul{ color:#2c308b;}
.cel{display:none;}
.imgbt{display:inline;}
@media screen and (max-width:1100px) {
	.servicioson{ display:inline;}
.servicios1{ display:none;}
.grid50{ padding-top:20px;}
.cel{display:inline;  margin-left:5%;}
.imgbt{display:none;}
.campos {  
    width: 90%;
} 
.avisodiv{ margin-left:4px; text-align:left;}
	.info{margin-top:20px;text-align:left; background:#676777;}
.height70{ height:140px;}
.telefonodiv{ text-align:left; }
.imgtelefono{margin-right:0px;}
	.comentarios{text-align: center; padding-left:0px; width:40%;}
	.imgprod1{ position:relative; float:left; width:100%; background:#FFFFFF; height:340px; text-align:center;}
.prod1{position:relative; float:left; width:100%; background:#cae0f1; height:480px;}
.prod2{position:relative; float:left; width:100%; background:#e5f0f9; height:480px;}
	.imgprod1a{ position:relative; float:left; width:100%; background:#FFFFFF; height:440px; text-align:center;}
.prod1a{position:relative; float:left; width:100%; background:#cae0f1; height:700px;}
.prod2a{position:relative; float:left; width:100%; background:#e5f0f9; height:700px;}
.prod1aa{position:relative; float:left; width:100%; background:#cae0f1; height:900px;}
.prod2aa{position:relative; float:left; width:100%; background:#e5f0f9; height:1000px;}
.avisofooter{width:90%; float:left; padding:4px;}
.divheader{width:100%; margin:0 auto;}
	.backnosotros{width:100%; height:1509px; background: none;}
	.imgnosotros{ position:relative; float:left; width:100%; height:220px; background:url(images/nosotros/fondoNosotrosCEL.jpg) no-repeat; background-size: contain;}
.telefono{background:#F20D11; height:50px; width:96%; margin-left:2%;}
	#wrapper{ position:relative; top:0px; border: solid thin #FFFFFF;}
.residencial{position:relative; width:100%; background:#f3f3f3; height:500px;}
.corp{position:relative; width:100%; background:#f3f3f3; height:640px;}
.capacitacion{width:340px; height:332px;background:#ED0E12; position:relative; left:5px; top:15px;}
.vehiculos{width:340px; height:332px;background:#ED0E12; position:relative; left:5px; top:15px;}
.nosotros{position:relative; width:100%; background:#f3f3f3; height:800px;}
.mision{position:relative; float:left; width:100%; background:#FFF;	margin-left: 0px; height:360px;}
.vision{position:relative; float:left; width:100%; background:#FFF;	margin-left: 0px; height:360px; margin-top:4px;}
.principios{position:relative; float:left; width:100%; background:#FFF;	margin-left: 0px; height:360px; margin-top:4px;}
.contacto{width:340px; height:332px;background:#000000; position:relative; left:0px; top:0px;}

.espacio{ height:80px;}
.imgg{ width:100%; height:auto;}
.imgga{ width:100%; height:auto;}
.imgprod{ width:100%; height:auto;}

.imglarga{ width:100%; height:auto;}

#espinicio{ height:90px;}
.espacioblanco{height:30px;}
.especial{display: block;
		border-bottom:1px solid #00adef;
}

.marginleft16{margin-left:1%;}

	
	.menu_bar {
		width: 100%;
		background:#FFFFFF;
		display: block;
		position: fixed;
		top:0;
		z-index:9000 !important;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 0px;
		color: #717171;
		overflow: hidden;
		font-size:14px;
		font-weight:bold;
		text-decoration: none;
		width:99%;
	}

	.menu_bar span {
		float: right;
		font-size: 20px;
	}

a.logo {
	margin-top:1px;
  float: left;
  display: block;
  margin-left:1%;
  width:200px;
  height:110px;
  background-color:transparent;
}	
.marginleft{margin-left:0px;}
.marginleftsubmenu{margin-left:0px;}

    .gridmenu {
        width: 100%;
    }

    .menuitem {
        margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
    }

    .gridmain {
	width: 100%;
	height: auto;
    }

    .main {
        padding: 1.0121457489878542510121457489879%;
    }

    .gridright {
        width: 100%;
	float:right;
	margin-right:0px;		
    }

    .right {
        padding: 1.0121457489878542510121457489879%;
    }

    .gridbox {
        margin-right: 0;
        float: left;
    }
h1{	
    font-family: 'pt_sansregular';
    font-size: 20px;
	color:#FFFFFF;
}

h2{
        font-family: 'pt_sansregular';
	font-size: 18px;
	color:#FFFFFF;
}
.slider{
	width:100%;
	float:left;}

.cuadros{
	width:380px; 
	height:342px;
	padding:1%
	}
.ptxtpq{
	font-size:12px;}
.titpq{
	font-size:18px;}
.contacto2{
	position: relative; top: 0px; background-color: #e9f1fa; width:100%;height: 560px;}	
.contacto1{
	position: relative; top: 0px; background-color: #f5f9fc; width:100%;height: 560px;}	
.imgclientech{
	width:90px;
	height:57px;
	margin-left:6%;}
	.clientelogos{
	height:160px;}
.mapa{ width:100%;}
.direccion{width:100%;}
.width66{width:100%;}	
.width16{width:100%;}	
.width18{width:100%;}	
.width30{width:100%;}	
.width90{width:100%;}		
.width79{width:100%;}	
.width48{width:100%;}
.widht556{width:100%;}		
	
.fotoluis{text-align:center; padding-top:40px; padding-bottom:20px; margin-right:5px; margin-left:4%; float:left; width:100%;}
.margenizq20{ margin-left:30px;}
.grid33art{ width:80%; float:left;}
.mygallery{ display:none;	}
.stepcarousel{
	display:none;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px; /*margin around each panel*/
	width: 50%; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	background: none;
		height: 500px;

}
.bibliografiahome{padding:10px; background: #d3dadc;height:227px;}
.fotobibliografia{ padding:1px;background: #d3dadc; height:203px; float:left; }
.fotobibliografia2{padding-left:0px;}
.youtube{ padding:0px;background: #FFFFFF; height:215px; margin-left:0px;}
.grid30{width: 100%;float: left;}
.grid70{ width:100%;float:left;}
.grid33{ width:100%; float:left;}
.grid40{ width:100%; float:left; margin-left:-20px;}
.grid50{ width:50%; float:left; margin-left:0px;}
.grid60{ width:100%;float:left;}
.grid66{ width:100%;float:left;}
.grid32{ width:100%; float:left;}
.grid34{ width:100%; float:left;}
.grid20{ width:100%; float:left;}
.grid14{ width:100%; float:left;}
.grid29{ width:100%; float:left;}
.grid50r{ width:100%;float:left;}
.vermasizq{position:relative; bottom:80px; float:right; right:0px;}

.footer{ background:#000000; height:600px;}
.redes{ text-align:left;}
.footer20{
	width: 100%;
	float: left;
	margin-left: 5px;
}
.footerleft{margin-left:5px;}
.marginleft18{margin-left:5px;}
.footer1{width:100%; float:left; margin-top:14px; font-size:.8em; color:#939395;text-align:left;}
.footer2{width:100%; float:left; margin-top:14px; font-size:.8em; color:#939395;text-align:left;}
.footer3{width: 100%;float: left;margin-top: 14px;font-size:.8em;color: #939395; text-align:left;}
.footerredes{float:left;text-align:left; margin-left:5px;}
.ptxt{
	text-align: left;
	width: 80%;
}
.ptit{
	font-size:34px;
	text-align: left;
}
.margenizqdbl{padding-left:10px;}
.width60{width:100%;}	
.marginleft6-6{margin-left:5px;}
.arttitulo{width:100%; float:left; background:#FFFFFF; padding-top:8%}
.arttitulo1{width:100%; float:left; background:#FFFFFF; padding-top:2%}

.artfoto{width:100%; float:left;}
.margenizq18{padding-left:20px;}
.txttabla{font-size:14px;}
.titbannerc{
    font-family: 'pt_sansregular';
	font-size:1em;
	color:#FFFFFF;
	text-align: left;
	padding-left:5px;
}
.titbannerc2{
    font-family: 'pt_sansregular';
	font-size:1em;
	color:#FFFFFF;
	text-align: left;
	padding-left:50px;
	font-weight:bold;
}
.titbannerp{
    font-family: 'pt_sansregular';
	font-size:.6em;
	color: #FFFFFF;
	text-align: left;
	padding-left:5px;
	margin-top:5px;
}
.titbannerpq{
    font-family: 'pt_sansregular';
	font-size:.6em;
	color: #FFFFFF;
	text-align: left;
	padding-left:5px;
	margin-top:5px;
}
.ptxt2{ font-family: 'Open Sans', sans-serif; padding:3%; text-align:left; width:100%;color:#000000; line-height:22px;}
.ptxt2tit{ font-family: 'Open Sans', sans-serif; padding-left:1%; font-size:26px; font-weight:800; text-align:left; width:100%;color:#0e73b4; line-height:26px;}
.ptxt2subt{ font-family: 'Open Sans', sans-serif; padding-left:1%; text-align:left; width:100%;color:#000000; line-height:24px;}

}
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
	    font-family: 'pt_sansregular';
    width: 70%;
    background-color: #555;
    color: #DDDDDD;
	line-height:1em;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 22%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 90%;
  position: relative;
  float:right;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
z-index:1001;
}
/* Inner */
.popup-inner {
max-width:900px;
margin-top:50px;
width:90%;
padding:10px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:none;
}
/* Close Button */
.popup-close{
width:30px;
height:30px;
padding-top:4px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
transition:ease 0.25s all;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:20px;
text-align:center;
line-height:100%;
color:#000000;
}
.popup-close:hover {
-webkit-transform:translate(50%, -50%) rotate(180deg);
transform:translate(50%, -50%) rotate(180deg);
background:rgba(0,0,0,1);
text-decoration:none;
}

a.txtfooterch:visited{color:#FFFFFF;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	    font-family: 'pt_sansregular';
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 8px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* The Close Button */
.close1 {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}/* The Close Button */
.close2 {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close2:hover,
.close2:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* The Close Button */
.close3 {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close3:hover,
.close3:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* The Close Button */
.close4 {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close4:hover,
.close4:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 12px 16px;
    background-color: #0e73b4;;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 12px 16px;
    background-color: #0e73b4;;
    color: white;
}
.slider-wrapper { 
	width: 100%; 
	margin: 0 auto;
}