.blocon{
    padding: 0px 0px 0px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #669ebd;
    display: inline-block;
    width: 100%;
}

.goog-te-gadget img {
    vertical-align: middle;
    border: none;
    display: none; 
}


.goog-te-gadget-simple {
    background-color: #fff !important;
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
   
    display: inline-block;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    cursor: pointer;
    zoom: 1;
    border-radius: 0px 4px 4px 0px !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
    margin: 3px !important;
}

.skiptranslate{ position: inherit; z-index:-1}


body{ top:0px !important}



#inicio:target ~ header  #xinicio,
#equipo:target ~ header  #xequipo,
#servicios:target ~ header  #xservicios,
#contacto:target ~ header  #xcontacto{
	background-color: #eee;
    color: #669ebd;
    font-weight: 700;
}

.conte_img1{
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -2;opacity: 0; visibility:hidden;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	transition: opacity .6s ease-in-out;

}



.conte_img1:target{ z-index:99;
	opacity: 1; visibility: visible;

}






.tma{ height: 190px; text-align:justify;
    overflow: hidden;}

.ma10{ margin-bottom:20px}


.ma5{ margin-bottom:5px}


	
	
.boo {
    display: inline-block;
    width: 50px;
    font-size: 30px;
    height: 50px;
    text-align: center;
    line-height: 54px;
    border-radius: 50%;
    background-color: #669ebd;
    color: white;
}

.con_t {
    display: inline-block;
    position: relative;
    top: 3px;
}


/*_____*/

.efecto1 h3 { text-align: center;
	position: relative;
	font-size: 13px;
	font-weight: 500;
	color: #669ebd; margin-top:5px !important;
	line-height: 1.3em;font-family: roboto slab;
	padding: 0px 18px 5px 18px;	border-bottom: rgba(215,215,215,1) solid 1px;
}

.efecto1 h3:before {
	position: absolute;
	content: '';
	left: 17px;
	bottom: 0;
	margin-bottom: -1px;
	width: 40px;
	height: 1px;
	background-color: #669ebd;
}

.efecto2 h3 {
    text-align: left;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #004e79;font-family: roboto slab;
    padding: 0px 0px 5px 18px;
    border-bottom: rgba(215,215,215,1) solid 1px;
    margin-top:0px;
}



.efecto3 h3 { text-align: left;
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #fff;;
font-family: roboto slab;
	padding:0px 18px 2px 18px;	border-bottom: rgba(215,215,215,1) solid 1px;
}


.efecto3 h3:before {
	position: absolute;
	content: '';
	left: 17px;
	bottom: 0;
	margin-bottom: -1px;
	width: 40px;
	height: 1px;
	background-color: #004e79;
}

.container2{ width:100%; max-width:800px; display:block; margin:0 auto;}
.efecto02 h3 { text-align: center;
position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #004e79;font-family: roboto slab;
    padding: 0px 0px 10px 18px;
    border-bottom: rgba(215,215,215,1) solid 1px;
    margin-top: 5px;
}


.efecto02 h3:before {
	position: absolute; 
	content: '';
	left: 17px;
	bottom: 0;
	margin-bottom: -1px;
	width: 40px;
	height: 1px;
	background-color: #669ebd;
}

.r33 {
    background-color: #5694b7;
    border-radius: 50%;
    padding: 13px;
    height: 50px;
    width: 50px;
}


.f25{ font-size:25px; color:#fff}

.efecto2 h3:before {
	position: absolute;
	content: '';
	left: 17px;
	bottom: 0;
	margin-bottom: -1px;
	width: 40px;
	height: 1px;
	background-color:#669ebd;;
}




/*titulo */

.block-title {
    position: relative;
    display: table;
    width: 100%;
    margin:35px 0px;
    overflow: hidden;
    z-index: 2;
}

.block-title h1 {    font-family: roboto slab;
    display: table-cell;
    margin: 0;
    font-size: 2.1428em;
    font-weight: 800;
    text-transform: uppercase;
    color: #474747;
    line-height: 1.2em;
    padding: 0 10px;
    white-space: nowrap;
    text-align: center;
}
.line-before,
.line-after {
	position: relative;
	display: table-cell;
}

.line-before:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 7px;
	background-color: rgba(224,224,224,1);
}

.line-before:after {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	right: 0;
	bottom: 7px;
	background-color: rgba(71,71,71,1);
}


.raba{border-bottom: 5px #669ebd solid;
    width: 100%;
    max-width: 120px;margin-bottom: 20px;}


.correo_equipo{text-align:left; color:#000000;    padding: 0 20px;    font-size: 15px;}


.conte_caja3 {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    margin-top: 5px;
    margin-left: 5%;
    margin-right: 5%;
    width: 23%;
    display: inline-block;
}
.line-after:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 7px;
	background-color: rgba(224,224,224,1);
}

.line-after:after {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	left: 0;
	bottom: 7px;
	background-color: rgba(71,71,71,1);
}

.bor2{ width:100%; cursor:pointer;
    border: solid 1px #eee;
    display: inline-block; position: relative;
    padding: 10px; 
-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
-ms-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
-o-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
}
/*.bor2:hover{ background-color:#fff}*/

.leermas{   position: absolute; cursor:pointer;
    bottom: 0px;
    width: 100px;
    background-color: rgb(102, 158, 189);
    right: 0px;
    text-align: center;    padding: 5px;
    color: white;}
	
.bor2:hover{ background-color:#fff}	
	
	
.bor { width:100%;
    border: solid 1px #eee;
    display: inline-block;
    padding: 10px; margin-top:10px;
	background: rgba(255, 255, 255, 0.48);
	
}
.bor h1 {
    text-align: center;
    font-family: roboto slab;
    font-size: 25px;
    font-weight: 600;
    margin-top: 10px;
}

.conte_h{background-color:#fff; border-top:solid 3px #669ebd; width:100%; position:fixed; z-index:99}



#navigation{ margin-top:20px}
.btn-b { cursor:pointer;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
       background-color: transparent;
    color: #004e79;
    text-align: center; text-transform:uppercase; 
 
     border-left:2px solid #669ebd;
    font-family: roboto slab;
	
    font-size: 13px;
}



.btn-b:hover{ background-color:#eee;
 

}
 
 
  .btn-b2{ 
  background-color:#eee;
color:#669ebd; font-weight:700;
  
}
 
 .p1{ padding:0 20px 0 0px !important}
 
 .btn-b2f{ border-right:2px solid #669ebd}
 

.cc{ color:#004e79}

hr.hr1 {
 border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.logo{ margin:10px auto;    width: 100%;    max-width:220px}

hr.hr2 {
  height: 4px;
    border-bottom: 1px solid #ededed;
    margin: 10px 1%; position:relative; 
    float: left;
    border-top: 1px solid #ededed;
    border-left: 0;
    border-right: 0;
    margin: 0;
    width: 100%; z-index:-1
   
   
}

.texto1 {
    color: #004e79;
    font-size: 36px; text-align:center;
    text-transform: uppercase;
    font-weight: bold;
   font-family: 'Cinzel', serif;
    font-weight: 200;
  
    
    display: inline-block; z-index:999;    padding: 0 10px;
}



a{ text-decoration:none}
a:hover{ text-decoration:none !important}


.conte_img2{
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -2; 
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;

}

.efecto1{ position:relative; overflow:hidden ;cursor:pointer}
.gris {
    background-color: #2e7791;
    width: 178px;
    height: 184px;
    position: absolute;
       top: -5%;
    left: 7%;
    padding: 9px;
    margin: 10px;
    opacity: 0;
    border-radius: 50%;
    transform: scale(0);
}


.efecto1:hover .gris{ opacity:0.8;transform: scale(0.5);}

.btn-gris {
    position: absolute;
    top: -42%;
    left: 39%;
    opacity: 0;  
}

.efecto1:hover .btn-gris{ opacity:1;top:42%;opacity:1 ;}

	.grises{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
.efecto1:hover .grises{ 

-moz-filter: grayscale(100%);
-o-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
filter: gray;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;






}
	



.hora {
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.36);
    border-radius: 0 0 0px 5px;
    padding: 5px 10px;
    font-size: 16px;
    color: white;
}



.btn_btn_btn{display:inline-flex;
    border: 2px solid #004e79;
    margin: 0 auto;}
	
.btn_btn_btn:hover{border: 2px solid #669ebd;}

.btn_btn{display: inline-block;
    font-size: 18px;
    line-height: 19px;
    text-transform: uppercase;    font-weight: 700;
    background: #004e79;
    color: #fff;
    padding: 7px 30px;
    border: 3px solid #fff;}
	
	.btn_btn:hover{background: #669ebd;
     color:#fff }
	

.conte_tex1 {
    padding: 20px 30px 30px 30px;
    width: 100%;
    height: 500px;
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 8%;
}
html{ margin:0 ; padding:0; overflow:hidden;}
body{ margin:0 ; padding:0; overflow:hidden;}


*{	
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;	
	
}

.conte_he {
    font-size: 13px;
    text-align: justify;
    padding: 30px;
    margin-top: 20px;
}

.conte_header {
 
    width: 100%;
    height: auto;
    background-repeat: no-repeat;

}


.ra{ border-bottom:1px rgba(0, 0, 0, 0.24) solid;}

.li {
    
    width: 180px;
    display: block;
    margin: 3px auto;
    color: #004e79;
    padding: 5px 10px;
    cursor: pointer;
   font-weight: 400;
}



.li:hover{padding-left:20px;}




.texto_bola{    font-size: 38px;
    color: #fff;
    margin-top: 55px;
    display: block;
    text-transform: uppercase;}




.cua1{ width:10px; height:10px; background-color:#fff; display:inline-block; border:solid 1px #fff }

.cua1:hover{border:solid 1px #fff}

.conte_cua1 {
    border: solid 1px #fff;
    padding:1px 5px;
    display: inline-block;
}

.tri{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 10px solid transparent;
}

.tti {
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #fff;
    left: 4px;
}


	





.img-bor{ border:solid 1px #fff;  margin-bottom:20px;    background: #fff;}



.titulo_mo{font-size: 25px; color:#004e79;font-family: roboto slab;    padding: 0 0 0 18px;}




.malla{background-color: rgba(0, 0, 0, 0.28);width:100%; height:100%; position: absolute; z-index:-1}




.p{ color:#333;}

.imgf {
    background-image: url(../img/menu-bg.jpg);
    background-size: 100%;
 
}
.bajo_menu {
    background: url(../img/menu_show.png) no-repeat bottom left;
    width: 260px;
    height: 74px;
    margin: 0 0 0 0;
    padding: 0 30px 0 30px;
    position: relative;
    background-size: 100%;
}


.no{ display:none}

.franja {
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.36);
    color: #fff;
    text-align: center;
    font-size: 40px;
    position: absolute;
    top: 35%;
    width: 100%;    text-transform: uppercase;
    font-weight: bold;
}
.franja2{ color:#6da3f7;font-size: 22px; position:relative; margin:0px auto; display:block;}


.separador{ width:100%; display:inline-block; height:10px;}

.p0{ padding:0 !important}

.noinput{ background-color:#000000}

.carta_inicio{    position: absolute;
    top: -8px;
    right: 0px;
    font-size: 44px;
    color: rgba(102, 158, 189, 0.67);;
}
.b0{ border-radius:0px !important}

.pt{ padding-top:15px;}



.footer {
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    padding: 5px 0;
    position: absolute;
    bottom: 0px;
    color: black;
    z-index: 135;
    font-size: 13px;
}

.text_inicio {
    font-size: 15px;
    text-align: justify;
    padding: 10px 0px 0px 10px !important;
    margin: 0 0 7px !important;
}
.bor_inicio {
    border: solid 1px #eee;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.48);
	font-size:19px; width:100%;
	font-family: roboto slab;    font-weight: 500;
}
	  
.menur {
    display: none;
    float: right;
    border: solid 1px #000;
    padding: 3px 7px;
    font-size: 25px;
    border-radius: 3px;
    position: relative;
    margin-top: 10px;
    cursor: pointer;
}


.menur2 {
    display: none;
    float: right;
    border: solid 1px #000;
    padding: 3px 7px;
    font-size: 25px;
    border-radius: 3px;
    position: relative;
    margin-top: 10px;
    cursor: pointer;
}


.img_inicio{background-position:center; background-size:cover;width:100%; height:335px;    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;}	





.a_2{display:none !important}
.b_2{display:none !important}
.c_2{display:none !important}
	  
	@media screen and (max-width: 1350px) {  
	  .malla{background-color: rgba(0, 0, 0, 0.28);width:100%; height:auto; position: absolute; z-index:-1}
	  
	  
	}
	
	
@media screen and (max-width: 1200px) {
	

.text_inicio{ font-size:13px; text-align: justify}	
.conte_img1{
    background-size: cover; overflow-y:scroll;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: -2;opacity: 0; visibility:hidden;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-ms-transition: opacity .2s ease-in-out;
	transition: opacity .6s ease-in-out;

}
.bor_inicio {
    border: solid 1px #eee;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.48);
	font-size:15px; width:100%;
	font-family: roboto slab;    font-weight: 500;
}
.conte_tex1 {
    padding: 30px 30px 30px 30px;
    width: 100%;
  
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 9%;
}

.conte_caja3 {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    margin-top: -6px;
    margin-left:auto;
    margin-right: auto;
    width: 30%;
    display: inline-block;
}
.gris {
    background-color: #2e7791;
    width: 178px;
    height: 184px;
    position: absolute;
    top: -5%;
    left: 15%;
    padding: 9px;
    margin: 10px;
    opacity: 0;
    border-radius: 50%;
    transform: scale(0);
}
.bor2 {
    width: 100%;
    cursor: pointer;
    border: solid 1px #eee;
    display: inline-block;
    position: relative;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    font-size: 13px;
}
.efecto2 h3 {
    text-align: left;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #004e79;
    font-family: roboto slab;
    padding: 0px 0px 10px 18px;
    border-bottom: rgba(215,215,215,1) solid 1px;
    margin-top: 0px;
}




}  


@media screen and (max-width: 992px) {
	  .menur{ display: block;}
	#header{    position: fixed;
    background: white;
    width: 100%;
    top: 59px;
    left: 0px; display:none}
	
.conte_tex1 {
    padding: 30px 30px 30px 30px;
    width: 100%;
    height: auto;
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 12%;
}

.bor2 {
    width: 100%;
    cursor: pointer;
    border: solid 1px #eee;
    display: inline-block;
    position: relative;
    padding: 10px;
    -webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.3);
    font-size: 14px;
}

.conte_caja3 {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 100%; max-width:300px;
    display: inline-block;
}

.bor_inicio {
    border: solid 1px #eee;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.48);
    font-size: 15px;
    width: 100%;
    font-family: roboto slab;
    font-weight: 500;
    text-align: center;
}
.a_1{display:none !important}
.b_1{display:none !important}
.c_1{display:none !important}

.a_2{display: inline-block !important}
.b_2{display:inline-block !important}
.c_2{display:inline-block !important}


}
@media screen and (max-width: 770px) {

.p1{ padding: 0px !important}	
.pp0{padding: 0px !important}

.blocon{
    padding: 0px 0px 0px 0px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #669ebd;
    display: inline-block;
    width: 100%;
}


}
@media screen and (max-width: 720px) {
	.conte_tex1 {
    padding: 30px 30px 30px 30px;
    width: 100%;
    height: auto;
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 16%;
}


}


@media screen and (max-width: 640px) {
	.conte_tex1 {
    padding: 30px 30px 30px 30px;
    width: 100%;
    height: auto;
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 18%;
}

	.franja {
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.36);
    color: #fff;
    text-align: center;
    font-size: 40px;
    position: absolute;
    top: 0%;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

}


@media screen and (max-width: 480px) {

	.franja {
	padding: 10px 0;
	background-color: rgba(0, 0, 0, 0.36);
	color: #fff;
	text-align: center;
	font-size: 40px;
	position: absolute;
	top: 15%;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	left: 5px;
}
	
.tma {
    height: auto;
    padding-bottom: 40px !important;
    text-align: justify;
    overflow: hidden;
}
.img_inicio{background-position:center; background-size:cover;width:100%; height:200px;}	

.conte_tex1 {
    padding: 10px 15px 10px 15px;
    width: 100%;
    height: auto;
    color: #004e79;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 4px 7px rgba(0,0,0,0.6);
    z-index: 1;
    display: inline-block;
    margin-top: 26%; margin-bottom:60px;
}
}