@charset "utf-8";
/*--------------------------------------------------------------*/
/* Fuentes */
/*--------------------------------------------------------------*/
@font-face {
	font-family: "source_bold";
	src: url("../fuentes/sourcesanspro-bold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "source_reg";
	src: url("../fuentes/sourcesanspro-regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "source_semi";
	src: url("../fuentes/SourceSansPro-SemiBold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}
/*--------------------------------------------------------------*/
/* Resets */
/*--------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	font-family: "source_reg", Arial, Helvetica;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
strong {
	font-weight: normal;
	font-family: "source_bold";
	font-size: 1em;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background-color: #fff;
	overflow-x: hidden;
}
a img {
	border: none;
}
ul {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, p, ul, li, form, textarea, input, label, legend, fieldset, select, seccionquote {
	font-weight: normal;
	float: left;
	width: 100%;
	text-align: left;
}
/*--------------------------------------------------------------*/
/* Seleccion Ciudad */
/*--------------------------------------------------------------*/
#acceso_encabezado,
#acceso_selecciona_ciudad,
#acceso_encabezado *,
#acceso_selecciona_ciudad *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	display:inline-block;
}
#acceso_encabezado,
#acceso_selecciona_ciudad{
	width:100%;
}
#acceso_encabezado{
	background-color:#FFF;
	padding:20px;
	height:130px;
	position:relative;
	z-index:10;
}
#acceso_encabezado img{
	width:auto;
	height:95px;
}
#acceso_selecciona_ciudad,
#acceso_selecciona_ciudad .opacidad{
	width:100%;
    background-color:#007993;
    height:auto;
    min-height:calc(100% - 130px);
}
#acceso_selecciona_ciudad .content{
	max-width:900px;
	padding:50px 20px;
}
@media screen and (min-width: 700px){
	#acceso_selecciona_ciudad{
		background-image: url(../images/foto-estilo.jpg);
		background-repeat: no-repeat;
		background-position: top center; 
		background-size:cover;   	
	}
	#acceso_selecciona_ciudad .opacidad{
		background-color:rgba(0,121,147,0.7);
		display:block;
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		padding-top:130px;	
	}
	#acceso_selecciona_ciudad .content{
		padding-top:70px;
	}
}
#acceso_selecciona_ciudad .content h1,
#acceso_selecciona_ciudad .content p{
	width:100%;
    color:#FFF;
}
#acceso_selecciona_ciudad .content h1{
	font-family:'source_bold';
	font-size:50px;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content h1{
		font-size:35px;
	}	
}
#acceso_selecciona_ciudad .content p{
	font-size:25px;
	position:relative;
	margin:40px 0;
	padding-top:30px;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content p{
		font-size:22px;
	}
}
#acceso_selecciona_ciudad .content p::before{
	content:"";
	width:120px;
	height:1px;
	background-color:#FFF;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
}
#acceso_selecciona_ciudad .content ul{
	width:100%;
}
#acceso_selecciona_ciudad .content ul li{
	width:320px;
	vertical-align:top;
	float:none;
	padding:0 25px 50px 25px;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content ul li{
		width:270px;
		vertical-align:top;
		float:none;
		padding:0 15px 30px 15px;
	}	
}
#acceso_selecciona_ciudad .content ul li a,
#acceso_selecciona_ciudad .content ul li a div{
	width:270px;
	height:270px;
	border-radius:50%;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content ul li a,
	#acceso_selecciona_ciudad .content ul li a div{
		width:240px;
		height:240px;
	}
}
#acceso_selecciona_ciudad .content ul li a{
	display:table;
	background-color:#A5D8F3;
}
#acceso_selecciona_ciudad .content ul li a:hover{
	background-color:#FFF;
}
#acceso_selecciona_ciudad .content ul li a div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:40px;
}
#acceso_selecciona_ciudad .content ul li a div span{
	width:100%;
	text-decoration:none;
	color:#487B8E;
	font-size:25px;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content ul li a div span{
		font-size:23px;
	}
}
#acceso_selecciona_ciudad .content ul li a div span.ciudad{
	font-family:'source_bold';
	font-size:45px;
	color:#0A3D4B;
	margin-bottom:10px;
}
@media screen and (max-width: 669px){
	#acceso_selecciona_ciudad .content ul li a div span.ciudad{
		font-size:35px;
	}
}