@charset "utf-8";
/* CSS Document */

@media screen and (max-width:4500px) and (min-width:2501px){
	.logo05 {
    position: fixed;
    width: 150px;
    margin-left: 47% !important;
    z-index: 11;
}
}


.face a{ width:100%; margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/face.jpg) no-repeat;}
.face a:hover{background:url(../image2/face2.jpg);}

.in a{ width:100%;  margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/in.jpg) no-repeat;}
.in a:hover{background:url(../image2/in2.jpg);}

.twi a{ width:100%;  margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/twiter.jpg) no-repeat;}
.twi a:hover{background:url(../image2/twiter2.jpg);}



body{ }

.redesociales{ position: absolute; width:30px; margin-left:90%; margin-top:200px}
.redesociales img{ margin-bottom:5px;}

.banner{
	width:100%;height:950px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
	.try {
    position: absolute;
    width: 100%;
    z-index: 1;
    margin-top: -150px !important;
}

@media screen and (max-width:2500px) and (min-width:1851px){
	

	.banner{
height:850px;

	
	}
}



@media screen and (max-width:1850px) and (min-width:1751px){
	.banner{
height:750px;

	
	}
}

@media screen and (max-width:1750px) and (min-width:1550px){
	.banner{
height:720px;

	
	}
}

@media screen and (max-width:1550px) and (min-width:1367px){
.banner{
	width:100%;height:630px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
}

	
	@media screen and (max-width:1366px){
		.banner{
	width:100%;height:520px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
}









.slider{ width:100%; height:100%; }

.banner01{
width:100%;height:367.5px;max-width:100%;overflow:hidden;
border:none;padding:0;margin:0 auto;display:block;
}

.idiomas{
	position:fixed;
	 width:3%;
	 height:53px;
	 border-bottom-left-radius:5px;
	 border-top-left-radius:5px;
     background:#fff;
	 margin-left:97%;
	 z-index:10;
-webkit-box-shadow: -2px 1px 3px #999;
  -moz-box-shadow: -2px 1px 3px #999;
  margin-top:20px;
}

.banderaes{ width:70%; margin:auto; margin-top:1px;}
.banderaes img{ width:100%; height:auto}
.banderaen{ width:70%; margin:auto; margin-top:6px;}
.banderaen img{ width:100%; height:auto}

.superior{ width:100%; float:left; height:auto}
.superior h2{ padding-top:0px; padding-bottom:6px; margin:0px}
.superior h3{ padding-top:4px; padding-bottom:4px}
.superior p{ padding-top:2px; padding-bottom:6px}
.empaque{ float:left; width:50%;}
.peso{ float:left; width:50%;}
.detalle{ width:80%; margin:auto; margin-top:-15px}
.titu{ margin-top:15px; margin-bottom:6px; padding-top:7px; padding-bottom:7px;  }

.titu2{ font-weight:bold; height:35px; background:#F0F0F0;
 border-bottom:1px #C7C7C7 solid; padding-top:9px; 
 border-top:1px #C7C7C7 solid;
}

.txtt2{ font-weight:normal; height:35px; 
 border-bottom:1px #E9E9E9 solid; padding-top:9px; padding-bottom:3px;
 border-top:1px #E9E9E9 solid;
}


body{ margin:0px; background: url(../imagenes/fondo.jpg) fixed;}





.menu-01{ width:100%; background: rgba(0,0,0,0.58);
 position: fixed; z-index:5; 
-webkit-box-shadow: -1px 11px 22px -11px rgba(0,0,0,0.48);
-moz-box-shadow: -1px 11px 22px -11px rgba(0,0,0,0.48);
box-shadow: -1px 11px 22px -11px rgba(0,0,0,0.48);

}

.cabecera{ width:100%; max-width:1120px; margin:auto; display:table}

.logo{ width:100%; max-width:330px; height:auto; float:left; margin-top:10px; padding-bottom:10px}
.logo img{ width:100%;  height: auto}

.logo89 img{ margin-top:10px}

.izquierda{ width:25%; float:left}
.derecha{ width:75%; float:left}
.pie-pagina{ width:100%; background:#fff url(../image2/pie.jpg) center top repeat;

 min-height:350px; margin-top:0px;
 
 position:absolute; z-index:1
}
 .menu-bajo{ width:100%; max-width:1100px; margin:auto; display:table}
 .menu-b{ width:100%;  margin:auto; display:table; background:rgba(255,255,255,0.40); padding-top:10px; padding-bottom:10px}
 .menu-c{ width:100%;  margin:auto; display:table; padding-top:10px; padding-bottom:10px;
color:#fff; text-align:center;  font-size:13px;}

.menu-bajo a{ font-size:13px; font-weight:bold; color:#585858; text-decoration:none;

margin-left:10px; margin-right:10px}
.menu-bajo a:hover{ color:#161616;}

.contenido{
	 max-width:1100px; margin:auto; width:100%;
	 background:#fff; display:table

 }
 
 
.top{ width:100%; height:auto; float:left; color:#fff;
 background:#fb2112; border:1px solid #ECECEC; padding:7px; padding-left:10px; font-size:12PX;}
 .top2{ 
 width:100%; 
 height:auto; 
 float:left;
  color:#6F6F6F;
 background:#fff;
  border:1px solid #ECECEC; 
 padding:7px;
  padding-left:10px; 
 font-size:12PX;
  margin-bottom:5px;}
  

  
   .top2 a img{  opacity:1; transition:0.2s}
   
   .top2 a:hover img{  opacity:0.7; transition:0.2s}
  

  
 .top2 input{ width:100%; height:auto; padding:5px; margin-bottom:2px;}
.top2 #acepto{ width:20px;}
 
 
 
 
 
 .conte01{ width:75%; float:left; padding:20px;
 text-align:justify}
 .modulo01{ width:25%; float:left; padding:10px;}
 
 .conte01 p{ color:#2B2B2B; font-size:15px}
  .conte01 h2{ color:#2B2B2B; border-bottom:1px solid #E70001; margin-bottom:10px}




.imgen-top{ width:100%; height:80px; background:url(../imagenes/sliimagen6.jpg) top; }
.imgen-top h2{ text-align:center; 
 font-size:30px; color:#fff; padding-top:20px}
.es{ width:100%; display:table; height:100px;}
.cont-txt{width:100%; max-width:1100px; margin:auto; min-height:300px;
background:rgba(255,255,255,0.80); border:rgba(245,245,245,1.00) 1px solid; border-radius:5px;


margin-top:20px;
-webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
}

.cont-txt00{
	width:97%; display:table; 
min-height:300px; margin:auto; margin-top:10px;
 font-size:14px; color:#5E5E5E; text-align:justify}

.cont-txt00 h2{color:#63afdd; margin-top:20px}
.cont-txt00 h1{color:#63afdd; }
.linea{ width:100%; background:#63afdd; height:3px; margin-bottom:5px}
.imgnosotros{ float:right; margin-left:10px; width:250px; height: auto}

.marcas img{ width:auto; height:80px; margin-left:5px; margin-right:5px}

.pro{ width:50%; height:auto; display: table; margin-top:20px; margin-bottom:20px; float:left}
.p1{ width:50%; float:left; margin-bottom:10px;}
.m1{ width:90%; margin:auto; min-height:100px; border:1px #EBEBEB solid}
.m1 img{ width:97.5%; height:auto; margin-top:3px; margin-left:3px; opacity:0.8}
.m1 img:hover{opacity:1}
.txt1{ width:90%; margin:auto ; text-align:center}

.formulario{ width:100%; height:auto; display: table; margin-top:20px; margin-bottom:20px}
.pp1{ width:50%; float:left}
.pp1 input{
	font-size:13px;
	 width:80%; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
	 
	 .pp1 #submit{color:#fff; background:#63afdd}
	 .pp1 #submit:hover{color:#fff; background:#0095B1}
	 
	  #submit{ width:110px; color:#fff; background:#9c2576; margin-top:0px; border:0px; padding:7px;}
	  #submit:hover{color:#fff; background:#111a3b}
	 
	 
.pp1 textarea{
 font-size:13px;
	
	 width:80%; height:170px; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
.pp1 a{ color:#8cb73d; text-decoration:none}

.conte02{ width:100%; height:auto; border-top:1px dashed #E9E9E9;
 margin-top:20px; 
font-size:13px; }

.uno{ width:100%; height:auto; margin-top:10px; margin-bottom:5px; display:table; border-bottom:1px dashed #E9E9E9; padding-bottom:10px;}
.uno img{ vertical-align:middle; float:left; margin-right:10px;}

.uno a{ text-decoration:none; color:#fb2112}
.uno a:hover{color:#C30C00}

.bars2{ width:100%; height:auto; padding-top:10px; margin-top:10px }
.bars2 img{ width:33%; height:auto}

.caja1{ width:100%; height:auto; display:table}

.cart1{width:100%; height:auto; display:table; margin-bottom:15PX}

.ca2{ width:48%;  min-height:155px; border:1px solid #868686; background:rgba(224,224,224,1.00); float:left; margin:1%;}

.ca{ width:48%; margin:auto; min-height:155px; border:1px solid #868686; background:rgba(224,224,224,1.00); display:table}

.foto{ width:28%; height:AUTO; float:left; margin:1%; }

.foto img{ width:100%; height:auto}
.fototexto{ width:66%; height:AUTO; float:left; margin:1%;}
.fototexto h2{ font-size:18px; margin-top:10px}
.fototexto p{ font-size:16px;}
.ca2  h2{ font-size:13px !important; }

.cart2{width:100%; height:auto; display:table}

.ocu{ display:none}
.foto3 img{ width:50%; height:auto; float:left; padding:5px;}

.afiliate p{font-size:15px; color:#000 !important}

.triangulo {
  width: 0px;
    height: 120px;
    border-left: 50px solid #d9534f;
    border-right: 50px solid #d9534f;
    border-bottom: 35px solid transparent;
}

.espacio{ width:190px;}
.es01{ width:40px;}



.piemas{width:100%; max-width:1270px; margin:auto; display:table; padding-top:30PX}

.pi1{ width:56%; float:left;   font-family: 'Sanchez-Regular'; color:#110b25; font-size:14px}
.pi2{ width:44%; float:left; font-family: 'Sanchez-Regular'; color:#fff;}

.art0{ width:100%; float:left; font-weight:bold;font-size:15px;}
.art1{ width:43%; float:left;}
.art1 img{ width:100%; height:auto}
.art2{ width:40%; float:left; margin-left:3%;}
.art3{ width:100%; float:left; font-weight:bold; font-size:15px; margin-top:26PX}

.tc1{width:100%; float:right; font-size:15px; text-align:right; font-weight:bold;}
.tc2{width:85.5%; float:right; font-weight:lighter; font-size:14px; text-align:right; 
margin-top:10px}
.tc3{width:100%; float:right; font-size:15px; text-align:right;margin-top:20px }
.tc3 img{ border-radius:100px; width:30px; height:30px; margin-left:5px; margin-right:5px;}

.tc4{width:100%; border-top:2px solid #FFFFFF; float:right; font-size:13.5px; text-align:right;margin-top:50px; padding-top:10px; }
.tc4 a{ color:#fff; text-decoration:none; padding:2px; }

.tc5{width:100%; float:right; font-size:15px; text-align:left; font-weight:bold;padding-top:40px; }

.tc5 img{ vertical-align:middle}

.conte-conocenos{ width:100%; max-width:1124px; display:table; min-height:475px; margin:auto; margin-top:100px  }

.conte-conocenos02{ width:100%; max-width:1024px; display:table; min-height:475px; margin:auto; margin-top:100px; margin-bottom:30px; }

.co-txt{ width:50%;  float:left; color:#fff }
.co-txt2{ width:50%; float:left; color:#fff; }

.ctr{ width:90%;  margin:auto; color:#fff;  text-align:justify;
padding:20px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:0px;}

.ctr img{ margin-bottom:20px}

.ctr h3{ margin-bottom:0px; color:rgba(0,179,255,1.00)}
.ctr2 h3{ margin-bottom:0px; color:rgba(0,179,255,1.00)}


.ctr85{ width:71%;  margin:auto; color:#fff; background:url(../image2/car2.png) no-repeat;
padding:0px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:40px;}

.ctr85 h1{ font-family: 'Montserrat-Bold';  color:#00b3ff; font-size:21px; text-align:center}


.ctr2{ width:90%;  margin:auto; color:#fff;
padding:10px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:0px;}
.ctr2 h1{     font-family: 'Montserrat-Bold'; font-size:40px; color: rgba(0,179,255,1.00) }

.ctr2 p{ margin-top:30px; text-align:justify}

.ctr22{ width:69%;  margin:auto; color:#fff;
padding:10px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:50px;}
.ctr22 h1{     font-family: 'Montserrat-Bold'; font-size:40px; line-height:70px}

.ctr22 p{ margin-top:30px;}


.lity1{ width:14%; height:15px; background:#51fdfd; margin-right:80%; margin-left:12px; margin-bottom:20px;}




#conocenos{ width:100%; display:table;
 background:url(../img/Fondo/fondo.jpg)repeat fixed;
 margin-bottom:0px ; background-size:100%; margin-top:0px; padding-top:0px; padding-bottom:80px
 
 
  }
  
 #galeria{ width:100%; display:table;
 background:url(../img/Fondo/fondo.jpg)repeat fixed;
 margin-bottom:0px ; background-size:100%; margin-top:0px; padding-top:0px; padding-bottom:80px
 
 
  } 
  
   #galeria2{ width:100%; display:table;
 background:url(../img/Fondo/fondo.jpg)repeat fixed;
 margin-bottom:0px ; background-size:100%; margin-top:0px; padding-top:0px; padding-bottom:80px
 
 
  } 
   #galeria3{ width:100%; display:table;
 background:url(../img/Fondo/fondo.jpg)repeat fixed;
 margin-bottom:0px ; background-size:100%; margin-top:0px; padding-top:0px; padding-bottom:80px
 
 
  } 
  
  
  
  .lity12 {
    width: 20px;
    height: 15px;
    background: #51fdfd;
	margin:auto;  
    margin-bottom: 20px;
}

.conte-video{ width:100%; height:auto; margin:auto; padding-bottom:100px; }

.conte-video h1{     text-align: center;
    font-family: 'Montserrat-Bold';
    font-size: 40px;
    color: #000;
    margin: 0px;
    margin-top: 0px;}

.conte-foto{ width:100%; min-height:600px;margin:auto; }

.conte-talleres{ position:relative;

width:100%; height:auto; max-width:1100px; margin:auto; }

.conte-activ{ width:100%; min-height:600px; max-width:1100px; margin:auto;  }

.conte-cont{ width:100%; display:table;  margin:auto; background:#fff url(../image2/contactosd.jpg) top no-repeat; }
#contactos{ margin:0px; padding:0px}

.conte-activ h1{
    text-align: center;
    font-family: 'Sanchez-Regular';
    color: #ba207b;
    font-size: 60px;
    margin: 0px;
    margin-top: 80px;
}



.titulos{
    font-size: 56px;
    font-family: 'Sanchez-Regular';
    color: #ba207b;
    text-align: center;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 10px;
 }
 .dire{ width:100%; max-width:1000px; margin:auto}
 .dir{ width:50%; text-align:right; color:#9d2677;  font-size:14px;
  font-family: 'HelveticaNeueMedium'; float:left }
  
   .dir strong{   font-family: 'HelveticaNeueBold';font-size:15px;}
   

   

#redes{	
opacity:0;
position:fixed;
width:90px; 
height:190px; 
background:#ba207b; 
margin-top:150px; 
margin-left:96%;
transition:0.5s;
z-index:2
}
  .tir2 a img{ opacity:1;}
   .tir2 a:hover img{ opacity:0.8;}

.fa{ width:39px; margin-left:7px; margin-top:10px; }
.fa img{ border-radius:500px; width:38px; height:38px; margin-bottom:2px  }

.fa a img{ opacity:1;}
.fa a:hover img{ opacity:0.8;}

 .formul{ width:50%; text-align:right; color:#9d2677;  font-size:14px;
  font-family: 'HelveticaNeueMedium'; float:left }

.for1{ width:61%;     height: 299px; background:url(../image2/forr.png) no-repeat;
 background-size:100%; margin-left:10%; margin-top:145px; float:left}
 
 .for2{ width:29%;float:left; margin-top:145px;}
 .flotante{ position:absolute; width:314px; z-index:1; margin-left:-70px; margin-top:-10px;}
 .flotante img { width:100%; height:auto}
.for001{ width:80%; margin:auto; text-align:left; margin-top:29px; margin-left:12%}

.for001 input{font-family: 'Sanchez-Regular'; color:#9c2576; font-size:15px;  width:100%; height:auto; border:2px solid #9c2576; border-radius:7px; padding:3px; margin-bottom:10px;  outline:none }
.for001 textarea{  width:100%;  color:#9c2576; font-size:15px; height:70px; border:2px solid #9c2576; border-radius:7px; padding:5px; margin-bottom:10px; font-family: 'Sanchez-Regular'; outline:none }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#9c2576;
}
::-moz-placeholder { /* Firefox 19+ */
color:#9c2576;
}
:-ms-input-placeholder { /* IE 10+ */
color:#9c2576;
}
:-moz-placeholder { /* Firefox 18- */
color:#9c2576;
}
.acti{ width:100%; max-width:1200px; margin:auto; height:auto; display:table}

.txt-actvidades{ width:50%; float:left}
.txt-gale{ width:50%; float:left}
.cont {
    width: 80%;
    height: auto;
    text-align: center;
    color: #777777;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    margin: auto;
}

.franja88{ background:#2a71a9; padding:20px;}
.franp{ width:100%; max-width:1020px; margin:auto; display:table; padding-top:10px; padding-bottom:10px}
.franp h1{ color:#fff;}

.red1{ width:33.333%; float:left}
.red1 h3{ color:#51fdfd;  font-family: 'Montserrat-Bold'; font-size:25px}
.red1 img{ float:left; margin-right:20px;}
.red1 p{ color:#fff ; font-family: 'Montserrat-Bold'; margin-top:5px}
.red1 span{ color:#fff ;  font-family: 'MyriadPro-Regular';}
.as{ margin-top:15px;}
.text{ width:70%; margin-left:30%;}

.li8{ width:15px; background:#51fdfd; height:3px; margin:auto; margin-top:5px}




.servicios{ width:90%; margin:auto; max-width:1225px; 
padding:50px; font-family: 'MyriadPro-Regular'; padding-top:70px}

.servicios ul{ margin-left:20px;}

.servicios h3{ margin-top:20px}

.utor2 h3{ color:#fff;}
.utor2 ul{ color:#fff; margin-left:20px; }

#clientes{ width:100%; display:table; height:auto; padding:50px; padding-top:80PX; padding-bottom:100PX}
#clientes img{  padding:10px; border:4px solid #ccc}

#clientes h1{ font-size:40px;}


.ser08{ width:100%; display:table; height:auto}

.ser1{ width:33.333%; float:left;}
.ser1 h3{  color:#000; margin-top:20px;font-family: 'MyriadPro-Regular';}
.ser1 p{   color:#000 !important ; margin-top:0px !important; }

.se1{ width:90%; margin:auto; background:#fff; margin:auto; padding:20px; margin-top:20px}


.ser09{ width:100%; display:table; height:auto}
.ser2{ width:33.333%; float:left;}
.ser2 h3{  color:#000; margin-top:20px;font-family: 'MyriadPro-Regular';}
.ser2 p{   color:#000 !important ; margin-top:0px !important; }

.se2{ width:90%; margin:auto; background:#fff; margin:auto; padding:20px; margin-top:20px}


.btngaleria{ width:100%; display:table; margin-top:30px}

.btngaleria a{ color:#3E9EFF}

.ga{ width:100%; display:table; height:auto}

.ga1{ width:33.333%; float:left; margin-bottom:20px}
.ga01{ width:95%; margin:auto; padding:10px; height:auto; background:#fff}

.ga01 img{ width:auto; height:250px}


.galeria88{ width:100%; max-width:1290px; display:table; min-height:475px; margin:auto; margin-top:100px  }

.titu85{ background:#F2F2F2; color:#000; text-align:center;
font-family: 'MyriadPro-Regular'; padding:10px; font-size:14px; margin-bottom:10px}

.galeria88 h1{ color: #5AF; }
.galeria88 h2{ color: #7BF; margin-bottom:50px; font-size:19px;}

@media screen and (max-width:810px){
	
	
	.ga1{ width:100%; float:left; margin-bottom:20px}
.ga01{ width:95%; margin:auto; padding:10px; height:auto; background:#fff}

.ga01 img{ width:100%; height:auto}

	
	.servicios{ width:90%; margin:auto; max-width:1225px; 
padding:0px; font-family: 'MyriadPro-Regular'; padding-top:70px}
	
	
	.ser1{ width:100%; float:left}
	
	.ctr85 h1{ font-size:16px; text-align:center}
	
	#conocenos{background-size:400%; background-position:center; background-attachment:fixed; margin-top:0px; padding-top:0px
 
 
  }
	
	
	
	.ctr2 h1 {
    font-family: 'Montserrat-Bold';
    font-size: 30px;
    line-height: auto;
}
	
	.ctr {
    width: 90%;
    margin: auto;
    color: #fff;  
    padding: 34px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 30px;
}
	
	
	.conte-conocenos{margin-top:10px; margin-bottom:50px;  }
	
	
.co-txt{ width:100%;  float:left; color:#fff }
.co-txt2{ width:100%; float:left; color:#fff; margin-top:50px }


	.text{ width:280px; margin:auto}
	.text2{ width:250px; margin:auto; margin-bottom:20px}
	.red1{ width:100%; float:left}
	.logo89{ width:55px;  position:absolute; margin-left:20px}
	
	.izquierda{ width:100%; float:left}
.derecha{ width:100%; float:left}
	
.txt-actvidades{ width:100%; }
.txt-gale{ width:100%; }
	
	#redes{ display:none	}
	
	.conte-cont{ width:90%; height:auto; display:table; margin-left:5%}
	 .formul{ width:100%; }
	.for1{ width:100%; margin-left:0%; margin-top:0px;}
	 .for2{ width:29%;float:left; margin-top:145px; display:none}
	
	 .dir{ width:90%;}
	
	#redes{	

margin-left:89%;

}
	
.pie-pagina{background:#fff url(../image2/pie2.jpg) center repeat; }


.pi1{ width:90%; margin-left:5%; float:left; }
.pi2{ width:90%;margin-left:5%; float:left; margin-top:60px;}
.tc2{width:100%;}

.art1{ width:100%; float:left;}
.art2{ width:100%; float:left; margin-left:3%;}
.art3{ display:none;}


}




@media screen and (max-width:1040px) and (min-width:900px){
		.servicios{ width:100%; margin:auto; max-width:1225px; 
padding:0px; font-family: 'MyriadPro-Regular'; padding-top:70px}
	
	.banner{height:390px; padding-top:0px;}
}

@media screen and (max-width:824px) and (min-width:769px){
			.servicios{ width:100%; margin:auto; max-width:1225px; 
padding:0px; font-family: 'MyriadPro-Regular'; padding-top:70px}
	.logo05 {    margin-left: 42%; position: absolute;}
	.banner{height:370px; padding-top:90px;}
}

@media screen and (max-width:768px) and (min-width:690px){
	.logo05 {  width: 95px !important;    margin-left: 43%; position: absolute;}
	.banner{height:365px; padding-top:80px;}
}

@media screen and (max-width:689px) and (min-width:569px){
	.logo05 { width: 95px !important; margin-left: 43% !important;position: absolute;}
	.banner{height:340px; padding-top:85px;}
}

@media screen and (max-width:568px) and (min-width:450px){
		.logo05 {  width: 95px !important;     margin-left: 40% !important;position: absolute;}
	.banner{ height:300px; padding-top:85px;}
}

@media screen and (max-width:449px) and (min-width:381px){
	.logo05 { width: 95px !important; margin-left: 40% !important;position: absolute;}
	.banner{height:250px; padding-top:85px;}
	
		.ctr85{ width:81%;  margin:auto; color:#fff; background:url(../image2/car2.png) no-repeat;
padding:20px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:20px;}
}

@media screen and (max-width:380px) and (min-width:361px){
	.logo05 { width: 95px !important; margin-left: 35% !important; position: absolute;}
	.banner{height:250px; padding-top:85px;}
		.ctr85{ width:81%;  margin:auto; color:#fff; background:url(../image2/car2.png) no-repeat;
padding:20px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:20px;}
	
}

@media screen and (max-width:360px) and (min-width:321px){
	
	.ctr85{ width:81%;  margin:auto; color:#fff; background:url(../image2/car2.png) no-repeat;
padding:20px; background-size:100%; font-family: 'MyriadPro-Regular'; padding-top:20px;}
	
	
	
		.logo05 { width: 95px !important;  margin-left: 35% !important;     position: absolute;}
	.banner{height:230px; padding-top:85px; margin-bottom:0px; }
}



@media screen and (max-width:950px){

	#topredes{ display:none !important }
	.espacio{ display:none}
.es01{ display:none}
	.toper{ display:none}
	.foto3 img{ width:100%; height:auto; float:left; padding:10px;}
	
	.foto2 img{ width:100%; height:auto;}
	
	.ocu{ display:block}
	.ca2{ width:100%;}
	.ca{ width:100%;}
	 .conte01{
	width: 100%;
	color: #151515;
}
 .modulo01{ width:100%; }
	
	.slider{ padding-top:0px;}
	
	.banner01{
width:100%;height:150px;
}
	
	.idiomas{
	
	 width:15%;
	 height:53px;
	
	 margin-left:85%;

  margin-top:60px;
}
	
	
	
	.txtt2{ line-height:9px; text-align:left}

.pro{ width:100%;}
	.pp1 input{	 width:100%;}
	 .pp1 textarea{	 width:100%;}
	 
	.pp1{ width:100%; float:left; margin-top:10px}
	.p1{ width:100%; float:left}
	.txt1{ width:90%; margin-bottom:20px}
	.imgnosotros{ float:none; margin-left:0px; width:100%; height: auto}
	.cont-txt{ width:95%; margin:auto; margin-top:10px}
	.menu-bajo a{margin-left:0px; margin-right:0px}
	 .menu-bajo{ width:80%}
.menu-01{ width:100%; }
.logo{ width:150px;  height:auto; float:none;  margin:auto;margin-top:5px;}
.izquierda{ width:90%; float:left}
.derecha{ width:100%; float:left; }
.pie-pagina{ background-size:500%}

.es{ width:100%; display:table; height:50px;}
	
}

@media screen and (max-width:320px){
	
	.banner{height:170px;padding-top:0px;}
	.slider {
    width: 120% !important;
	
}
.conte-conocenos {
    width: 120% !important;
    min-height: 700px;
    margin: auto;
}

#videos {
    width: 120% !important;
}
#fotos2 {
    width: 128% !important;}
	#talleres {
    width: 120% !important;}
	.acti {
   width: 120% !important;}
   .conte-cont {
    }
	#contactos {
		 width: 120%!important;
    margin: 0px;
    padding: 0px;
}
.pie-pagina {
	 width: 128%!important;
    background-size: 500%;
}


}

@media screen and (max-width:780px){
	.ctr2 h1 {
    font-family: 'Montserrat-Bold';
    font-size: 30px;
    line-height: 70px;
}
	
	.ctr {
    width: 90%;
    margin: auto;
    color: #fff;
  
    padding: 34px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 80px;
}

.ctr2 {
    width: 90%;
    margin: auto;
    color: #fff;
    padding: 10px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}


}

@media screen and (max-width:680px){
	.redesociales{ position: absolute; width:30px; margin-left:80%; margin-top:50px}
	.ctr2 h1 {
    font-family: 'Montserrat-Bold';
    font-size: 41px;
    line-height: 70px;
}
	
	.ctr {
    width: 90%;
    margin: auto;
    color: #fff;

    padding: 34px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}

.ctr2 {
    width: 90%;
    margin: auto;
    color: #fff;
    padding: 10px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}


}


@media screen and (max-width:500px){
	.ctr2 h1 {
    font-family: 'Montserrat-Bold';
    font-size: 31px;
   
}
	
	.ctr {
    width: 90%;
    margin: auto;
    color: #fff;
 
    padding: 34px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}

.ctr2 {
    width: 80%;
    margin: auto;
    color: #fff;
    padding: 10px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}
.ctr22{ width:89%;  margin:auto; color:#fff;}


}


@media screen and (max-width:376px){
	.ctr2 h1 {
    font-family: 'Montserrat-Bold';
    font-size: 61px;
    line-height: 70px;
}
	
	.ctr {
    width: 90%;
    margin: auto;
    color: #fff;
 
    padding: 34px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}

.ctr2 {
    width: 80%;
    margin: auto;
    color: #fff;
    padding: 10px;
    background-size: 100%;
    font-family: 'MyriadPro-Regular';
    padding-top: 50px;
}
.ctr22{ width:89%;  margin:auto; color:#fff;}

}





