@charset "utf-8";
/* CSS Document */
@import url('slider.css');
@import url('menu-principal.css');
@import url('menu-categorias.css');
@import url('animate.css');
@import url('modal.css');

body{
	background: #fdfdfd;
	}

 h1, h2, h3, h4 ,h5, h6{
	font-family: 'Barlow Condensed', sans-serif;
	}

p, small, li{
	font-family: 'Hind Madurai', sans-serif;
	}

/*estilos-pro*/
.border-herad{
	border-top: 8px solid #a63539;
	width:100%;
	position:relative;
	}
		
.logo{
	width:230px;
	z-index:2;
	overflow: hidden;
	height:auto;
	position:absolute;
	margin:10px 0px 0px;
	left: 0px
	}

.logo img{
	width:100%;
	}		

.watch-sm-down{
	display:none !important;
	}	
	
	
.matgin-top{
	margin-top:20px;
	}	
	
/*=====Fecha======*/	
.fecha{
	padding:3px 0px 0px;
    height: 30px;
	width:100%;
	text-align:right;
	position: relative;
	}
	
.fecha p{
    color:#fff;
	font-size:9px;
	padding:5px 8px;
	margin:0px;
	}
	
.fecha p span{
    font-weight:700;
	color:#ECEDED;
	}

/*links-redes*/
.icon-superiores{
	width:auto;
	height:30px;
	margin-top:20px;
	position:relative;
	right:20px !important;
	}

.links-redes{
	width:30px;
	height:30px;
	font-size:18px;
	display:inline-block;
	line-height:1.7;
	position:relative;
	margin:0px 0px 0px 5px;
	border-radius:50%;
	text-align:center;
	cursor:pointer;
		
	color:#fff;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
		
.links-redes a{
	text-decoration:none;
	position:absolute;
	top:0px;
	left:0px;		
	}	
	
.links-redes:hover{
	color:#fff;
	transform:scale(0.9,0.9);	
	}		

.faq-contac {
	background:#0066ad;		
	}
	
.faq-contac:hover {
	background:#fff;			
	}
			
.margin-bottom{
    margin-bottom: 15px;
	}

.padding-top{
	padding-top:15px;
	}
	
.sin-padding{
	padding:0px;
	}
		
.sin-margin{
	margin:0px;
	}

.sin-border{
	border:0px !important; 
	}

.border-left{
	border-left:1px solid #ffff;
	}

.border-right{
	border-right:1px solid #dee2e6;
	}
	
.float-left{
	float:left;
	}

.float-right{
	float:right;
	}	
	
.sin-border-radius{
	border-radius:0px;
	}	

.margin-top{
	margin-top:20px;
	}

.position-top{
	top:-30px;
	position: relative;	
	}
	
.mostrar-mv{
	display:none !important;
	}	
	
.btn {
  padding: 0.2rem 0.8rem;
  font-size: 0.8rem; 
}
/*heard*/
.heart {
    position: relative;
    width: 100%;
    height: 100px;	
	z-index: 1;
	}

.heart::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0;
    width: 100%;
    height: 99px;
	border-bottom:3px #77bae8 solid;	
	background:#333333;
    background: -moz-linear-gradient(top, rgba(51,51,15,0.3) 00%, rgba(51,51,51,1) 100%);
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.3) 00%,rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,0.3) 00%,rgba(51,51,51,1) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 );
}

/*slider*/	
.content-slider{
   position: relative;
   top: 0px;
   width:100%; 
}	
/*con-asociados*/
.con-asociados{
	margin:0px 1.5% 5px;
	width:46%;
	height:auto;
	display:inline-block;
	background:rgba(255,255,255,0.1);
	position:relative;
	}
	
.con-asociados .icon-aso{	
	width:90px;
	height:90px;
	overflow:hidden;
	border:2px solid #fff;
	border-radius:50%;
	position:relative;
	left:-10px;
	top:-15px;
	display:inline-block;
	}
	
.con-asociados .icon-aso img{	
	width:100px;
	}	
	
	
.con-asociados .con-aso{	
	width:70%;
	border-top:1px solid #0066ad;
	height:auto;
	position:relative;
	bottom:0px;
	right:0px;
	display:inline-block;
	}	
	
.con-asociados .con-aso h4{	
	width:100%; 
	font-size:120%;
	text-shadow: 0px 2px 4px rgba(0,0,0, 0.5);
	margin:0px 0px 5px;
	padding:0px;
	color:#fff;
	}
	
.con-asociados .con-aso span{	
	font-size:110%;
	color:#fff;
	font-weight:700;
	}
					
.con-asociados .con-aso p{	
	font-size:80%;
	width:85%;
	text-shadow: 0px 2px 3px rgba(0,0,0, 0.5);
	color:#fff;
	font-style:italic;
	}
	
.con-asociados .ir-con{	
	font-size:80%;
	text-decoration:none;
	color:#fff;
	font-size: 30px;
	line-height: 0.8;
	text-align:center;
	background:#77bae8;		
	position:absolute;
	border-radius:50%;	
	width:40px;
	top:70px;
	right:-15px;
	height:40px;
	padding:5px;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.con-asociados .ir-con a{
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	}
	
.con-asociados .ir-con:hover{	
	text-decoration:none;
	color:#77bae8;
	text-align:center;
	background:#00487b;
	transform:scale(0.8,0.8)
	}				
	
/*servicios*/
.bg-servicios{	
	width:100%;
	height:auto;
	display: inline-block;
	position:absolute;
	padding-top: 20px;
	bottom:0%;	
	}	

.bg-servicios::before {
    position: absolute;
    content: "";
    left:0px;
    top: 0px;
    width: 100%;
	height:150px;
	background:#000000;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 00%, rgba(0,0,0,1) 85%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 00%,rgba(0,0,0,1) 85%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.0) 00%,rgba(0,0,0,1) 85%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
}

/*servicios*/
.btn-servicio{
	width:33.333%;
	height:100px;
	cursor:pointer;
	float: left;
	vertical-align:middle;
	margin:5px 0px 0px 0px;
	position:relative;
	background: #fff;
	-webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
	cursor:pointer;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}

.zindex{
	z-index:1;
	}
	
.btn-servicio .ico-ser{
	width:40px;
	height:40px;
	font-size:27px;
	display:inline-block;
	background:rgba(0,0,0,.3);
	line-height:1.5;
	position:relative;
    float: right;
	top: 5px;
	right: 12px;
	margin:0px 0px;
	border-radius:50%;
	text-shadow: 0px 2px 3px rgba(2,48,81,0.50);
	text-align:center;
	transform: rotate(-10deg);
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}

.btn-servicio .ico-ser::before{
	width:40px;
	height:40px;
	color: rgba(5,118,197,1.00);
	background:#fff;
	line-height:1.5;
	position:relative;
    float: right;
	top: 2px;
	right: 3px;	
	border-radius:50%;	
	transform: rotate(-10deg);
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.btn-servicio .txt-tiulo{
	width:100%;
	height:40px;
	}

.btn-servicio .txt-tiulo h4{
	margin: 0px;
	padding: 5px 12px;
	position: relative;
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-transform: uppercase;
	text-shadow: 1px -2px 3px rgba(2,48,81,0.50);
	}

.btn-servicio .txt-tiulo span{
	margin: 0px;
	position: relative;
	top: 5px;
	font-size: 130%;
	color: #fff;
	font-weight: 700;
	}
	
.btn-servicio .txt-ser p{
	font-size:80%;
	line-height:1.2;
	color: #999aa2;
	padding: 10px 12px;
	width: 90%;
	position:relative;
	display: inline-block;
	margin:0px 0px 0px 0px;
	}

.btn-servicio .txt-ser i{
	font-size:150%;
	display: inline-block;	
	line-height:1.2;
	color: #999aa2;
	position:relative;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}

.btn-servicio .bg-ser-1{
	background:url(../img/bg-line.svg) #00497c;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.btn-servicio .bg-ser-2{
	background:url(../img/bg-line.svg) #0576c5;	
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}

.btn-servicio .bg-ser-3{
	background:url(../img/bg-line.svg) #5FA8DA;	
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
							
.btn-servicio a{
	text-decoration:none;
	position:absolute;
	top:0px;
	left:0px;
	opacity: 0;
	}	
	

.btn-servicio:hover {
	background:#E9EBE6;	
	}

.btn-servicio:hover span{
	color:#E9EBE6 !important;	
	}

.btn-servicio:hover i{
	color:#2B2C2A;	
	}

.btn-servicio:hover .ico-ser{
	transform:scale(0.9,0.9);	
	}

.btn-servicio:hover .ico-ser::before{
	color:#0065ab;
	background:#E9EBE6;
	transform:scale(0.9,0.9);	
	}
				
.btn-servicio:hover .txt-ser{
	color:#fff;
	}
	
.btn-servicio:hover .bg-ser-1{
	background:url(../img/bg-line.svg) #00365B;
	}
	
.btn-servicio:hover .bg-ser-2{
	background:url(../img/bg-line.svg) #0463A6;	
	}	

.btn-servicio:hover .bg-ser-3{
	background:url(../img/bg-line.svg) #5091BD;	
	}	

/*bg-publicaciones*/
.bg-publicaciones{	
	width:100%;
	background:rgba(238,238,238,1);
	position:relative
	}	
	
/*destacados*/
.des-zindex{
	width:100%;	
	position:relative;
	z-index: 1;
	}

.destacados{
	width:100%;	
	position:relative;
	height:auto;
	overflow:hidden;
	padding:0px;
	}

.destacados .cont-img {
	width:50%;	
	position:relative;
	height: 100%;
	max-height:350px;
	top: 20px;
	display: inline-block;
	overflow:hidden;
	padding:0px;
	margin:0px;
	z-index: 1;
	min-height: 280px;
	}
	
.destacados .cont-img img {
	width:100% !important;	
	}
	
.destacados .cont-txts {
	position:absolute;
	height:auto;
	display: inline-block;
	width:53%;
	padding: 30px 30px 30px 70px !important;
	height:90%;
	max-height:350px;
	right: 15px;
	padding:0px;
	float: right;
	background: #e3e3e3;
	}
	
.destacados .cont-txts h4 {
	padding:5px;
	color:#003672;
	}

.destacados .cont-txts p {
	padding:5px;
	color:#939393;
	}

.marco-next-prev{
	padding:0px;
	width: 40px;
	height: auto;
	position: absolute;
	z-index: 2;
	background: #001d7e;
	bottom: 5%;
	right: 0px;
	font-size: 20px;
	overflow:hidden;
	text-align: center;
	}


.marco-next-prev a img {
	width:100% !important;
	height:100% !important;

	 -webkit-transition: all 300ms linear;
       -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
            transition: all 300ms linear; 
	}	

.marco-next-prev a img:hover{
	transform: scale(0.95,0.95);
	background: #0060a2;
	width:100% !important;
	height:100% !important;
	}	

/*=====titulos====*/
.titulo{
	width:100%;
	text-align:center;
	}					

.titulo h2{
	color:#797979;
	}
	
.titulo h2 span{
	font-weight: 700;
    color: #385296;
	font-size: 120%;
	}

/*=====clasificados=====*/
.clasificados{
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;	
	}
	
.clasificados img{
	width:40%;
	height:auto;
	overflow:hidden;
	outline: solid 1px #009bdb;
    outline-offset: 3px;
	float:left;
	margin-right:15px;
	margin-bottom: 10px;
	}
	
.clasificados h3{
	color:#484646;
	margin:0px 0px 5px;
	}
	
.clasificados p{
	font-size:12px;
	}
/*=====Noticias=====*/
.bg-noticias{	
	width:100%;
	height: 100%;
	background:#7f7f7f; 
	position: relative;
	top:-33px;
	z-index: 0;
	padding-bottom:15px;
	border-bottom: 5px solid #15a3de;
}

.bg-noticias2{	
	width:100%;
	height: 100%;
	background:#7f7f7f; 
	position: relative;
	padding-bottom:15px;
	border-bottom: 5px solid #15a3de;
}

.titulo-noticias{	
	width:100%;
	height:auto;
	position:relative;
	padding:10px 0px 10px;
	margin-bottom:10px;	
}


.titulo-noticias::before{	
	width:4px;
	height:60px;
	content: "";
	top: 110px;
	left: 5px;
	position:absolute;
	padding:0px;
	background:#009bdb; 
	margin:0px;	
}


.titulo-noticias h3{
	padding:10px 0px 0px;
	margin:0px 0px 10px ;	
	color: #fff;
}


.titulo-noticias span{
	padding:0px 0px 0px;
	margin:0px 0px 0px ;	
	color: #eee;
	font-weight: 700;
	font-size: 120%;
}

.titulo-noticias p{
	padding:0px 0px 0px 10%;
	margin:0px 0px 10px;	
	color: #EBEDF1;
	font-size: 90%;
	line-height: 1.2;
	width: 90%;
	
}

.noticias{	
	width:100%;
	height:auto;
	float:left;
	position:relative;
	padding:10px 10px 10px;
	margin-bottom:10px;	
	
	-webkit-transition: all 300ms linear;
       -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
            transition: all 300ms linear;
}

.noticias:hover{	
	background:rgba(105,102,103,0.3); 
}

.noticias .not-img{	
    width:30%;
	height:auto;
	float: left;
	overflow:hidden;	
	outline: solid 1px #454952;
    outline-offset: 3px;
	margin-right: 10px;
}

.noticias .not-img img{	
    width:100%;
}

.noticias  h4{	
	height:auto;
	color:#454952;
	margin: 0px !important;
	position:relative;
	vertical-align:bottom;		
}

.noticias p{	
	height:auto;
	margin: 0px 0px 5px !important;
	color:#CECFD2;
	position:relative;
	vertical-align:bottom;		
}

.noticias .separador{
	height:3px;
	width:70px;
	position:relative;
	background:#CECFD2;
	clear:both;
	margin:0px 0px 5px;
	}
	


/*=====Servicios=======*/		
.ca-servicios{
    padding:0;
    margin:0px auto;
    width: 100%;
	padding:0px;
	cursor:pointer;
}

.ca-servicios li{
    width: 100%;
    height:60px;
	float:left;
	padding:0px 0px;
	margin:0px auto 0px;
    /*overflow: hidden;*/
    position: relative;
    display: block;	
	text-align:center;
    -webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
}

.ca-servicios li:last-child{
    margin-bottom: 0px;
}

.ca-servicios li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
	top:0px;
    position: absolute;
}

.ca-icon{   
    font-size:30px;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);
    color: #fff;
	width: 60px;
    height:60px;
	padding:5px;
    line-height:1.2;
    position: absolute;
	left:0px;
	display:inline-block;
	background: #444444;
	display:inline-block;
    text-align: center;
	
    -webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
	     -o-transition: all 300ms linear;
	    -ms-transition: all 300ms linear;
	        transition: all 300ms linear; 
}

.ca-content{
	display:inline-block;
	position:relative;
    right:0px;
    width:63%;
    height:auto;
	float:right;
	text-align:left;
    top: 0px;
	padding:5px 0px ;
}

.ca-main{
	font-size:90%;
	opacity: 0.8;
	padding:0px;
	margin:0px;
	color:#484646;
	text-decoration:none;
    -webkit-transition: all 200ms linear;
       -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	display:block;
}

.ca-main span{
    color:#2d7f44;
	font-size:125%;
	font-weight:700;
	}

.ca-sub{	
    font-size:9px;  
	white-space:nowrap;
	width:100%;
    color: #666;
	padding:0px;
	margin:0px;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
       -moz-transition: all 200ms linear;
       -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.ca-servicios li:hover{
    background:transparent;
}

.ca-servicios li:hover .ca-icon{
    color: #1a1f53;
    font-size:30px;
	background: #c9c9c9;
	text-shadow:0px 1px 3px rgba(0,0,0,0.5);    
	opacity: 0.8;
 /*   -webkit-transform: rotate(20deg);
       -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);*/
}

.ca-servicios li:hover .ca-main{
    color: #618f34;
    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease;
}

.ca-servicios li:hover .ca-sub{
    color: #618f34;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

/*=====ver=======*/
.ver{
	font-size:16px;
	display:inline-block;			
	}	
	
.ver a{
	width:30px;
	height:30px;
	color:#a0a0a0 !important;	
	border-radius:50%;
	background:rgba(105,102,103,0.3); 
	position:relative;	
	padding:5px;
	text-align:center;
	margin:0px 2px;	
	display:inline-block;	
	
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
	     -o-transition: all 300ms linear;
	    -ms-transition: all 300ms linear;
	        transition: all 300ms linear;
	}	
					
.ver a:hover{
	color:#fff !important;
	background:rgba(105,102,103,0.7); 
	}


.ver2{
	font-size:15px;
	display:inline-block;
	}	
	
.ver2 a{
	width:30px;
	height:30px;
	color:#a0a0a0 !important;
	background: #8d8d8d;
	border-radius:50%;
	position:relative;	
	padding:5px;
	text-align:center;
	margin:0px 2px;	
	display:inline-block;	
	
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
	     -o-transition: all 300ms linear;
	    -ms-transition: all 300ms linear;
	        transition: all 300ms linear;
	}	
					
.ver2 a:hover{
	color:#fff !important;
	background:#007bff;
	}
	
/*consul-asociado-mv*/
.consul-asociado-mv{
	width:auto;
	height:40px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	font-size:20px;
	position: absolute;
	top:75px;
	right:65px;
	z-index: 999;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.consul-asociado-mv .ico-aso{
	width:40px;
	height:40px;
	font-size:18px;
	display:inline-block;
	line-height:2;
	vertical-align: middle;
	position:relative;
	color:#00497b !important;
	background: #fff;	
	margin:0px 5px;
	border-radius:50%;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.consul-asociado-mv .txt-aso{
	display:inline-block;
	position:relative;
	top: 10px;
	margin:0px 0px 0px 0px;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.consul-asociado-mv .txt-aso h6{
	font-size: 70%;
	font-weight: 100;
	color: aliceblue;
	display: inline-block;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
					
.consul-asociado-mv a{
	text-decoration:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
	opacity:0;	
	}	
	
.consul-asociado-mv:hover .ico-aso{
	color:#6faed9 !important;
	background: #00497b;
	transform: scale(1.2,1.2) rotate(-30deg)	
	}
	
.consul-asociado-mv:hover .txt-aso h6{
	color: aliceblue;	
	}	

/*.consul-asociado-mv{
	font-size:20px;
	position: absolute;
	top: 80px;
	right:65px;
	z-index: 999
	}

.consul-asociado-mv h6{
	font-size: 70%;
	font-weight: 100;
	color: aliceblue;
	display: inline-block;
	}
	
.consul-asociado-mv a{
	width:40px;
	height:40px;
	color:#00497b !important;
	background: #fff;
	border-radius:50%;
	position:relative;	
	padding:5px;
	text-align:center;
	margin:0px 2px;	
	display:inline-block;	
	
	-webkit-transition: all 300ms linear;
	   -moz-transition: all 300ms linear;
	     -o-transition: all 300ms linear;
	    -ms-transition: all 300ms linear;
	        transition: all 300ms linear;
	}	
					
.consul-asociado-mv a:hover{
	color:#6faed9 !important;
	background: #00497b;
	transform: scale(1.2,1.2) rotate(-30deg)
	}*/
	
/*lins de interes*/

.links-interes{
 text-shadow: 0px 1px 3px  rgba(0,0,0,0.5);
 color: #009bdb;
 margin: 0px 0px 5px;
  font-size: 120% !important;	
}

.links-interes span{
 font-size: 110% !important;
 color: #fff !important;	
}

.cuadro-links{
 width:100%;
 height:auto;
 margin:0px 0px;
}

.links{
 width:45px;
 height:45px;
 border-radius:5px;
 overflow:hidden;
 margin:5px 1.5%;
 background:#CCC;
 display:inline-block;
    -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
       -ms-transition: all 200ms linear;
           transition: all 200ms linear;	
}	


.links:hover{
 transform: scale(0.95,0.95)
 	
}	

/*Quienes-somos*/		
.cuadronoticias{
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:1px dotted #0066ae;
	}
	
.cuadronoticias img{
	width:230px;
	height:auto;
	overflow:hidden;
	outline: solid 1px #0066ae;
    outline-offset: 3px;
	float:left;
	margin-right:15px;
	}
	
.cuadronoticias h4{
	color:#0066ae;
	margin:0px 0px 5px;
	}
	
.cuadronoticias p{
	color: #7f8c8d;
	}
	
.services-title-border {
    background: #009bdb none repeat scroll 0 0;
    display: inline-block;
    height: 2px;
    margin-left: 25px;
    position: relative;
    width: 120px;
	margin-bottom:10px;
	}

.services-title-border::before {
    background: #013871 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: -25px;
    position: absolute;
    top: 0;
    width: 20px;
	}	

/*=====Clasificados=======*/
.link-categoria{
  display: inline-block;
  text-decoration: none;
  font-style: italic	
}

.link-categoria ul{
  padding: 0px !important;	
  margin: 0px;	
  width: 100% !important;	
}

.link-categoria li{	
 display: inline-block;
 list-style:none;	
 width: auto;	
}

.link-categoria li a{	
  color:#ff7701 !important; 	
  text-decoration: none;
  padding: 5px 10px; 	
   -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
       -ms-transition: all 200ms linear;
           transition: all 200ms linear;	
}

.link-categoria li a:hover{
  color:#581b14 !important;
  list-style: disc;		
  text-decoration: none;	
}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);   	  
}

.navbar-toggler {
    border-radius:50% !important;
	outline: none !important;
	}
	
.desarrollo{
	 width:100%;
	 position:relative;
	 vertical-align:middle;
	 padding:10px 0px 5px;
	 text-align:left;
}		

.desarrollo p{
	 font-size:10px !important;
	 color:#fff !important;
}	

.desarrollo p a{
	 font-size:10px !important;
	 color:#009bdb !important;
}	

.desarrollo p a:hover{
	 font-size:10px !important;
	 color:#7dbb41 !important;
}	

.hale{
	float:left;
	width:50px;
	height:50px;
	padding:5px;
	position:relative;
	top:-5px;
	left:0
}
	
.form-bottom{
	 border-top:0px;
	 border-right: 0px;	
	 border-left:0px;	
	 border-bottom: 1px #0066FF solid!important;
	 border-radius: 0px;	
	 background: rgba(197,197,197,0.30); 
	 padding: 8px;
	 font-size: 11px;
	 outline: none;	
}

.icono-for{	
	 color:#DFE9DD;
	 width: 25px;
	 height:25px;
	 border-radius: 50%;
	 background:#529146;
	 text-align: center;
	 padding: 5px;
	 font-size: 14px;	
	 position: relative;
	 line-height: 1.2;
}	

.form-texarea{
	margin: 20px 0px 0px;	
	width: 100% !important;	
	height: 150px;
	border: 0px !important;	
	background: rgba(197,197,197,0.30);
	padding: 15px;
	font-size: 11px;	
	color: rgba(255,255,2555,1.00)!important;
}

footer {
    position: relative;
    width: 100%;
    height: auto;
	background: #00255a;
	padding:20px 0px;
	bottom: 32px
}

.footer {
	bottom: 0px !important
}

.footer-bg {
    background: #191919 !important;
	position: absolute;
    width: 100%;
    height:auto;
	background: #00255a;
	padding:5px 0px;
	bottom: -39px
}

.footer-bg2 {
    background: #191919 !important;
	position: relative;
    width: 100%;
    height:auto;
	background: #00255a;
	padding:5px 0px;
	bottom: 0px !important
}
/*=====info-entidad=======*/
.info-entidad{
	width: 100%;
	height: auto;
	position: relative;
	text-align: left;
	padding-bottom: 5px;	
	}

.info-entidad i{
	display:block;
	display: inline-block;
	width:30px;
	height:30px;
	background:#b6b9bc;
	border-radius:50%;
	color:#00255a;
	position:relative;
	line-height:1.5;
	vertical-align:middle;
	text-align:center;	
	font-size:20px !important;
	}	

.info-entidad h6{
	color: #009bdb;
	}		

.info-entidad p{	
	margin:0px 0px 3px;
	color:#b6b9bc;
	font-style: italic;
	font-size:11px;
	}		

/*=====link-categoria=======*/

.link-categoria{
  display: inline-block;
  text-decoration: none;
  font-style: italic	
}

.link-categoria ul{
  padding: 0px !important;	
  margin: 0px;	
}

.link-categoria li{
 display:inline-block;	
 color:#ff7701;
 list-style: disc !important; 	
 padding: 5px 10px;	
 list-style: disc;	
}


.link-categoria li a{
  color:#009bdb;
  list-style: disc !important; 	
  text-decoration: none;	
}

.link-categoria li a:hover{
  color:#009bdb;
  list-style: disc;		
  text-decoration: none;	
}

.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);   	  
}

.navbar-toggler {
    border-radius:50% !important;
	outline: none !important;
	}

/*=====Convenios-clasificados=======*/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 360px;
	width:100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h3 span {
	font-weight: 800;
}

.grid figure h3,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #01497b 0%, #0065ab 40%, #77b9e9 100%);
	background: linear-gradient(45deg, #01497b 0%,#0065ab 40%,#77b9e9 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding:1.5%;
	background-color: rgba(20,79,121,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 1%;
	right: 1%;
	bottom: 1%;
	left: 1%;
	border: 1px solid #fff;
	content: '';
	height:98%;
	width:98%;
}

figure.effect-oscar h3 {
	margin: 10% 0 10px 0;
	text-align:center;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	font-size:14px;
	font-weight:bold;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}


/*=====Convenios=======*/
.con-convenios{
	width:90%;
	height:40px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	margin:0px 0px 3px 0px;
	position:relative;
	cursor:pointer;
	font-size:20px;	
	float:right;
	background:#e3e3e3;

	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.con-convenios .ico-con{
	width:40px;
	height:40px;
	font-size:18px;
	display:inline-block;
	line-height:2;
	position:absolute;
	color:#00497b !important;
	background: #CCC;
	border:2px solid #0166ae;
	margin:0px 0px;
	left:-15px;
	border-radius:50%;
	text-align:center;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.con-convenios .txt-con{
	display:inline-block;
	width:90%;
	position:relative;
	float:right;
	padding:0px 10px;
	margin:0px 0px 0px 0px;
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.con-convenios .txt-con h5{
	font-weight: 100;
	font-size:90%;
	margin:0px 0px 0px 0px;
	color: #4f4f4f;
	text-align:left;	
	position:relative;
	vertical-align:1.2;
	display: inline-block;
	
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}
	
.con-convenios .txt-con span{
	font-size:110%;
	font-weight: 700;
	color:#394867;	
	-webkit-transition: all 300ms ease-in-out;
	   -moz-transition: all 300ms ease-in-out;
	     -o-transition: all 300ms ease-in-out;
	    -ms-transition: all 300ms ease-in-out;
	        transition: all 300ms ease-in-out;
	}	
					
.con-convenios a{
	text-decoration:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
	opacity:0;	
	}	
	
.con-convenios:hover{
	background: #d1d1d1;
	}	
	
.con-convenios:hover .ico-con{
	color:#6faed9 !important;
	background: #00497b;
	transform: scale(1.2,1.2) rotate(-30deg)	
	}
	
.con-convenios:hover .txt-con h5{
	color: #394867;	
	}
	
.con-convenios:hover .txt-con span{
	color:#394867 ;	
	}	
/*=====Actualidad=======*/
.actualidad-img {
    width: 100%;
    height: auto;
    float: left;
	margin:0px 0px 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.actualidad-img .mascara,.actualidad-img .contenido {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
}

.actualidad-img img {
        display: block;
        position: relative;
}

.actualidad-img h2 {
        text-transform: uppercase;
        color: #fff;
		font-family: 'Conv_shrutib', Arial;
        text-align: center;
        position: relative;
        font-size:14px;
        padding: 5px;
        background: rgba(0, 0, 0, 0.7);
        margin: 10px 0 0 0
}

.actualidad-img p {    
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 10px 10px;
        text-align: left;
}

.actualidad-img a.link {
		position:relative;
        display: inline-block;
        text-decoration: none;
        padding: 7px;
		top:50%;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        text-transform: uppercase;
        box-shadow: 0 0 1px #000
}

.actualidad-img a.link:hover{
box-shadow: 0 0 5px #000;
background:rgba(57,71,100,0.90);
}
 			
.actu img {
transition: all 0.2s linear;
}
.actu .mascara {
opacity: 0;
background:rgba(57,71,100,0.90);
transition: all 0.3s ease-in-out;
}
.actu h2 {
transform: translateX(-200px);/*Desplazamos a la izquierda*/
opacity: 0;
transition: all 0.7s ease-in-out;
}
.actu p {
transform: translateX(200px);/*Desplazamos a la derecha*/
opacity: 0;
transition: all 0.4s linear;
}
.actu a.link{
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(100px)/*Desplazamos para abajo*/
}
.actu:hover img {
transform: scale(1.1);/*Damos un ligero zoom a la imagen*/
}
.actu:hover .mascara {
opacity: 1;
}
.actu:hover h2,
.actu:hover p,
.actu:hover a.link {
opacity: 1;
transform: translateX(0px);/*Regresamos a las posiciones originales*/
}
.actu:hover p {
transition-delay: 0.1s;
}
.actu:hover a.link {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(0px);
}

/*contactenos*/	
.contactenos{
	width:100%;	
	position:relative;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 20px;
	}

.contactenos .contact-img {
	width:50%;	
	position:relative;
	height:550px;
	top: 20px;
	display: inline-block;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 20px;
	z-index: 1;
	}
	
.contactenos .contact-img img {
	width:100% !important;	
	}
	
.contactenos .cont-contact {
	position:absolute;
	height:auto;
	display: inline-block;
	width:53%;
	padding: 30px 30px 30px 70px !important;
	height:auto;
	right: 15px;
	padding:0px;
	float: right;
	background: #e3e3e3;
	}

.inputGroup {
  position: relative;
  margin-bottom: 30px;
}

.inputGroup label {
  position: absolute;
  top: 5px;
  left: 10px;
  pointer-events: none;
  transition: all 0.3s ease;
  font-size: 12px;
  font-weight:600;  
  color: #5A5A5A;
}

.inputGroup input,
.inputGroup textarea {
  display: block;
  width: 100%;
  border: none;
  left: 25px;
  color: #5A5A5A;
  outline:none;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px #1233A6 dotted !important;
  border-radius: 0px;
  background: rgba(197,197,197,0.30);
  padding: 5px 8px;
  font-size: 14px;
}

.inputGroup input:focus ~ label,
.inputGroup input:valid ~ label,
.inputGroup textarea:focus ~ label,
.inputGroup textarea:valid ~ label {
  top: -20px;
  transition: all 0.3s ease;
  font-size: 12px;
  color: #315291;
}

.inputGroup input:focus ~ .inputBar:before,
.inputGroup input:focus ~ .inputBar:after,
.inputGroup textarea:focus ~ .inputBar:before,
.inputGroup textarea:focus ~ .inputBar:after {
  width: 50%;
}

.inputGroup textarea {
  height: 100px;
  width: 100%;
  overflow: auto;
  resize: none;
}

.inputGroup .inputBar {
  position: relative;
  display: block;
  width: 100%;
}

.inputGroup .inputBar:before,
.inputGroup .inputBar:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  background: #223E8C;
  height: 1px;
  transition: all 0.2s ease;
}

.inputGroup .inputBar:after {
  right: 50%;
}

.inputGroup .inputBar:before {
  left: 50%;
}


/*=====Intro Contenido=======*/
.intro-content{
width: 100%;
height: 300px;
background: #000;	
position: relative;
z-index: -9999;	
overflow: hidden;	
margin: 0px 0px;
padding: 30px 0px;	
background:url(../img/img-contac2.jpg) fixed;
background-position: center top;
background-repeat:no-repeat;
background-size:cover;
text-align: center;	
}

.marco-titulo h2{
width: auto;
height: auto;	
padding:0px;
color:#0e87db;
width: 100%;	
margin: 30px 0px 5px;	
text-shadow: -3px -3px 6px rgba(0,0,0,0.30);
position: relative;
}


.marco-titulo h2 span{
font-weight:700;
color:#fff;
width: 100%;	
font-size:110%;
}

.marco-titulo small{
color:#fff;
width:100%;	
text-shadow: 0px 1px 5px  #000;	
}


/*=====@Medias=======*/
@media (max-width:3200px){	

}

@media (max-width:2560px){

}

@media (max-width:2048px) and (min-width:300px){

}

@media (max-width:1920px) and (min-width:300px){

}

@media (max-width:1856px) and (min-width:300px){
	
}

@media (max-width:1800px) and (min-width:300px){

}

@media (max-width:1792px) and (min-width:300px){

}

@media (max-width:1600px) and (min-width:300px){

}

@media (max-width:1440px) and (min-width:300px){
		
}

@media  (max-width:1366px) and (min-width:300px){
			
}

@media (max-width:1280px) and (min-width:300px){

}

@media (max-width:1024px) and (min-width:300px){
.con-convenios .txt-con h5{
	font-size:80%;
	}
	
.con-convenios .txt-con span{
	font-size:105%;
	}	
}

@media (max-width: 991px) {	
.logo{
	width:70px;
	left:-70px
	}
}


@media (min-width: 768px) {

}

@media (max-width:768px) and (min-width:300px){
.hidden-md-down{
	display:none;
	}		
	
.logo{
	width:180px;
	top:10px;
	left:15px
	}
 
.con-asociados .icon-aso{	
	width:70px;
	height:70px;
	top:-10px;
	}
	
.con-asociados .con-aso{	
	width:70%;
	bottom:30px;
	}	
	
.con-asociados .con-aso h4{	; 
	font-size:130%;
	}
	
.con-asociados .con-aso span{	
	font-size:140%;
	width: 100%;	
	font-weight:700;
	}
					
.con-asociados .con-aso p{	
	font-size:75%;
	display: none;	
	}
	
.con-asociados .ir-con {
    top: 40px;
    right: -15px;
}	
	
	
.bg-servicios::before {
    width: 100%;
    height: 120px;   
}	

/*servicios*/
.btn-servicio{
	width:33.333%;
	height:100px;
	}	
	
.btn-servicio .ico-ser{
	width:50px;
	height:50px;
	font-size:37px;
	top: -72px;
	right:10px;
    position:relative;
	}

.btn-servicio .ico-ser::before{
	width:50px;
	height:50px;
	position:absolute;
    float: right;
	top: 2px;
	right: 3px;
	}
		
.btn-servicio .txt-tiulo span{
	color: #0065ab;
	}
	
.btn-servicio .txt-ser p{
	display: none;
	}

.btn-servicio .txt-ser i{
	display: none;
	}	
		
.destacados .cont-img {
	width:100%;
	top: 0px;
	z-index: 0;
	}
	
.destacados .cont-txts {
	position:relative;
	z-index: 1;
	width:95%;
	top: -20px;
	padding: 30px 30px 30px 30px !important;
	right: 0px;
	}

.marco-next-prev{
	bottom: 190px;
	}
	
.noticias .not-img {
    width: 100%;
	max-height: 200px;
	height:100%;
    margin-right: 0px;
	margin-bottom: 10px;
}

.con-convenios .txt-con{
	width:86%;
	}
	
.con-convenios .txt-con h5{
	font-size:85%;
	}
	
.contactenos .cont-contact {

	padding: 30px 20px 30px 35px !important;
	right: 0px;
	top: 0px;
	}
	
.intro-content{
width: 100%;
height: 270px;
}		
	
}

@media (max-width:736px) and (min-width:300px){	
/*contactenos*/	
.contactenos{
	width:100%;	
	position:relative;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px 0px 20px;
	}

.contactenos .contact-img {
	width:100%;	
	position:relative;
	height:350px;
	top: 40px;
	margin:0px 0px 20px;
	z-index: 0;
	}
	
.contactenos .contact-img img {
	width:100% !important;	
	}
	
.contactenos .cont-contact {
	position:relative;
	height:auto;
	display:block;
	width:100%;
	padding: 30px 30px 30px 30px !important;
	right: 0px;
	top: 0px;
	z-index: 1
	}
	
}

@media (max-width:560px) and (min-width:300px){
.hidden-sm-down{
	display:none;
	}	
	
.watch-sm-down{
	display:block !important;
	}	
	
.footer-bg {
    background: #191919 !important;
	position: absolute;
    width: 100%;
    height:auto;
	background: #00255a;
	padding:5px 0px;
	bottom: -53px
}
	
	
.titulo-noticias::before {
    height: 40px;
    top: 70px;
}	
	
.titulo-noticias p{
	padding:0px 0px 0px 8%;
	margin:0px 0px 10px;	
	color: #EBEDF1;
	font-size: 90%;
	line-height: 1.2;
	width:100%;
	
}	
	
.con-asociados{	
	width:50px;
	height:50px;
	top:-10px;
	display: none;
	}	

	
.bg-servicios::before {
    width: 100%;
    height: 60px;   
	top: -28px;
}	
	
/*servicios*/
.btn-servicio{
	width:33.333%;
	height:100px;
	margin-bottom: 20px;
	}	
	
.btn-servicio .ico-ser{
	width:55px;
	height:55px;
	font-size:40px;
	top: 5px;
	position: absolute;
	right:30%;
	}

.btn-servicio .ico-ser::before{
	width:55px;
	height:55px;
	}
	
.btn-servicio .txt-tiulo h4{
	top:65px;
	text-align: center;
	position: absolute;
	font-size: 70%;
	text-shadow: 1px -2px 3px rgba(2,48,81,0.0);
	}
	
.btn-servicio .txt-tiulo span{
	color: #0065ab;
	font-size: 120%;
	top: 0px;
	}
	
.btn-servicio:hover span{
	color:#77bae8 !important;	
}
	
.intro-content{
width: 100%;
height: 180px;
}	
	

.con-convenios{
	width:19%;
	height:auto;
	display:inline-block;
	margin:0px 0px 20px 0px;
	padding-top:10px;
	position:relative;
	float:none;
	overflow:hidden;
	background:transparent;
	}
	
.con-convenios .ico-con{
	width:50px;
	height:50px;
	font-size:18px;
	display:table;
	line-height:2.5;
	position:relative !important;
	margin:0px auto !important;
	left:auto;
	}
	
.con-convenios .txt-con{
	display:block;
	width:100%;
	position:relative;
	float:left;
	padding:0px 10px;
	text-align:center !important;	
	}
	
.con-convenios .txt-con h5{
	font-weight: 100;
	font-size:55% !important;
	margin:5px 0px 0px 0px;	
	text-align:center !important;
	}
	
.con-convenios .txt-con span{
	font-size:125% !important;	
	}	
					
.con-convenios a{
	text-decoration:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;	
	opacity:0;	
	}	
	
.con-convenios:hover{
	background:transparent;
	}	
	
.con-convenios:hover .ico-con{
	color:#6faed9 !important;
	background: #00497b;
	transform: scale(1.2,1.2) rotate(-30deg)	
	}
	
.con-convenios:hover .txt-con h5{
	color: #394867;	
	}
	
.con-convenios:hover .txt-con span{
	color:#394867 ;	
	}
}

@media (max-width:426px) and (min-width:300px){
.logo{
	width:170px;
	left: 20px;
	top:15px;
	}	

/*.toggle {
  position: absolute;
  right: -5px !important;	
  top:-90px;	
}*/

/*links-redes*/
.icon-superiores{
	margin-top:30px;
	}
	
.btn-servicio .ico-ser{
	right:25%;
	}	

}

@media (max-width:376px) and (min-width:300px){
.con-convenios{
	width:18.5%;
	}
.con-convenios .txt-con h5{
	font-size:35%;
	display: none;
	}	
	
.con-convenios .txt-con span{
	font-size:155%;	
	display: block;
	}	
}


@media (max-width:426px) and (min-width:300px){
.logo{
	width:140px;
	left: 10px;
	top:10px;
	}	

}

@media (max-width:376px) and (min-width:300px){
.cuadronoticias img{
	width:100%;
	height:auto;
    margin-bottom: 15px;
	}	

}