*{
	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;
}
#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;
}
#noticia_principal{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
#img_noticia_principal{
	width: 100%;
	height: 400px;
	background: url(../imagenes/img_noticia_principal.jpg) no-repeat;
	background-size: cover;
}
#texto_noticia_principal{
	display: block;
	height: auto;
	width: 100%;
	background: #666;
	padding: 30px 20px 30px 20px;
    box-sizing: border-box;
    color: #FFF;
    transform: skewy(-2deg);
	float: left;
	position: absolute;
    bottom: -12px;
	z-index: 1;
    padding-bottom: 30px;
	transition: all 0.3s ease-out;
}
#texto_interno{
	transform: skewy(2deg);
}
h2{
	font-family: 'ZurichBT-Roman';
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px
}
#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;
}

/*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;
}
#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);
}
#simulador {
    background-position: right 40px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.7);
}
#encuesta {
    background-position: right bottom;
	text-shadow: 0 2px 2px rgba(0,0,0,0.7);
}
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;
}
	}
	
@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;
}
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;
}
	}
	
@media only screen and (max-width:425px){	
#barra_redes ul.redes {
    margin-top: 53px;
}
#buscador input {
    width: 100px;
    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;
}
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;
}
	}