@charset "utf-8";
/* Autor:Abel Espinoza abelespinoza@hotmail.com */
header, article, section, aside, figure, footer{
	display:block;
	margin:0;
	padding:0;
}
.limpiar{clear:both;}
h1, h2, p{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000;
	margin:6px;
}
h1{font-size:30px;}
h2{font-size:22px;}
h3{font-size:16px;}

h1.ins {font-size: 22pt;color:#2B527E}

h1.rep {font-size: 20pt;color:#2B527E}

h1.el {font-size: 22pt;color:#2B527E}

body{
	margin:0;
	/*background:#164C88;*/
	background:#fff;
}



.caja-image{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	height:202px;
	padding:10px;
	
	float:right;
	margin:10px -230px 15px 0;
}



.caja-serv12 h2 {
    display: block;
    margin-top: 35px;
    font-weight: bold;
}

.caja-serv12 li {
   
   font-size: 14px;
}





#lista {
    float: right;
    margin-top: -72px;
    width: 212px;
    height: 72px;
}
/*---- Cabecera -----*/
#cabecera{
	width:1100px;
	height:100px;
	margin:0 auto;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#logo{
	width:200px;
	height:90px;
	float:left;
	margin-top:7px;
	margin-right:110px;


	
}
#cabecera p{
	width:390px;
	display:block;
	float:left;
	color:#000;
	margin:22px 100px 6px 0;
	font-weight:bold;
	font-family:Arial, sans-serif;
	font-size:21px;
	line-height: 1.0;
  
}

#cabecera p1{
	width:260px;
	display:block;
	float:left;
	/*color:#FFF;*/
	color:#000;
	margin:0px 38px 6px 0;
	font-weight:bold;
	font-family:Arial, sans-serif;
	font-size:21px;

}

#cabecera p2{
	width:260px;
	display:block;
	float:left;
	color:#000;
	margin:33px 0px 2px 0;
	font-weight:bold;
	font-family:Arial, sans-serif;
	font-size:20px;
  
}


#cabecera p3{
	width:300px;
	display:block;
	float:left;
	color:#000;
	margin:5px 0px 2px 0;
	font-weight:600;
	font-family:Arial, sans-serif;
	font-size:15px;
	line-height: 1.3;
  
}


#cabecera ul{
	width:102px;
	height:47px;
	display:block;
	float:left;
	margin:-27px 0 0 0;
	padding:0;
	list-style:none;
	
}
#cabecera li{
	float:left;
}
#cabecera li a{
	width:46px;
	height:47px;
	display:block;
	margin-right:10px;
	
}
#cabecera li a.ultimoicon{
	margin-right:0;
}


.moduletable > span > h3 {
    font-size: 50px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;
    
}


.moduletable1 > span > h2 {
    font-size: 43px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left:70px;
}

/*--- Menu principal ---*/
/*#menu{
	height:46px;
	background:url(../imagenes/fondo-menu.jpg);
	background:linear-gradient(top, #F5F6F8, #DDDDDD, #E8EAE5);
	background:-moz-linear-gradient(top, #F5F6F8, #DDDDDD, #E8EAE5); 
	background:-o-linear-gradient(top, #F5F6F8, #DDDDDD, #E8EAE5); 
	background:-ms-linear-gradient(top, #F5F6F8, #DDDDDD, #E8EAE5); 
	background:-webkit-linear-gradient(top, #F5F6F8, #DDDDDD, #E8EAE5); 
	border-top:2px solid #CCC;
	border-bottom:2px solid #CCC;
}
#menu ul{
	width:1000px;
	height:46px;
	display:block;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#menu li{
	float:left;
}
#menu li a{
	line-height:46px;
	display:block;
	padding:0 31px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#555555;
	font-size:13px;
	border-right:1px solid #B6B6BA;
}
#menu li:first-child a{
	border-left:1px solid #B6B6BA;
}
#menu li a:hover{
	color:#164C88;
	text-decoration:underline;
}
#mmovil{
	display:none;
} /

/*--- Banner ----*/
#banner{
	overflow:hidden;
	/*margin-bottom:5px;*/
}

#banner1{
	
	margin-bottom:5px;
}
/*--- Cuerpo ----*/
#cuerpo{
	width:1230px;
	background:#FFF;
	padding:10px;
	/*min-height:450px;*/
	margin:0 auto;
}
#cajacolumnas{
	overflow:hidden;
}
.columnas{
	width:314px;
	min-height:290px;
	float:left;
	margin-right:18px;
	position:relative;
}
.sinmargen{
	margin-right:0;
}
.columnas h2{
	background:#717A83;
	line-height:42px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	margin:6px 0;
}
.columnas p{
	color:#999999;
}
.vermas{
	width:180px;
	line-height:28px;
	display:block;
	background:#FFB029;
	text-align:center;
	margin:10px 0;
	position:absolute;
	bottom:0;
	left:0;
}
.vermas:hover{
	background:#164C88;
	color:#FFF;
}
.normas{
	margin:0;
	padding:0;
	list-style:none;
}
.normas li a{
	display:block;
	border-bottom:1px solid #DDDDDD;
	color:#83858C;
	background:url(../imagenes/flecha.png) no-repeat left;
	background-position:0 8px;
	padding:6px 0 6px 17px;
}
.normas li a:hover{
	text-decoration:underline;
}
#enlaces{
	overflow:hidden;
}
#enlaces h2{
	line-height:30px;
	border-bottom:1px solid #DDDDDD;

}
#enlaces h2 span{
	
	width:314px;
	line-height:30px;
	display:block;
	color:#84BA30;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	 background:url(../imagenes/stripe-title.jpg) repeat-x center;
	 text-align: center;
	 background:#000;
	 display: inline-block;
    padding: 0 20px;
    margin: 0px
	 
}




#enlaces ul{
	margin:0;
	padding:0;
	list-style:none;
}
#enlaces li{
	float:left;
}
#enlaces li a{
	display:block;
	margin:0 20px 10px 80px;
}

#enlaces li:last-child a{
		margin-right:0px;
	}

#enlaces p{
	display:block;
	

	margin: 0 0 25px;

	text-align: justify;


	font-size: 16px;
}


/*---- Pie de Pagina ----*/
#piepagina{
	width:980px;
	background:#717A83;
	padding:10px;
	margin:0 auto;
	margin-top:5px;
	overflow:hidden;
}
#pie-izq{
	width:390px;
	float:left;
}
#pie-izq p{
	color:#FFF;
	padding-left:60px;
}
#piepagina ul{
	width:180px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	margin-top:40px;
}
#piepagina ul li{
	float:right;
}
#piepagina ul li a{
	display:block;
	margin-left:4px;
}
#piepagina ul li:last-child a{
	color:#FFF;
	padding-top:5px;
	cursor:default;
}
/*--- Paginas Internas ---*/
#cuerpo-interno{
	width:1100px;
	/*---min-height:650px;*/
	margin:0 auto;
	background:#FFF;
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
	
	margin-top:5px;
	overflow:hidden;
}
/*--- Acerca de Nosotros ---*/
@font-face {

    font-family: 'AlternateGothicRegular';

    src: url('fonts/alternate-gothic-no1-d-webfont.eot');

    src: url('fonts/alternate-gothic-no1-d-webfont.eot?#iefix') format('embedded-opentype'), 
    url('fonts/alternate-gothic-no1-d-webfont.woff2') format('woff2'), url('fonts/alternate-gothic-no1-d-webfont.woff') format('woff'), url('fonts/alternate-gothic-no1-d-webfont.ttf') format('truetype'), url('fonts/site/alternate-gothic-no1-d-webfont.svg#alternate_gothic_no1_dregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

.titulopaginas{
	font-family: 'AlternateGothicRegular';
	font-size:40px;
	color:#545454;
	font-weight:normal;
	margin-top:10px
}

.titulocontacto{
	font-family: 'AlternateGothicRegular';
	font-size:40px;
	color:#545454;
	font-weight:normal;

}
#columnas-nosotros{
	overflow:hidden;
	margin-bottom:10px;
}
#nos-izq{
	width:670px;
	float:left;
	/*---border-right:1px solid #CCCCCC;---*/
	padding-right:0px;
}
#nos-izq img{
	border:1px solid #DDDDDD;
	padding:10px;
}
#columnas-nosotros p{
	color:#858585;
	line-height:20px;
	text-align:justify;	
}
#nos-der{
	width:390px;
	float:left;
	padding-left:20px;
}
.cajastaff{
	overflow:hidden;
	/*margin-bottom:20px;*/
}
.foto{
	width:390px;
	/*height:218px;*/
	float:left;
	/*--margin-right:10px;---*/
	/*---border:1px solid #CCC;---*/
	
	margin-top:-2px;
}
#columnas-nosotros .cajastaff p{
	width:197px;
	display:block;
	float:left;
	text-align:left;
	line-height:normal;
}
#mision{
	width:96%;
	background:#3E79BB;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
	padding:2%;
}
#mision figure{
	width:317px;
	float:left;
}
.contenidomision{
	width:555px;
	height:125px;
	float:left;
	background:url(../imagenes/fondo-comillas.png) no-repeat;
	margin-left:20px;
}
.contenidomision h2{
	color:#FFF;
	font-size:36px;
	margin-left:70px;
}
.contenidomision p{
	color:#FFF;
	font-size:16px;
	font-style:italic;
	padding-right:44px;
}

#vision{
	width:96%;
	background:#FFB029;
	border-radius:10px;
	overflow:hidden;
	margin-bottom:10px;
	padding:2%;
}
#vision figure{
	width:317px;
	float:left;
}
.contenidovision{
	width:555px;
	height:125px;
	float:left;
	background:url(../imagenes/fondo-comillas.png) no-repeat;
	margin-left:20px;
}
.contenidovision h2{
	color:#8C2B06;
	font-size:36px;
	margin-left:70px;
}
.contenidovision p{
	color:#8C2B06;
	font-size:16px;
	font-style:italic;
	padding-right:44px;
}

/*--- Pagina Servicios ---*/
#serv-izq{
	width:236px;
	float:left;
	margin-right:20px;
	min-height:100px;
}

#serv-izqs{
	width:236px;
	float:left;
	margin-right:8px;
	display:block;
	min-height:100px;
}

#serv-izqc{
	width:236px;
	float:left;
	margin-right:28px;
	display:block;
	min-height:100px;
}

#video-izq{
	width:320px;
	float:left;
	margin-right:10px;
}
/*
#serv-izq h2{
	line-height:41px;
	width:92%;
	display:block;
	margin:0;
	background:#FFB029;
	font-size:19px;
	color:#FFF;
	font-weight:normal;
	padding:0 4%;
}*/

#serv-izq ul{
	margin:0;
	padding:0;
	list-style:none;	
}

#serv-izqs ul{
	margin:0;
	padding:0;
	list-style:none;	
}

#serv-izqc ul{
	margin:0;
	padding:0;
	list-style:none;	
}


#serv-izq li a{
	width:90%;
	display:block;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #6588B0;
	padding:13px 2% 13px 8%;
	background:#164C88 url(../imagenes/flecha-negra.png) no-repeat left;
	background-position:10px 15px;
}

#serv-izqs li a{
	width:90%;
	display:block;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #6588B0;
	padding:13px 2% 13px 8%;
	background:#164C88 url(../imagenes/flecha-negra.png) no-repeat left;
	background-position:10px 15px;
}

#serv-izqc li a{
	width:90%;
	display:block;
	color:#FFF;
	font-size:12px;
	border-bottom:1px solid #6588B0;
	padding:13px 2% 13px 8%;
	background:#164C88 url(../imagenes/flecha-negra.png) no-repeat left;
	background-position:10px 15px;
}

#serv-izq li a:hover{
	/*background:#FAA336 url(../imagenes/flecha-blanca.png) no-repeat left;*/
	background-position:10px 15px;
}

#serv-izqs li a:hover{
	background:#FAA336 url(../imagenes/flecha-blanca.png) no-repeat left;
	background-position:10px 15px;
}

#serv-izqc li a:hover{
	background:#FAA336 url(../imagenes/flecha-blanca.png) no-repeat left;
	background-position:10px 15px;
}


#serv-der{
	width:800px;
	float:left;
	
	padding-left:30px;
	display:block;
	min-height: 100px;
/*border-left:1px solid #CCC;*/
}


.caja-serv{
	width:319px;
	height:380px;
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:0 15px 15px 0;
}
.caja-serv h2{
	font-size:18px;
	color:#525252;
	font-weight:normal;
}
.caja-serv p{
	color:#858585;
}
.caja-serv a{
	width:134px;
	line-height:31px;
	display:block;
	background:#FFB029;
	text-align:center;
	margin:6px;
}
.caja-serv a:hover{
	background:#164C88;
	color:#FFF;
}


.caja-serv11{
	/*width:319px;*/
	width:370px;
	/*height:380px;*/
	
	/*height:380px;*/
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:30px 15px 15px 0;
}


.caja-serv12{

	width:320px;
	/*height:380px;*/
	min-height: 100px;
	padding:10px;
	
	float:left;
	margin-right: 15px;
}

.caja-serv12 h1{
	display:block;
  
    margin-top:25px;

    margin-bottom:10px;
 
   

  
  font-weight:bold;
}

.caja-serv12 a{
	
	 border: 1px solid #7f99cf;
    padding: 4px 4px 4px 4px;
    color: #193e8c;
    letter-spacing: 0px;
    font-size: 0.75em;
    display: block;
    margin: 16px 2px;
    position: relative;
     -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family:'helvetica', sans-serif !important;
  font-size: 12px;
  width:170px;

}

.caja-serv12 a:hover{
	
	background: #FAA336;
    color: white;
}


.caja-servv {
    /* width: 319px; */
    width: 200px;
    /* height: 380px; */
    height: 202px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 18px 15px 0;
}

.caja-servv h2 {
    font-size: 16px;
    color: #525252;
    font-weight: normal;
    font-family: "Aller_Rg";
}

/*--- Clientes ---*/
#clientes{
	width:880px;
	margin:0 auto;
	overflow:hidden;
}
#clientes h2{
	color:#535353;
	font-size:30px;
	font-weight:normal;
}
#clientes ul{
	margin:0;
	padding:0;
	list-style:none;
}
#clientes li{
	float:left;
}
#clientes li a{
	width:163px;
	height:96px;
	display:block;
	border:1px solid #ddd;
	margin:0 10px 15px 0;
}
#clientes li a img{
	width:100%;
	height:100%;
	display:block;
}


.btIcoHolder{

margin-left: 90px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: -8px;font-size: 20px;
	
}




/**********************************/
/****** Tabletas de 1024     ******/
/**********************************/
@media only screen and (max-width:1024px){
	body{
		margin:5px;
	}



	/*---- Cabecera -----*/
	#cabecera{
		width:100%;
		height:auto;
		overflow:hidden;
		padding:10px 20px;
	}


	#logo {
    width: 200px;
    height: 90px;
    float: left;
    margin-top: 7px;
    margin-right:95px;
}


#cabecera p {
    width: 267px;
    display: block;
    float: left;
    color: #000;
    margin: 22px 120px 6px 0;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 21px;
    line-height: 1.6;
}
	
	/*--- Menu principal ---*/
	
/*----#menu li:first-child a{
		border-left:none;
	}
	#menu li:last-child a{
		border-right:none;
	}  -----*/
	
	/*--- Cuerpo ----*/
	#cuerpo{
		width:100%;
		background:#FFF;
		padding:1%;
		min-height:450px;
		margin:0 auto;
	}

#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:0 5px 10px 20px;
}
	
	
	
	/*--- Paginas Internas ---*/
	#cuerpo-interno{
		width:98%;
		padding:1%;
	}


#serv-izqs{
		width:236px;
		float:left;
		margin-right:8px;
	}


#serv-der{
		width:730px;
		float:left;
		/*border-left:1px solid #CCC;*/
		padding-left:20px;
	}





	#nos-izq {
    width: 600px;
    float: left;
    padding-right: 0px;
}


#nos-der {
    width: 340px;
    float: left;
    padding-left: 20px;
}

#nos-der .foto{
		width:100%;
		height:auto;
		
	}


	
	#serv-izq{
		width:236px;
		float:left;
		margin-right:7px;
		margin-left:10px;

	}


.caja-serv11{
	/*width:319px;*/
	width:300px;
	/*height:380px;*/
	
	/*height:380px;*/
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:30px 5px 15px 15px;
}


.caja-serv12{

	width:280px;
	/*height:380px;*/
	min-height: 100px;
	padding:10px;
	
	float:left;
	margin-right: 0px;
}

.caja-serv12 h1{
	display:block;
  
    margin-top:25px;

    margin-bottom:10px;
 
   

  
  font-weight:bold;
}



#serv-izqc{
		width:236px;
		float:left;
		margin-right:0px;
	}



.caja-image{
	/*width:319px;*/
	width:310px;
	/*height:380px;*/
	height:202px;
	padding:10px;
	
	float:right;
	margin:10px -180px 15px 0;
}



#video-izq{
	width:320px;
	float:left;
	margin-right:10px;
}






}
/**********************************/
/****** Tabletas de 800     ******/
/**********************************/
@media only screen and (max-width:800px){

	h1.rep {font-size: 17pt;color:#2B527E}




	#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}
	#logo img{
		display:block;
		margin:0 auto;
	}

	#cabecera p{
		display:block;
		margin-left:260px;
	margin-top:10px;
	margin-bottom:0px;
	}

	#cabecera p2{
		 display:none;
	}
	#cabecera p3{
		display:none;
	}


	.moduletable > span > h3 {
    font-size: 48px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:-9px;
    
}



#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 10px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 5px 15px 90px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:5px;
	}


	.btIcoHolder{

margin-left: 30px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: -60px;font-size: 16px;
	
}
	
	/*--- Menu principal ---*/

/*----	#menu{
		height:auto;
		background:none; 
		border-top:none;
		border-bottom:none;
	}
	#menu ul{
		width:100%;
		height:auto;
		display:none;
	}
	#menu li{
		float:none;
	}
	#menu li a{
		line-height:35px;
		display:block;
		background:#6B757D;
		padding:0;
		font-family:"Trebuchet MS", Verdana, sans-serif;
		color:#fff;
		font-size:13px;
		border-right:none;
		border-bottom:1px solid #B6B6BA;
		padding-left:10px;
	}
	#menu li a:hover{
		background:#F29F10;
		color:#FFF;
		text-decoration:none;
	}
	#mmovil{
		display:block;
		line-height:40px;
		background:linear-gradient(top, #fafafa, #D7D6D6);
		background:-moz-linear-gradient(top, #fafafa, #D7D6D6);
		background:-o-linear-gradient(top, #fafafa, #D7D6D6);
		background:-ms-linear-gradient(top, #fafafa, #D7D6D6);
		background:-webkit-linear-gradient(top, #fafafa, #D7D6D6);
		font-family:"Trebuchet MS", Verdana, sans-serif;
		color:#67727A;
		font-size:13px;
		padding-left:10px;
		position:relative;
	}
	#mmovil:after{
		content:"";
		width:33px;
		height:25px;
		display:block;
		background:url(../imagenes/mmovil.png);
		position:absolute;
		right:10px;
		top:7px;
	}-----*/
	
	/*--- Cuerpo ----*/
	#cuerpo{
		width:92%;

		padding: 2% 4% 4% 4%;
		
	}
	.columnas{
		width:100%;
		float:none;
		margin-right:0;
	}
	
	
	/*--- Acerca de Nosotros ---*/


	#nos-izq {
    width: 430px;
    float: left;
    padding-right: 0px;
}


#nos-der {
    width: 300px;
    float: left;
    padding-left: 20px;
}
	
	
	#columnas-nosotros .cajastaff p{
		width:auto;
		display:block;
		float:left;
		text-align:left;
		line-height:normal;
	}
	#mision figure{
		display:none;
	}
	.contenidomision{
		width:100%;
		height:auto;
		float:none;
		background:none;
		margin-left:0;
	}
	.contenidomision h2{
		margin-left:6px;
	}
	.contenidomision p{
		padding-right:0;
	}
	#vision figure{
		display:none;
	}
	.contenidovision{
		width:100%;
		height:auto;
		float:none;
		background:none;
		margin-left:0;
	}
	.contenidovision h2{
		margin-left:0;
	}
	.contenidovision p{
		padding-right:0;
	}
	
	/*--- Pagina Servicios ---*/

#serv-izq{
		width:236px;
		float:left;
		margin-right:0px;
		margin-left:40px;
		

	}

#serv-izqs{
		width:236px;
		float:left;
		
		margin-right:30px;
	}

	


#serv-der{
		width:750px;
		float:none;
		/*border-left:1px solid #CCC;*/
		padding-left:28px;
	}





.caja-servv{
	/*width:319px;*/
	width:130px;
	/*height:380px;*/
	height:140px;
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:0 15px 15px 0;
}

.caja-servv h2{
	font-size:14px;
	color:#525252;
	font-weight:normal;
}
	
	.caja-serv{
		width:96%;
		height:auto;
		padding:2%;
		border:1px solid #DDDDDD;
		float:none;
		margin:0 0 15px 0;
	}
	
	/*--- Clientes ---*/
	#clientes{
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}


.caja-serv11{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:30px 35px 0px 62px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 70px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;

  font-weight:bold;
}


#serv-izqc{
		width:236px;
		float:left;
		margin-left:20px;
		margin-right:30px;
	}


.caja-image{
	/*width:319px;*/
	display:none;
}




	
}
/**********************************/
/****** Tabletas de 603     ******/
/**********************************/
@media only screen and (max-width:603px){

	h1.rep {font-size: 16pt;color:#2B527E}

#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}
	#logo img{
		display:block;
		margin:0 auto;
	}

	#cabecera p{
		display:block;
		margin-left:170px;
	margin-top:10px;
	margin-bottom:0px;
	}

	#cabecera p1{
		 display:none;
	}
	#cabecera ul{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 35px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:-2px;
    
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 5px 15px 20px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:5px;
	}


	.btIcoHolder{

margin-left: 180px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: 68px;font-size: 20px;
	
}
	

/*------------------------------------------*/

#nos-izq {
    width: 550px;
    float: left;
    padding-right: 0px;
}


#nos-der {
    width: 400px;
    float: left;
    padding-left: 150px;
}

#nos-der .foto{
		width:100%;
		height:auto;

	
	}

h1.ins {font-size: 18pt;color:#2B527E}


h1.el {font-size: 18pt;color:#2B527E}
	
	
	#clientes h2{
		color:#535353;
		font-size:30px;
		font-weight:normal;
		text-align:center;
	}
	#clientes ul{
		width:525px;
		margin:0 auto;
	}


#serv-izq{
		width:236px;
		float:left;
		margin-right:30px;
		margin-left:183px;
		

	}


	#serv-izq img{
	
margin-left: auto;
  margin-right: auto;
		

	}
	

	#serv-der{
		width:550px;
		float:none;
		/*border-left:1px solid #CCC;*/
		padding-left:28px;
		text-align : justify;
	}


#serv-der #foto{
		display:none;
	}


.caja-servv{
	/*width:319px;*/
	width:65px;
	/*height:380px;*/
	height:90px;
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:0 15px 15px 0;
}

.caja-servv h2{
	font-size:10px;
	color:#525252;
	font-weight:normal;
}



	.caja-serv11{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 35px 0px 100px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 135px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}

.caja-serv12 a{
	
	 border: 1px solid #7f99cf;
    padding: 4px 4px 4px 4px;
    color: #193e8c;
    letter-spacing: 0px;
    font-size: 0.75em;
    display: block;
    margin-top: 16px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 2px;
    
    position: relative;
     -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family:'helvetica', sans-serif !important;
  font-size: 12px;
  width:170px;

}


#serv-izqc{
		display:none;
	}




}
/**********************************/
/****** Tabletas de 533     ******/
/**********************************/
@media only screen and (max-width:533px){

h1.ins {font-size: 16pt;color:#2B527E}

	h1.rep {font-size: 17pt;color:#2B527E}

	h1.el {font-size: 16pt;color:#2B527E}

#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}
	#logo img{
		display:block;
		margin:0 auto;
	}

	#cabecera p{
		display:block;
		margin-left:135px;
	margin-top:10px;
	margin-bottom:0px;
	
	}

	#cabecera p2{
		 display:none;
	}
	#cabecera p3{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 30px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:-2px;
    
}


.moduletable1 > span > h2 {
    font-size: 40px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left: 0px;
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 5px 15px 10px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:5px;
	}


	.btIcoHolder{

margin-left: 160px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: 60px;font-size: 20px;
	
}
	




	#clientes ul{
		width:350px;
		margin:0 auto;
	}



	#nos-izq {
    width: 490px;
    float: left;
    padding-right: 0px;
}


#nos-der {
    width: 400px;
    float: left;
    padding-left: 150px;
}



#serv-izq{
		width:236px;
		float:left;
		margin-right:30px;
		margin-left:145px;
		

	}
	


	#serv-der{
		width:480px;
		float:none;
		/*border-left:1px solid #CCC;*/
		padding-left:28px;
		text-align : justify;
	}


	.caja-servv{
	/*width:319px;*/
	display:none;
}

.caja-servv h2{
	display:none;
}



		.caja-serv11{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 35px 0px 65px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 95px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}




}
/**********************************/
/****** Tabletas de 480     ******/
/**********************************/
@media only screen and (max-width:480px){

h1.ins {font-size: 20pt;color:#2B527E}

	h1.rep {font-size: 18pt;color:#2B527E}
h1.el {font-size: 22pt;color:#2B527E}

	#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}
	#logo img{
		display:block;
		margin:0 auto;
	}

	#cabecera p{
		width:100%;
		display:block;
		margin-left:20px;
	margin-top:10px;
	margin-bottom:0px;
	font-size: 18px !important;
	
	}

	#cabecera p2{
		 display:none;
	}
	#cabecera p3{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 38px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:0px;
    
}


.moduletable1 > span > h2 {
    font-size: 40px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left: 0px;
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 3px 15px 7px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:2px;
	}


	.btIcoHolder{

margin-left: 130px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: 30px;font-size: 20px;
	
}


#nos-izq{
		width:100%;
		float:none;
		border-right:none;
		padding-right:0;

	}
	#nos-der{
		width:100%;
		float:none;
		padding-left:25px;
	}


	#serv-izq{
		width:100%;
		
		margin: 0 auto;
		margin-left:20px;
		

	}


	#serv-izq figure{

	margin-left:80px;
   
}

	#serv-izqs{
		width:100%;
		
		margin: 0 auto;

		margin-left:20px;

	}

	#cssmenu {
    /* width: 200px; */
   width:80%;
   margin: 0 auto;
}

#cssmenu h2 {

	 width:87%;
   
}


#serv-izqs figure{

	margin-left:80px;
   
}

	#serv-der{
		width:90%;
		
		
		 margin: 0 auto;
		  margin-right:20px;
	}


		.caja-serv11{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 35px 0px 41px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 75px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}

}





/****** Tabletas de 400     ******/
/**********************************/
@media only screen and (max-width:400px){




h1.ins {font-size: 19pt;color:#2B527E}

h1.rep {font-size: 17pt;color:#2B527E}

h1.el {font-size: 19pt;color:#2B527E}




	#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}
	#logo img{
		display:block;
		margin:0 auto;
	}

	#cabecera p{
		width:100%;
		display:block;
		margin-left:15px;
	margin-top:10px;
	margin-bottom:0px;
	font-size: 18px !important;
	
	}

	#cabecera p2{
		 display:none;
	}
	#cabecera p3{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 33px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:0px;
    
}


.moduletable1 > span > h2 {
    font-size: 35px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left: 0px;
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 3px 15px 7px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:2px;
	}


	.btIcoHolder{

margin-left: 95px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: 4px;font-size: 19px;
	
}


#nos-izq{
		width:100%;
		float:none;
		border-right:none;
		padding-right:0;
		
	}
	#nos-der{
		width:100%;
		float:none;
		padding-left:0px;
	}


	
	

	.caja-serv11{
	/*width:319px;*/
	width:360px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 0px 0px 5px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 35px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}



#serv-izqs{
		width:100%;
		
		margin: 0 auto;

		margin-left:20px;

	}





#serv-izq{
		width:100%;
		
			margin: 0 auto;

		margin-left:16px;
		

	}


	#serv-izq figure{

	margin-left:60px;
   
}



	#cssmenu {
    /* width: 200px; */
   width:80%;
   margin: 0 auto;
}

#cssmenu h2 {

	 width:86%;
   
}


#serv-izqs figure{

	margin-left:40px;
   
}




	#serv-der{
		width:90%;
		
		
		 margin: 0 auto;
		 margin-left:-5px;
	}



}
/**********************************/
/****** Tabletas de 360     ******/
/**********************************/
@media only screen and (max-width:360px){

	h1.ins {font-size: 18pt;color:#2B527E}

	h1.rep {font-size: 15pt;color:#2B527E}

	h1.el {font-size: 18pt;color:#2B527E}

	#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}



#logo img{
		display:block;
		margin:0 auto;
	}


	#cabecera p{
		display:block;
		margin-left:0px;
	margin-top:10px;
	margin-bottom:0px;
	font-size: 15.9px !important;
	
	
	}

	#cabecera p2{
		 display:none;
	}
	#cabecera p3{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 30px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:0px;
     
}


.moduletable1 > span > h2 {
    font-size: 32px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left: 0px;
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;

	font-size: 14px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 3px 15px 7px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:0px;
	}


	.btIcoHolder{

margin-left: 70px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: -30px;font-size: 20px;
	
}



/*-----------------------------*/


	#nos-izq{
		width:100%;
		float:none;
		border-right:none;
		padding-right:0;
	}
	#nos-der{
		width:100%;
		float:none;
		padding-left:0;
	}


	.columnas figure img{
		width:100%;
		height:auto;
	}

	.caja-serv img{
		width:100%;
		height:auto;
		display:block;
	}
	#clientes ul{
		width:175px;
		margin:0 auto;
	}


	
	

	.caja-serv11{
	/*width:319px;*/
	width:330px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 0px 0px 0px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 25px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}



#serv-izqs{
		width:100%;
		
		margin: 0 auto;

		margin-left:20px;

	}




#serv-izq{
		width:100%;
	
			margin: 0 auto;

		margin-left:15px;
		

	}



	#serv-izq figure{

	margin-left:44px;
   
}



	#cssmenu {
    /* width: 200px; */
   width:80%;
   margin: 0 auto;
}

#cssmenu h2 {

	 width:86%;
   
}


#serv-izqs figure{

	margin-left:25px;
   
}

	#serv-der{
		width:90%;
		
		
		 margin: 0 auto;
		 margin-left:-10px;
	}




}
/**********************************/
/****** Tabletas de 320     ******/
/**********************************/
@media only screen and (max-width:320px){

	h1.ins {font-size: 16pt;color:#2B527E}


	h1.rep {font-size: 16pt;color:#2B527E}

	h1.el {font-size: 16pt;color:#2B527E}



#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}






	#cabecera p{
		display:block;
		margin-left:20px;
	margin-top:10px;
	margin-bottom:0px;

	
	
	}





	#logo img{
		width:80%;
		height:auto;
	}


	#logo{
		width:100%;
		height:auto;
		float:left;
		margin-top:0;
		margin-right:0;
	}



	#cabecera p1{
		 display:none;
	}
	#cabecera ul{
		display:none;
	}


.moduletable > span > h3 {
    font-size: 30px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
     font-family: 'AlternateGothicRegular';
     font-weight: normal;

     margin-top:0px;
    
      margin-left:-10px;
    
}


.moduletable1 > span > h2 {
    font-size: 28px;
    /*line-height: 50px;*/
    color: #2B527E;
    background: #fff;
   
   
   
   

       font-family: 'AlternateGothicRegular';
    
    font-weight: normal;

    margin-left: 0px;
}


#enlaces p{
	display:block;
	
text-align: justify;
	margin: 0 0 10px 0px;
}


#enlaces li{
	float:left;
}

	#enlaces li a{
	display:block;
	margin:10px 3px 15px 7px;
}

#enlaces li:last-child a{
		margin-right:0px;
		margin-bottom:0px;
	}


	.btIcoHolder{

margin-left: 52px;
	
}

.sTxt .headline{

font-family: "Dosis";
margin-top: 172px;margin-left: -62px;font-size: 20px;
	
}





	#clientes h2{
		color:#535353;
		font-size:18px;
		font-weight:normal;
		text-align:center;
	}	



	#serv-izq{
		width:100%;
		float:left;
		margin-right:30px;
		margin-left:22px;
		

	}
	#serv-der{
		width:100%;
		float:left;
		
		padding-left:0px;
	}



	.caja-serv11{
	/*width:319px;*/
	width:295px;
	/*height:380px;*/
	
	padding:10px;
	border:1px solid #DDDDDD;
	float:left;
	margin:3px 0px 0px 0px;
}


.caja-serv12{
	/*width:319px;*/
	
	/*height:380px;*/
	
	width:380px;
	/*height:380px;*/
	min-height:100px;
	padding:10px;
	
	float:left;
	margin:0 0px 0px 0px;
	
}

.caja-serv12 h1{
	display:block;
  
    margin-top:5px;

    margin-bottom:10px;
    
  font-weight:bold;
}


#serv-izqs{
		width:100%;
		
		margin: 0 auto;

		margin-left:15px;

	}

	#cssmenu {
    /* width: 200px; */
   width:80%;
   margin: 0 auto;
}

#cssmenu h2 {

	 width:85%;
   
}


#serv-izqs figure{

	margin-left:5px;
   
}

	#serv-der{
		width:90%;
		
		
		 margin: 0 auto;
		 margin-left:15px;
	}


}
/**********************************/
/****** Tabletas de 240     ******/
/**********************************/
@media only screen and (max-width:240px){

}