*{
	margin:0;
	padding: 0;
}
.clearfix {
    overflow: auto;
}
header{
	width:100%;
	height: 210px;
	display: block;
	position: relative;
	background: #FFF;
}
.body{
	background: linear-gradient(bottom,#0F465B 50px,#FFF 51px);
	background: -webkit-linear-gradient(bottom,#0F465B 50px,#FFF 51px);
	display: block;
}
.imagen {
	float: left;
	width: 40%;
}
#barra_buscar{
	width: 100%;
    height: 50px;
    background: linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: -webkit-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: -moz-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: -ms-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    position: absolute;
    z-index: 1;
}
#barra_buscar #fecha{
	width: 1024px;
	height: 116px;
	margin: 0 auto;
	left: 0;
	top: 0;
	background:url(../imagenes/fondo_fecha.png) no-repeat;
	color: #FFF;
	box-sizing: border-box;
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	font-size: 12px;
	padding: 12px 0 0 40px;
}

#fecha #texto_fecha{
	float: left;
}
#buscador{
	float: right;
}
#buscador input{
	width: 159px;
    height: 30px;
    border-top: #FFF solid 1px;
    border-right: none;
    border-bottom: #FFF solid 1px;
    border-left: #FFF solid 1px;
    border-radius: 15px 0 0 15px;
    background: rgba(255,255,255,0.6);
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px;
    font-size: 16px;
}
#buscador input.bot_lupa{
	width: 32px;
	height: 30px;
	border-top: #FFF solid 1px;
	border-right: #FFF solid 1px;
	border-bottom: #FFF solid 1px;
	border-left: none;
	border-radius: 0 15px 15px 0;
	background: url(../imagenes/lupa.png), rgba(255,255,255,0.6);
	background-repeat: no-repeat;
	background-position: left center;
	box-sizing: border-box;
	display: block;
	float: left;
	cursor: pointer;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
#imagen_encabezado{
	background: url(../imagenes/logo.png), url(../imagenes/img_encabezado.jpg);
	background-position: 25px 110px, right top;
	background-repeat: no-repeat, no-repeat;
    margin: 0 auto;
    width: 1024px;
    height: 210px;
}
#barra_redes{
	width: 100%;
    margin: 0 auto;
    height: 90px;
    top: 120px;
    background: url(../imagenes/fondo_redes.png) no-repeat bottom right;
    padding-left: 670px;
    box-sizing: border-box;
    position: relative;
}
#barra_redes ul.redes{
	display: block;
	position:relative;
	bottom: 0;
	float: left;
	margin-top: 50px;
}
#barra_redes ul li{
	display:inline-block;
	margin-right: 20px;
}
#barra_redes ul li a.ico_facebook{
	width: 11px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -2px top;
	display: block;
	transition: all 0.3s ease-out;
}
#barra_redes ul li a.ico_facebook:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -2px top;
}
#barra_redes ul li a.ico_twitter{
	width: 23px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -34px center;
	display: block;
	transition: all 0.3s ease-out;
}
#barra_redes ul li a.ico_twitter:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -34px center;
}
#barra_redes ul li a.ico_youtube{
	width: 25px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -79px center;
	display: block;
	transition: all 0.3s ease-out;
}
#barra_redes ul li a.ico_youtube:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -79px center;
}
#barra_redes ul li a.ico_instagram{
	width: 21px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -125px center;
	display: block;
	transition: all 0.3s ease-out;
}
#barra_redes ul li a.ico_instagram:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -125px center;
}
a.login{
	float: right;
    margin-top: 35px;
    margin-left: 15px;
    width: 119px;
    height: 43px;
    background: url(../imagenes/login.png) no-repeat right top;
    margin-right: 40px;
	display: block;
	transition: all 0.3s ease-out;
}
a.login:hover{
	background: url(../imagenes/login2.png) no-repeat right top;
}
.ingreso{
	display: block;
    float: left;
    text-align: right;
    color: #FFF;
    margin-top: 5px;
    line-height: 17px;
	font-family: 'HelveticaNeueLTCom-Cn';
}

/*nav*/
nav{
	width: 100%;
	height: 46px;
	background: #3DB2E1;
}
#nav_interno{
	width: 1024px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
    z-index: 2;
}

/*contenedor*/
#contenedor{
	width: 100%;
	float: left;
	background: #FFF;
}
#contenedor_interno{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}
h1{
	position: absolute;
	display: block;
	z-index: 1;
	width: 100%;
	height: 70px;
	color: #FFF;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-style: italic;
	font-size: 30px;
	background: url(../imagenes/h1.png) no-repeat left top;
	letter-spacing: 1px;
	padding: 10px 0 0 20px;
	box-sizing: border-box;
}

/*section*/
section{
	width: 700px;
	float: left;
	font-family: 'ZurichBT-Roman';
	font-size: 16px;
}
article{
	width: 100%;
    margin-top: 80px;
    padding: 0 20px;
    box-sizing: border-box;
}
article.quienes, article.simulador{
	width: 100%;
    padding: 20px 0;
	margin: 0;
    box-sizing: border-box;
	border-bottom: #CCC solid 1px;
}
article.simulador{
	width: 100%;
}
article.cons_home{
	width: 100%;
    float: left;
    border: #CCC solid 1px;
    margin: 0px 0 20px 0;
    padding: 20px 20px 20px 20px;
}
.convenios{
	border-bottom: none;
    width: 76%;
    float: right;
    margin-top: 0;
    margin: 0;
    padding: 0;
}
article.galerias{
	border-bottom: none;
    width: 76%;
    float: right;
    margin-top: 0;
    margin: 0;
    padding: 0;
}
article.galerias li{
	list-style: none;
}
#album{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	border: #CCC solid 1px;
}
article p{
	margin-bottom: 20px;
}
h2 {
    display: block;
    width: 100%;
    color: #166C8D;
    font-family: 'HelveticaNeueLTCom-Cn';
    font-weight: bold;
    font-style: italic;
    font-size: 26px;
    letter-spacing: 1px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#texto_noticia_principal p{
	font-family: 'ZurichBT-Roman';
	font-size: 16px;
	line-height: 18px;
}
#texto_noticia_principal #vinculos_noticias{
	width: 100%;
	margin-top: 15px;
	height: auto;
	float: left;
}
#texto_noticia_principal #vinculos_noticias a{
	padding: 0;
	text-decoration: none;
}
#texto_noticia_principal #vinculos_noticias a.vinculo{
	float: left;
	display: block;
	width: 22px;
	height: 19px;
	background: url(../imagenes/vinculos.png) no-repeat left 2px;
	overflow: hidden;
	opacity: 0.6;
	transition: all 0.2s ease-out;
	padding-left: 35px;
	color: #FFF;
	box-sizing: border-box;
	font-family: 'ZurichBT-RomanCondensed';
	border-right: #333 solid 1px;
	line-height: 20px;
}
#texto_noticia_principal #vinculos_noticias a.vinculo:hover{
	opacity: 1;
	padding-left: 35px;
	width: 85px;
}
#texto_noticia_principal #vinculos_noticias a.descarga{
	float: left;
	display: block;
	width: 22px;
	height: 19px;
	background: url(../imagenes/vinculos.png) no-repeat 13px -17px;
	overflow: hidden;
	opacity: 0.6;
	transition: all 0.2s ease-out;
	padding-left: 48px;
	color: #FFF;
	box-sizing: border-box;
	font-family: 'ZurichBT-RomanCondensed';
	border-right: #333 solid 1px;
	border-left: #CCC solid 1px;
	line-height: 20px;
}
#texto_noticia_principal #vinculos_noticias a.descarga:hover{
	opacity: 1;
	padding-left: 48px;
	width: 123px;
}
#noticias_secundarias{
	width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
    overflow: hidden;
}
#noticias_secundarias_interna{
	transform: skewY(-2deg);
    background: #EEE;
    top: -12px;
    position: relative;
    height: auto;
	overflow: hidden;
}
#noticias_secundarias_interna ul{
	width: 100%;
    height: auto;
    transform: skewY(2deg);
    display: block;
    float: left;
    padding-top: 12px;
}
#noticias_secundarias_interna ul li{
	width: 33.3%;
	display: inline-block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	font-family: 'ZurichBT-Roman';
	color: #212121;
	font-size: 14px;
	height: auto;
	transition: all 0.3s ease-out;
}
#noticias_secundarias_interna ul li:hover{
	background: #1E96C4;
	color: #FFF;
}
#noticias_secundarias_interna ul li:hover h3, #noticias_secundarias_interna ul li:hover p{
	color: #FFF;
}
#noticias_secundarias_interna ul h3{
	color: #156C8C;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	letter-spacing: 0.5px;
}
#noticias_secundarias_interna ul li p{
	font-family: 'ZurichBT-Roman';
    color: #212121;
    font-size: 14px;
    /* white-space: nowrap; */
    overflow: hidden;
    max-height: 66px;
    display: block;
    position: relative;
}
#noticias_secundarias_interna ul li p::after {
  	content: '...';
    position: absolute;
    top: 3.0rem;
    right: 0;
    float: left;
    display: block;
	background: linear-gradient(left,rgba(238,238,238,0), rgba(238,238,238,1)60%);
	background: -webkit-linear-gradient(left,rgba(238,238,238,0), rgba(238,238,238,1)60%);
	background: -moz-linear-gradient(left,rgba(238,238,238,0), rgba(238,238,238,1)60%);
	background: -ms-linear-gradient(left,rgba(238,238,238,0), rgba(238,238,238,1)60%);
	transition: all 0.3s ease-out;
	padding-left: 20px;
}
#noticias_secundarias_interna ul li:hover p::after {
	color: #FFF;
	background: #1E96C4;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
#vinculos_noticias_secundarias{
	width: 100%;
	margin-top: 10px;
	height: auto;
	float: left;
}
#vinculos_noticias_secundarias a.vinculo_noticias{
	width: 22px;
	height: 15px;
	float: left;
	margin-right: 10px;
	background:url(../imagenes/vinculos_otras_noticias.png) no-repeat left top;
}
#noticias_secundarias_interna ul li:hover a.vinculo_noticias{
	background: url(../imagenes/vinculos.png) no-repeat left top;
}
#vinculos_noticias_secundarias a.descarga_noticias{
	width: 22px;
	height: 15px;
	float: left;
	margin-right: 10px;
	background:url(../imagenes/vinculos_otras_noticias.png) no-repeat left -19px;
}
#noticias_secundarias_interna ul li:hover a.descarga_noticias{
	background: url(../imagenes/vinculos.png) no-repeat left -19px;
}
section #galerias{
	display: none;
	width: 100%;
	margin-bottom: 20px;
}

/*aside*/
aside{
	width: 295px;
	margin-top: 20px;
	float: right;
	display: block;
}
aside #galerias{
	width: 100%;
	margin-bottom: 20px;
}
h4{
	display: block;
	width: 100%;
	color: #009FE3;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#menu_galerias{
	width: 100%;
    padding: 0 0;
	background: radial-gradient(circle,#166C8D 30%,#1F9AC9);
	background: -webkit-radial-gradient(circle,#3db2e1 30%,#1F9AC9);
	background: -moz-radial-gradient(circle,#3db2e1 30%,#1F9AC9);
	background: -ms-radial-gradient(circle,#3db2e1 30%,#1F9AC9);
	box-sizing: border-box;
}
#menu_galerias li{
	width: 50%;
	text-align: center;
	border-right: #FFF solid 1px !important;
	border-left: #FFF solid 1px !important;
	box-sizing: border-box;
	display:block;
}
a.boton_diagonal{
	width: 100%;
	height: 115px;
	transform: skewY(-2deg);
	overflow: hidden;
	margin-top: 8px;
	display: block;
	transition: all 0.2s ease-out;
	font-family: 'HelveticaNeueLTCom-Cn';
}
a.boton_diagonal:hover{
	filter: drop-shadow(0 5px 3px gray);
	transform: translateY(-5px) skewY(-2deg) scale(1.02);
	z-index: 1;
}
#boton_diagonal{
	width: 100%;
	height: 115px;
	transform: skewY(-2deg);
	overflow: hidden;
	margin-top: 8px;
	font-family: 'HelveticaNeueLTCom-Cn';
}
#boton_diagonal_links{
	width: 100%;
    height: auto;
    transform: skewY(-2deg);
    overflow: hidden;
    margin-top: 8px;
    font-family: 'HelveticaNeueLTCom-Cn';
    float: left;
}
#convenios, #simulador, #encuesta{
    color: #FFF;
    transform: skewY(2deg);
    padding: 15px 10px;
    position: absolute;
    width: 100%;
    height: 125px;
    top: -5px;
    box-sizing: border-box;
}
#links_interes{
    color: #FFF;
    transform: skewY(2deg);
    padding: 15px 10px;
    width: 100%;
    height: auto;
    top: -5px;
    box-sizing: border-box;
	position: relative;
}
#convenios{
	background: url(../imagenes/img_convenios.png), #166C8D;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#simulador{
	background: url(../imagenes/img_simulador.png), #1E96C4;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#encuesta{
	background: url(../imagenes/img_encuesta.png), #5FC1E7;
	background-repeat: no-repeat;
	background-position: right bottom;
}
#links_interes{
	background: #CCC;
}
#links_interes ul li{
	color: #222;
	list-style: none;
	list-style-image: url(../imagenes/vineta.png);
	list-style-position:inside;
}
#links_interes ul li a{
	color: #222;
	text-decoration: none;
}
#links_interes ul li a:hover{
	color: #166C8D;
	text-decoration: none;
}
h5{
	display: block;
	width: 100%;
	color: #FFF;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	letter-spacing: 1px;
	box-sizing: border-box;
}
h5.h5_links_interes{
	display: block;
	width: 100%;
	color: #166C8D;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
a.boton_diagonal p{
	font-family: 'ZurichBT-RomanCondensed';
	line-height: 17px;
}

/*footer*/
footer{
	width: 100%;
    float: left;
    display: block;
    height: 250px;
    overflow: hidden;
    position: relative;
}
#footer2{
	width: 100%;
    float: left;
    display: block;
    background: linear-gradient(top,#166C8D 10px,#FFF 11px,#FFF 12px,#0F465B 13px);
    background: -webkit-linear-gradient(top,#166C8D 10px,#FFF 11px,#FFF 12px,#0F465B 13px);
    background: -moz-linear-gradient(top,#166C8D 10px,#FFF 11px,#FFF 12px,#0F465B 13px);
    background: -ms-linear-gradient(top,#166C8D 10px,#FFF 11px,#FFF 12px,#0F465B 13px);
    height: 300px;
    transform: skewY(-2deg);
    position: absolute;
    top: 26px;
}
#footer_interno{
	width: 1024px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
	color: #FFF;
	transform: skewY(2deg);
	font-family: 'ZurichBT-RomanCondensed';
}
#ubicacion{
	float: left;
	width: 320px;
	margin-right: 30px;
	box-sizing: border-box;
}
.mapa{
	display:block;
}
.mapa_tablet{
	display:none;
}
h6{
	display: block;
	width: 100%;
	color: #FFF;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
	box-sizing: border-box;
}
#direccion{
	float: left;
	margin-right: 30px;
	box-sizing: border-box;
	padding-top: 25px;
}
#direccion ul.redes{
	display: block;
	position:relative;
	bottom: 0;
	float: left;
	margin-top: 44px;
}
#direccion ul li{
	display:inline-block;
	margin-right: 20px;
}
#direccion ul li a.ico_facebook{
	width: 11px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -2px top;
	display: block;
	transition: all 0.3s ease-out;
	opacity: 0.4;
}
#direccion ul li a.ico_facebook:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -2px top;
	opacity: 1;
}
#direccion ul li a.ico_twitter{
	width: 23px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -34px center;
	display: block;
	transition: all 0.3s ease-out;
	opacity: 0.4;
}
#direccion ul li a.ico_twitter:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -34px center;
	opacity: 1;
}
#direccion ul li a.ico_youtube{
	width: 25px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -79px center;
	display: block;
	transition: all 0.3s ease-out;
	opacity: 0.4;
}
#direccion ul li a.ico_youtube:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -79px center;
	opacity: 1;
}
#direccion ul li a.ico_instagram{
	width: 21px;
	height: 26px;
	background: url(../imagenes/redes.png) no-repeat -125px center;
	display: block;
	transition: all 0.3s ease-out;
	opacity: 0.4;
}
#direccion ul li a.ico_instagram:hover{
	transform:translateY(-3px);
	background: url(../imagenes/redes2.png) no-repeat -125px center;
	opacity: 1;
}
#creditos{
	width: 355px;
    height: 215px;
    float: right;
    position: relative;
    top: -49px;
    overflow: hidden;
    transform: skewY(-2deg);
}
#creditos_tablet{
	display: none;
}
#creditos_interno{
	width: 350px;
    height: 215px;
    transform: skewX(-15deg);
    background: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    position: absolute;
    left: 33px;
    box-sizing: border-box;
    padding: 105px 38px 20px 0;
}
#texto_creditos{
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	color: rgba(255,255,255,0.7);
	font-size: 11px;
	text-align: right;
	transform: skew(15deg,2deg);
}
#diseno_desarrollo{
	height: 35px;
    margin-top: 20px;
    margin-left: 98px;
}
p.desarrollo{
	display: block;
	float: left;
	padding-top: 11px;
}
a.logo_hale{
	display: block;
	float: right;
	margin-left: 10px;
}
a.logo_hale2{
	display: none;
	float: right;
	margin-left: 10px;
}
#menu_convenios{
	top: 0;
	left: 0;
	position: absolute;
	background: linear-gradient(-45deg,rgba(229,229,229,1.00),rgba(255,255,255,0.7));
	background: -webkit-linear-gradient(-45deg,rgba(229,229,229,1.00),rgba(255,255,255,0.7));
	background: -moz-linear-gradient(-45deg,rgba(229,229,229,1.00),rgba(255,255,255,0.7));
	background: -ms-linear-gradient(-45deg,rgba(229,229,229,1.00),rgba(255,255,255,0.7));
	padding: 80px 0 5px 0;
	transform: skewY(-4deg);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
	animation: animacion_menu_convenios 0.5s ease-out;
}
@keyframes animacion_menu_convenios {
    from {top:-80px; opacity: 0;}
    to {top:0; opacity: 1;}
}
#menu_convenios ul li{
	width: 150px;
	list-style-image:url(../imagenes/vineta.png);
	list-style: none;
	letter-spacing: 1px;
	font-family: 'HelveticaNeueLTCom-Cn';
	font-weight: bold;
	font-style: italic;
	color: #666;
	display: block;
	transform: skewY(4deg);
	border-bottom: #CCC solid 1px;
}
#menu_convenios ul li:last-child{
	border-bottom: none;
}
#menu_convenios ul li a{
	padding: 10px 25px;
	background: url(../imagenes/vineta.png) no-repeat 10px center;
	color: #666;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.2s ease-out;
}
#menu_convenios ul li a:hover{
	color: #166C8D;
	padding-left: 30px;
	background: url(../imagenes/vineta.png) no-repeat 20px center;
}
.convenios_li{
	width: 100%;
	list-style: none;
	margin: 0 0 10px 0;
	display: block;
}
.convenios_a{
	width: 100%;
	float: left;
	padding: 15px;
    box-sizing: border-box;
    border: #DDD solid 1px;
	font-size: 14px;
	text-decoration: none;
	color: #666;
	display: block;
	transition: all 0.3s ease-out;
}
.convenios_a:hover{
	background: #1E96C4;
    color: #FFF;
	transform: scaleX(1.05);
	box-shadow: 0 5px 10px rgba(0,0,0,0.4);
	border: #166C8D solid 1px;
}
#img_convenio {
    width: 30%;
    height: 119px;
    float: left;
    border: #888 solid 1px;
    box-sizing: border-box;
    background: url(../imagenes/ico_camara.png), #E1E1E1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40%;
	overflow: hidden;
}
#texto_convenio{
	width: 67%;
	color: #666;
	font-size: 14px;
	display: block;
	transition: all 0.5s ease-out;
	float: right;
}
#texto_convenio p{
	margin: 0;
	transition: all 0.3s ease-out;
}
.convenios_a:hover #texto_convenio p{
	color: #FFF;
}
.convenios_h3 {
    color: #1E96C4;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
	transition: all 0.3s ease-out;
}
.convenios_a:hover h3{
	color: #FFF;
}
article #categorias{
    display: none;
}
#img_galeria {
    width: 33.3%;
    height: 119px;
    float: left;
    border: #FFF solid 1px;
    box-sizing: border-box;
    background: url(../imagenes/ico_camara.png), #E1E1E1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40%;
    overflow: hidden;
}
article #categorias_album{
	width: 100%;
	float: right;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    display: block;
    clear: both;
    background: #DDD;
    margin-bottom: 20px;
}
.campo_categoria {
	width: 93%;
	height: 35px;
    padding: 5px;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    border-top: #CCC solid 1px;
	border-right: none;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	float: left;
}
#categorias_galeria button.lupa{
	width: 7%;
	height:35px;
	float: left;
	display: block;
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);  
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	box-sizing:border-box;
	cursor: pointer;
}
#categorias_galeria button.lupa:hover{
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);  
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background-position: center center;
	background-repeat: no-repeat;
}
#categorias_galeria form{
	display:block;
	margin: 0 auto 15px auto;
}
#categorias_album button.lupa{
	width: 7%;
	height:35px;
	float: left;
	display: block;
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);  
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	box-sizing:border-box;
	cursor: pointer;
}
#categorias_album button.lupa:hover{
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);  
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background-position: center center;
	background-repeat: no-repeat;
}
#categorias_album form{
	display:block;
	margin: 0 auto 15px auto;
}
h7{
	font-family: 'HelveticaNeueLTCom-Cn';
	font-style: italic;
	color: #3DB2E1;
	font-size: 26px;
	display: block;
	margin-bottom: 20px;
}
article p.bienvenido{
	color: #333;
	font-size: 24px;
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 10px 20px 10px 0px;
	border-bottom: #CCC solid 1px;
	box-sizing: border-box;
	font-family: 'HelveticaNeueLTCom-Cn';
}
article p span{
	color: #009640;
	font-weight: bold;
	font-style: italic;
}
a.cerrar_sesion, a.administrador{
	display: block;
	float:right;
	color:#FFFFFF;
	font-size: 12px;
	padding: 7px 7px 7px 35px; 
	font-weight: normal;
	box-sizing: border-box;
	margin: 0px 0 15px 20px;
	border-radius: 5px;
	transition: all 0.3s ease-out;
	text-decoration: none;
}
a.cerrar_sesion{
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -webkit-radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -moz-radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -ms-radial-gradient(circle, #1E96C4, #0F465B);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
a.administrador{
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -webkit-radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -moz-radial-gradient(circle, #1E96C4, #0F465B);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -ms-radial-gradient(circle, #1E96C4, #0F465B);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}
a.cerrar_sesion:hover{
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -webkit-radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -moz-radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_cerrar_sesion.png) no-repeat 8px center, -ms-radial-gradient(circle, #5FC1E7, #1E96C4);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.7);
}
a.administrador:hover{
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -webkit-radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -moz-radial-gradient(circle, #5FC1E7, #1E96C4);
	background: url(../imagenes/ico_administrador.png) no-repeat 8px center, -ms-radial-gradient(circle, #5FC1E7, #1E96C4);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.7);
}
article .texto_cons{
	padding: 20px 20px 20px 20px;
    color: #666;
    font-size: 14px;
    background: #F5F5F5;
    display: block;
    float: left;
    border: #BBB solid 1px;
}
article .texto_cons p span{
	color: #009640;
	font-weight: bold;
}
article.cons_home li{
	list-style: none;
    display: inline-block;
    width: 13.7%;
    height: 90px;
    border: #B8CBDA solid 1px;
    margin: 0 1.3% 20px 1.3%;
    background: #EEE;
    float: left;
}
article.cons_home li a{
	width: 100%;
	height: 90px;
	display: block;
	text-align: center;
	color: #0F465B;
	box-sizing: border-box;
	padding-top: 50px;
	line-height: 16px;
	font-family: 'HelveticaNeueLTCom-Cn';
	text-decoration: none;
}
article.cons_home li a.ico_estado{
	background: url(../imagenes/ico_estado.png) no-repeat center 0;
	transition: all 0.3s ease-out;
}
article.cons_home li a.ico_estado:hover{
	background: url(../imagenes/ico_estado2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home li a.ico_movimientos{
	background: url(../imagenes/ico_movimientos.png) no-repeat center 0;
	transition: all 0.3s ease-out;
	padding-top: 56px;
}
article.cons_home li a.ico_movimientos:hover{
	background: url(../imagenes/ico_movimientos2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home li a.ico_contrasena{
	background: url(../imagenes/ico_contrasena.png) no-repeat center 0;
	transition: all 0.3s ease-out;
}
article.cons_home li a.ico_contrasena:hover{
	background: url(../imagenes/ico_contrasena2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home li a.ico_actualizar{
	background: url(../imagenes/ico_actualizar.png) no-repeat center 0;
	transition: all 0.3s ease-out;
}
article.cons_home li a.ico_actualizar:hover{
	background: url(../imagenes/ico_actualizar2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home li a.ico_credito{
	background: url(../imagenes/ico_solicitud.png) no-repeat center 0;
	transition: all 0.3s ease-out;
}
article.cons_home li a.ico_credito:hover{
	background: url(../imagenes/ico_solicitud2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home li a.ico_afiliacion{
	background: url(../imagenes/ico_afiliacion.png) no-repeat center 0;
	transition: all 0.3s ease-out;
}
article.cons_home li a.ico_afiliacion:hover{
	background: url(../imagenes/ico_afiliacion2.png) no-repeat center 0, #166C8D;
	color: #FFF;
}
article.cons_home a.bot_documento{
	font-size: 16px;
	padding: 3px 20px;
	margin: 0 20px 10px 0;
	background: #0F465B;
	border-radius: 7px;
	border: #FFF solid 2px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.4);
	color: #FFF;
	float:left;
	display:block;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
article.cons_home a.bot_documento:hover{
	background: #1E96C4;
}
#ingreso_asociado{
	display: none;
	z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    border: none;
}
a.boton_cerrar{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 28px;
	height: 28px;
	background: rgba(0,81,98,1.00);
	background: url(../imagenes/cerrar_popup.png) no-repeat center;
	cursor: pointer;
	transition: all 0.3s ease-out;
	display: block;
	border-radius: 50%;
	padding: 10px;
}
iframe{
	border: none;
}

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

header{
	width:100%;
}
#barra_buscar #fecha {
    width: 98%;
    background-size: 80%;
    margin: 0 auto;
}
#nav_interno {
    width: 100%;
}
#buscador {
	padding-right: 0;
}
#imagen_encabezado {
    background: url(../imagenes/logo.png), linear-gradient(left, rgba(255,255,255,1)20%, rgba(255,255,255,0)50%), url(../imagenes/img_encabezado.jpg);
	background: url(../imagenes/logo.png), -webkit-linear-gradient(left, rgba(255,255,255,1)20%, rgba(255,255,255,0)50%), url(../imagenes/img_encabezado.jpg);
    background-position: 25px 95px, right top, right top;
    background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 40%, auto, auto;
    margin: 0 auto;
    width: 100%;
    height: 210px;
}
#barra_redes {
    width: 98%;
    padding-left: 400px;
    background: url(../imagenes/fondo_redes.png) no-repeat right 13px;
}
#contenedor_interno {
    width: 100%;
}
h1 {
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 70px;
    color: #FFF;
    font-family: 'HelveticaNeueLTCom-Cn';
    font-weight: bold;
    font-style: italic;
    font-size: 26px;
    background: url(../imagenes/h1.png) no-repeat left top;
    background-size: 91%;
	padding: 5px 0 0 15px
}
section {
    width: 70%;
}
aside {
    width: 28%;
}
#contenedor {
    width: 98%;
    margin: 0 auto;
    float: none;
}
#barra_redes ul.redes {
    margin-top: 60px;
}
a.login {
    margin-top: 40px;
	margin-left: 0;
}
#texto_noticia_principal p {
    font-family: 'ZurichBT-Roman';
    font-size: 15px;
    line-height: 17px;
}
#texto_noticia_principal {
    padding: 20px 15px 30px 15px;
}
#noticias_secundarias {
    height: auto;
}
#noticias_secundarias_interna {
    height: auto;
}
#noticias_secundarias_interna ul li {
    width: 50%;
    height: auto;
}
a.boton_diagonal p {
	display: none;
}
h5{
	font-size: 22px;
}
h5 span{
	font-weight: bold !important;
}
a.boton_diagonal {
    height: 85px;
}
#convenios {
    background-position: right top;
    text-shadow: 0 2px 2px rgba(0,0,0,0.7);
    height: 120px;
    top: -20px;
    position: absolute;
    padding-top: 35px;
    box-sizing: border-box;
}
#simulador {
    background-position: right 40px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.7);
	height: 120px;
    top: -20px;
    position: absolute;
    padding-top: 35px;
    box-sizing: border-box;
}
#encuesta {
    background-position: right bottom;
	text-shadow: 0 2px 2px rgba(0,0,0,0.7);
	height: 120px;
    top: -20px;
    position: absolute;
    padding-top: 35px;
    box-sizing: border-box;
}
footer {
    height: 250px;
}
#footer2 {
    height: auto;
	padding-bottom: 13px;
}
#footer_interno {
    width: 100%;
    padding: 40px 1%;
    box-sizing: border-box;
}
#ubicacion {
    width: 419px;
}
#direccion {
    float: right;
    margin-right: 0;
    padding-top: 25px;
}
#creditos {
	display: none;
}
.mapa{
	display:none;
}
.mapa_tablet{
	display:block;
}
#creditos{
	display: none;
}
#creditos_tablet{
	width: 100%;
    height: 50px;
    float: right;
    position: relative;
    top: 0;
    overflow: hidden;
	display: block;
}
#creditos_tablet_interno{
	width: 100%;
    height: 215px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    padding: 0;
}
#texto_creditos_tablet{
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
	color: #999;
	font-size: 11px;
	text-align: right;
}
#texto_creditos_tablet p{
	display: block;
    width: 67%;
    float: left;
    border-right: #CCC solid 1px;
    padding-right: 15px;
    margin-right: 0;
}
#diseno_desarrollo{
	height: 35px;
    margin-top: 0;
    margin-left: 0;
    float: left;
    width: 30%;
}
#creditos_tablet p.desarrollo{
	display: block;
    float: left;
    padding-top: 11px;
    width: 48%;
    border: none;
    padding-right: 0;
}
#creditos_tablet a.logo_hale{
	display: none;
}
#creditos_tablet a.logo_hale2{
	display: block;
}
#menu_galerias {
    width: 100%;
	padding: 0 0;
}
article {
    width: 100%;
    margin-top: 80px;
    padding: 0;
    box-sizing: border-box;
}
#menu_convenios {
	display: none;
}
article.convenios {
    border-bottom: none;
    width: 100%;
    float: right;
    margin-top: 0;
    margin: 0;
    padding: 0;
}
article #categorias{
	width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
    display: block;
    clear: both;
    background: #DDD;
    float: left;
    margin-bottom: 20px;
}
form.form {
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.campo_categoria {
	width: 100%;
	height: 35px;
    padding: 5px;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    border-top: #CCC solid 1px;
	border-right: none;
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	float: left;
}
#categorias button.lupa{
	width: 7%;
	height:35px;
	float: left;
	display: block;
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);  
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background: url(../imagenes/ico_lupa.png), rgba(0,150,64,1);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	box-sizing:border-box;
	cursor: pointer;
}
#categorias button.lupa:hover{
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);  
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background: url(../imagenes/ico_lupa.png), rgba(30,150,196,1);
	background-position: center center;
	background-repeat: no-repeat;
}
#categorias form{
	display:block;
	margin: 0 auto 15px auto;
}
article.galerias {
    border-bottom: none;
    width: 100%;
    float: right;
    margin-top: 0;
    margin: 0;
    padding: 0;
}
section #galerias{
	display: block;
}
article.cons_home ul {
    width: 90%;
	display: block;
	margin: 0 auto;
}
article.cons_home ul li {
    list-style: none;
    display: inline-block;
    width: 30%;
    height: 90px;
    border: #B8CBDA solid 1px;
    margin: 0 1.3% 20px 1.3%;
    background: #EEE;
    float: left;
}
article.cons_home li a.ico_movimientos {
    padding-top: 56px;
}
	}
	
@media only screen and (max-width:568px){
header {
    width: 98%;
    margin: 0 auto;
}
#barra_buscar {
    width: 100%;
    height: 50px;
    background: url(../imagenes/logo_blanco.png), linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -webkit-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -moz-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -ms-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
	background-repeat: no-repeat;
	background-position: 10px center, left top;
	    background-size: 36%, auto;
    position: absolute;
    z-index: 1;
}
#barra_buscar #texto_fecha {
	display: none;
}
#barra_buscar #fecha {
    width: 98%;
	background: none;
    background-size: 80%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#barra_redes {
    width: 100%;
    padding-left: 20px;
    background: url(../imagenes/fondo_redes_cel.png) no-repeat right 13px;
}
a.login {
    margin-right: 29px;
    margin-top: 36px;
}
#imagen_encabezado {
    background: url(../imagenes/img_encabezado.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 210px;
}
section {
    width: 100%;
}
h1 {
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
    height: 70px;
    color: #FFF;
    font-family: 'HelveticaNeueLTCom-Cn';
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    background: url(../imagenes/h1.png) no-repeat left top;
    background-size: cover;
    padding: 10px 0 0 15px;
}
#img_noticia_principal {
    wwidth: 100%;
    height: 400px;
    background: url(../imagenes/img_noticia_principal.jpg) no-repeat top center;
    background-size: contain;
}
#noticias_secundarias {
    margin-top: 0;
}
#noticias_secundarias_interna {
    height: auto;
    padding-bottom: 7px;
}
#noticias_secundarias_interna ul li {
    width: 100%;
    height: auto;
	border-bottom: #ccc solid 1px;
}
article {
    padding: 0;
}
nav {
    width: 98%;
	margin: 0 auto;
    height: 46px;
    background: #3DB2E1;
}
aside {
    width: 100%;
}
#menu_galerias {
    width: 100%;
    padding: 0 0;
}
h5 {
    font-size: 30px;
}
#links_interes {
    color: #FFF;
    transform: skewY(2deg);
    padding: 25px 10px 15px 10px;
    position: relative;
    width: 100%;
    height: auto;
    top: -9px;
    box-sizing: border-box;
}
#boton_diagonal {
    width: 100%;
    height: 115px;
    transform: skewY(-2deg);
    overflow: hidden;
    margin-top: 8px;
    font-family: 'HelveticaNeueLTCom-Cn';
}
#boton_diagonal_links {
    width: 100%;
    min-height: 125px;
    transform: skewY(-2deg);
    overflow: hidden;
    margin-top: 8px;
    font-family: 'HelveticaNeueLTCom-Cn';
    float: left;
	position: relative;
}
footer {
    height: 352px;
}
#direccion {
	width: 100%;
    float: right;
    margin: 0;
    padding-top: 15px;
}
#direccion ul.redes {
    display: block;
    position: relative;
    bottom: 0;
    float: left;
    margin-top: 15px;
}
#ubicacion {
    width: 100%;
	margin: 0;
}
#texto_creditos_tablet p {
    display: none;
}
#creditos_tablet {
    width: 98%;
	margin: 0 auto;
	height: 80px;
}
#diseno_desarrollo {
    height: auto;
    margin-top: 0;
    margin-left: 0;
    float: right;
    width: auto;
    margin-right: 1%;
}
#creditos_tablet p.desarrollo {
    display: block;
    float: right;
    padding-top: 11px;
    width: 100%;
    border: none;
    padding-right: 0;
    text-align: right;
}
#creditos_tablet a.logo_hale2 {
    display: block;
    float: right;
    margin-left: 0;
    margin-top: 10px;
}
article.convenios a:hover {
    transform: scaleX(1);
}
.campo_categoria {
    width: 100%;
}
#categorias button.lupa {
    width: 10%;
}
	}
	
@media only screen and (max-width:425px){	
#barra_redes ul.redes {
    margin-top: 53px;
}
#buscador input {
    width: 110px;
    height: 30px;
    border-top: #FFF solid 1px;
    border-right: none;
    border-bottom: #FFF solid 1px;
    border-left: #FFF solid 1px;
    border-radius: 15px 0 0 15px;
    background: rgba(255,255,255,0.6);
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 10px;
    font-size: 16px;
}
a.login {
    margin-right: 15px;
    margin-top: 36px;
}
#img_convenio {
    width: 100%;
    height: 130px;
	margin-bottom: 10px;
}
#texto_convenio {
    width: 100%;
    color: #666;
    font-size: 14px;
    display: block;
    transition: all 0.5s ease-out;
    float: right;
}
#barra_buscar {
    width: 100%;
    height: 50px;
    background: url(../imagenes/logo_blanco.png), linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -webkit-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -moz-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -ms-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background-repeat: no-repeat;
    background-position: 10px center, left top;
    background-size: 46%, auto;
    position: absolute;
    z-index: 1;
}
article.cons_home ul li {
    list-style: none;
    display: inline-block;
    width: 30%;
    height: 90px;
    border: #B8CBDA solid 1px;
    margin: 0 1.3% 20px 1.3%;
    background: #EEE;
    float: left;
}
article.cons_home li a.ico_movimientos {
    padding-top: 56px;
}
article.cons_home a.bot_documento {
	width: 100%;
    font-size: 16px;
    padding: 5px 20px;
    margin: 0 0 10px 0;
    background: #0F465B;
    border-radius: 7px;
    border: #FFF solid 2px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.4);
    color: #FFF;
    float: left;
    display: block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-out;
	box-sizing: border-box;
}
a.boton_cerrar{
	right: 0px;
	top: 0px;
}
	}

@media only screen and (max-width:375px){	
#barra_buscar {
    width: 100%;
    height: 50px;
    background: url(../imagenes/logo_blanco.png), linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -webkit-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -moz-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -ms-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background-repeat: no-repeat;
    background-position: center, left top;
    background-size: 51%, auto;
    position: absolute;
    z-index: 1;
}
#buscador {
	display: none;
}
	}
@media only screen and (max-width:320px){
#barra_buscar {
    width: 100%;
    height: 50px;
    background: url(../imagenes/logo_blanco.png), linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -webkit-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -moz-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background: url(../imagenes/logo_blanco.png), -ms-linear-gradient(left,rgba(22,108,141,1),rgba(61,178,225,0.9));
    background-repeat: no-repeat;
    background-position: center, left top;
    background-size: 61%, auto;
    position: absolute;
    z-index: 1;
}	
#barra_redes {
    width: 100%;
    padding-left: 2%;
    background: url(../imagenes/fondo_redes_cel.png) no-repeat -515px 13px;
}
a.login {
    margin-right: 5px;
    margin-top: 36px;
}
article p span {
    color: #009640;
    font-weight: bold;
    font-style: italic;
	display: block;
	clear: both;
}
a.cerrar_sesion, a.administrador {
	width: 48%;
    display: block;
    float: right;
    color: #FFFFFF;
    font-size: 12px;
    padding: 7px 7px 7px 35px;
    font-weight: normal;
    box-sizing: border-box;
    margin: 0 1% 20px 1%;
    border-radius: 5px;
    transition: all 0.3s ease-out;
    text-decoration: none;
}
article.cons_home ul li {
    list-style: none;
    display: inline-block;
    width: 46%;
    height: 90px;
    border: #B8CBDA solid 1px;
    margin: 0 1.3% 20px 1.3%;
    background: #EEE;
    float: left;
}

}