/* CSS Document */
@charset "utf-8";
html{
	width:100%;
	height:100%;
}
@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('AvenirNextLTPro-Bold.woff') format('woff');
}

body {
	font-family: 'Avenir Next LT Pro Regular';
	text-align:center;
	margin:0;
	background:#FFF;
	width:100%;
	height:100%;
	/*background-image:url(../images/fondo_web_son.png);*/
	background: #F2F0DA;
	background-repeat: repeat;
}

.clearer{
    display:block;
    clear: both;
}
.resaltar{
	font-family: 'Avenir Next LT Pro Bold';
}
.naranja{ color:#F57F23; }

/*INICIO*/
#wrapper{
	width:100%;
	margin:0;
	padding: 0;
	height:auto;
	overflow: hidden;
	display: table;
}

#cabecera{
	position: absolute;
	top:100px;
	width: 80%;
	padding: 20px 10%;
	height: auto;
	display: table;
	z-index: 4000;
}
#cabecera ul{
	width:100%;
}
#cabecera ul li{
	width:33%;
	float: left;text-align: center;
}
#cabecera ul li img{
	height: 50px;
}

#fijo{
	width: 100%;
	height: auto;
	background:#6e2c00 ;
	z-index: 4000;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: solid 2px #6e2c00;
}
#fijo ul{
	width:100%;
	list-style: none;
	padding: 10px 0;
}
#fijo ul li{
	width: 20%;
	float: left;
	text-align: center;
}
#fijo ul li img{
	height: 40px;
}

#bloque_inicio{
	width: 100%;
	height: auto;
	display: table;
}
#fondo_azul img{
	width: 100%;
}
#opcion{
	width: 20%;
	float: left;
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
}
#opcion a{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color:#324F9D;

}
#opcion a:hover{
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color:#324F9D;
	font-weight: 700;
}
#opcion_logotipo{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30%;
}
#opcion_logotipo img{
	height: 100px;
}
#info_1{
	width: auto;
	margin-left: 10%;
	padding:0;
	text-align: left;
}
#info_1 img, #info_2 img, #info_3 img{
	height: 220px;
}
#info_2{
	width: auto;
	margin-left: 30%;
	padding:0;
	text-align: left;
}
#info_3{
	width: auto;
	margin-right: 20%;
	padding:0;
	text-align: right;
}

#slide{
	width: 100%;
	height: auto;
	position: relative;
}
#slide img{
	width:100%;
}
#informacion{
	width: 100%;
	height: auto;
	text-align:center;
	padding:100px 0;
}
#informacion img{
	width: 60%;
}
#txt_contacto{
	width: 100%;
	position: absolute;
	text-align: center;
	top: 150px;
	left:20%;
	z-index: 20000;
}
#txt_contacto{
	width: 50%;
}
#idiomas{
	width: 90%;
	height: auto;
	padding: 50px 5%;
	text-align: right;
}
#idiomas img{
	height:50px;
}
#informacion_menu{
	width: 100%;
	height: auto;
}
#informacion_menu img{
	width: 100%;
}
#footer{
	width: 100%;
	padding: 50px 0;
	height: auto;
	display: table;
	text-align: center;
}
#footer_logo{
	width: 100%;
}
#footer_logo img{
	width: 40%;
}
#footer_redes{
	width: 25%;
	padding: 20px 0;
	text-align: center;
	float: left;
}
#footer_redes img{
	height: 100px;
}





#logotipo_movil, #menu_2, #bloque_menu, #cabecera_movil, #fondo_blanco_movil, #movil, #idiomas_movil{
	display: none;
}
#desk{
	display: block;
}





/*MOVIL*/
@media only screen and (min-width:300px) and (max-width:1024px){
#wrapper{
	width:100%;
	margin:0;
	height:auto;
	display:table;
	position:relative;

}
#menu, #menu_desk, #logotipo, #desk, #idiomas{
	display: none;
}
#movil{
	display: block;
}
#idiomas_movil{
	position: fixed;
	width: 100%;
	bottom:0;
	background:#6e2c00;
	display: block;
	padding:10px 0;
}
#idiomas_movil img{
	height: 40px;
}
#menu_2{
	width:auto;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 5500;
	display: block;
}
#menu_2 img{
	height: 25px;
}
#logotipo_movil{
	width: 100%;
	padding: 10px 0;
	text-align: center;
	height: auto;
	position: fixed;
	top: 0;
	background-color:#FFF;
	display: block;
	border-bottom: solid 2px #6e2c00;
	z-index: 2900;
}
#logotipo_movil img{
	height: 70px;
}


#footer{
	width: 100%;
	padding: 50px 0;
	height: auto;
	overflow: hidden;
	text-align: center;
}
#footer img{
	width: 50%;
}

#cabecera, #wts_gris{
	display:none;
}
#cabecera_movil{
	width:100%;
	display:table;
	position: fixed;
	top: 0;
	z-index: 50000;
	background:#2F4A9F;
}
#espacios{
	display:none;
}
#bloque_menu{
	width:100%;
	height:150%;
	padding:50px 0;
	background:#2F4A9F;
	position:fixed;
	left:-100%;
	top:0;
	z-index:16000;
	display:table;
}
#opcion{
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
	font-size:15px;
	border-bottom:solid 1px #EEE;
	display:table;
}
#opcion a{
	width:100%;
	text-decoration:none;
	padding:20px 0;
	color:#F1F2F2;
	display:block;
}
#opcion a:hover{
	width:100%;
	text-decoration:none;
	padding:20px 0;
	color:#F1F2F2;
	display:block;
}
#bloque_inicio{
	width: 100%;
	height: auto;
	display: table;
	margin-top: 80px;
}
#informacion{
	width: 100%;
	height: auto;
	text-align:center;
	padding:50px 0;
}
#informacion img{
	width:80%;
}
#txt_contacto{
	width: 100%;
	position: absolute;
	text-align: center;
	top: 50px;
	left:15%;
	z-index: 20000;
}
#txt_contacto{
	width: 70%;
}



.blink_img {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}
@keyframes blin {
  50% { opacity: 0; }
}

}