*{
	padding:0px;
	margin:0px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
@font-face {
    font-family: 'helveticacondensedbold';
    src: url('../tipo/helve6-webfont.eot');
    src: url('../tipo/helve6-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipo/helve6-webfont.woff2') format('woff2'),
         url('../tipo/helve6-webfont.woff') format('woff'),
         url('../tipo/helve6-webfont.ttf') format('truetype'),
         url('../tipo/helve6-webfont.svg#helveticacondensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'allerbold';
    src: url('../tipodos/aller-webfont.eot');
    src: url('../tipodos/aller-webfont.eot?#iefix') format('embedded-opentype'),
         url('../tipodos/aller-webfont.woff2') format('woff2'),
         url('../tipodos/aller-webfont.woff') format('woff'),
         url('../tipodos/aller-webfont.ttf') format('truetype'),
         url('../tipodos/aller-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background-image: url(../img/fondo.svg);
	background-position: 800px 200px ;
	background-size: 60% 70%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-top: 100px;
}
.cabecera {
	position: absolute;
	top:0px;
	background-image: -webkit-linear-gradient(270deg,rgba(38,169,207,1.00) 0%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(89,194,224,1.00) 0%,rgba(21,86,115,1.00) 45.08%,rgba(150,70,26,1.00) 53.89%,rgba(243,147,54,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(89,194,224,1.00) 0%,rgba(21,86,115,1.00) 45.08%,rgba(150,70,26,1.00) 53.89%,rgba(243,147,54,1.00) 100%);
	background-image: -webkit-linear-gradient(270deg,rgba(89,194,224,1.00) 0%,rgba(21,86,115,1.00) 45.08%,rgba(150,70,26,1.00) 53.89%,rgba(243,147,54,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(89,194,224,1.00) 0%,rgba(21,86,115,1.00) 45.08%,rgba(150,70,26,1.00) 53.89%,rgba(243,147,54,1.00) 100%);
	width:100%;
	height:101px;
}
.cabeceracentro {
	background-color: #ffffff;
	margin: auto;
	width: 390px;
	height: 100px;
	min-width: 200px;
}
body .menu header{
	width:100%;
	margin-top: 20px;

}
body .menu header nav{
	margin: auto;
	width: 464px;

}
body .menu header nav ul{
	
}
body .menu header nav ul li {
	list-style: none;
}
body .menu header nav ul li a{
	padding: 5px;
	border-radius: 5px;
	color:#5fc2de ;
	font-family: 'allerbold';
	display: block;
	text-decoration: none;
	border:2px solid #000000;

}
body .menu header nav ul li a:hover{
	color:#ef903e;
	background-color:#5fc2de;
	color: #ffffff;
}
body .menu{
}
.menubar{
	margin: auto;
}
.fixed {
	margin-top: 0px!important;
	padding: 20px;
	line-height: 20px;
	border-bottom: 1px solid #000000;
	height: 80px;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	z-index: 9000;
}
.fondo{
	position: relative;
	display: none;
	z-index: -999;
}
.global{
	float: left;
	width: 49%;
	margin-top:600px;
	margin-left: 30px;
}
.texto{
	width: 100%;
}
.global .texto .foto{
	background-image: url(../img/foto.jpg);
	background-size: 100% 100%;
	width:600px;
	height:800px;
	margin:30px auto;
}
.global .texto .mobile{
	background-image: url(../img/mobile.jpg);
	background-size: 100% 100%;
	width:600px;
	height:450px;
	margin:30px auto;
}
.contenedor-formulario{
	width:500px;
	height:auto;
	margin: auto;
}
iframe{
	margin: auto;
	width:500px;
	height:677px;
}
.global .texto p{
	font-family: 'helveticacondensedbold';
	line-height:50px;
	background-color:rgba(255,255,255,0.80);
	font-size: 20px;
}
.resound{
	position:fixed;
	right:0px;
	width: 40px;
	height:134px;
	top:30%;
}
.iconos{
	position: relative;
	overflow:hidden;
	max-width: 1100px;
	width:90%;
	margin:20px auto;
}
.icono{
	background-color:#ffffff;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
	overflow:hidden;
	float:;
	width:500px;
	height:500px;
	margin-top:90px;
	margin-bottom:90px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    border-image: linear-gradient(to right, #ef903e 0%, #5fc2de 100%);
	border-image-slice: 1;
}

.floatl{
	float:left;
}
.floatr{
	float:right;
}
.clear{
	clear:both;
}
.general{
	overflow: hidden;
	display: none;
	padding: 5px;
	background-color:;
	width:70%;
	min-width: 560px;
	height:210px;
	margin:20px auto;
	border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    border-image: linear-gradient(to right, #ef903e 0%, #5fc2de 100%);
	border-image-slice: 1;
}
.info{
	font-family: 'helveticacondensedbold';
	width: calc(100% - 210px);
	height:200px;
	padding:5px;
}
.adress{
	width:300px;
	height:200px;
	margin:auto;
	position:relative;
	bottom:0px;
}
.iconito{
	width:200px;
	height:200px;
}
.general .info p{
	line-height: 28px;
}
.uno{
	background-image: url(../img/iconos/icono_uno.svg);
	background-repeat: no-repeat;
	background-position: center top;

}
.dos{
	background-image: url(../img/iconos/icono_dos.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.tres{
	background-image: url(../img/iconos/icono_tres.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.cuatro{
	background-image: url(../img/iconos/icono_cuatro.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.cinco{
	background-image: url(../img/iconos/icono_cinco.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.seis{
	background-image: url(../img/iconos/icono_seis.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.siete{
	background-image: url(../img/iconos/icono_siete.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.ocho{
	background-image: url(../img/iconos/icono_ocho.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.nueve{
	background-image: url(../img/iconos/icono_nueve.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.diez{
	background-image: url(../img/iconos/icono_diez.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.once{
	background-image: url(../img/iconos/icono_once.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.doce{
	background-image: url(../img/iconos/icono_doce.svg);
	background-repeat: no-repeat;
	background-position: center top;
}
.uno p {
	line-height: 30px;
	background-color: ;
	font-family: 'helveticacondensedbold';
}
.dos p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.tres p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.cuatro p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.cinco p {
	line-height: 30px;
	background-color: ;
	font-family: 'helveticacondensedbold';
}
.seis p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.siete p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.ocho p {
	line-height: 30px;
	background-color: ;
	font-family: 'helveticacondensedbold';
}
.nueve p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.diez p {
	line-height: 30px;
	background-color: ;
	font-family: 'helveticacondensedbold';
}
.once p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.doce p {
	line-height: 30px;
	background-color:;
	font-family: 'helveticacondensedbold';
}
.icono p {
	font-family: 'helveticacondensedbold';
	padding: 10px;
	font-size: 20px;
	overflow: hidden;
	
}
.icono .infografia{
	background-color: rgba(246,149,65,0.8); ;
	position: relative;
	top: 500px;
	height: 600px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;

}
.icono:hover .infografia{
	background-color: rgba(255,255,255,0.90);
	position: relative;
	top: 0px;
}
.icono .infografiados{
	background-color: rgba(95,194,222,0.8); ;
	position: relative;
	top: 500px;
	height: 600px;
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;

}
.icono:hover .infografiados{
	background-color: rgba(255,255,255,0.90);
	position: relative;
	top: 0px;
}
.anclajes{
	margin: auto;
	width:540px;
	height:400px;
	padding: 10px;
}
.anclajesgrandes{
	display: block;
}
.anclajespeque{
	display:none;
}
.anclado{
	background-color: #ffffff;
	border:  1px solid #000000;
	margin: 15px;
	width:100px;
	height:100px;
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
}
.anclado:hover {
	-webkit-transform:  scale(1.5) rotate(360deg) ;
	background-color: #ffffff;
	border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #ef903e 0%, #5fc2de 100%);
    border-image: linear-gradient(to right, #ef903e 0%, #5fc2de 100%);
	border-image-slice: 1;
}

#caja-flotante{
	position: fixed;
	bottom: 0px;
	left:0px;
}
#caja-flotante a{
	font-family: 'allerbold';
	color:#000000;
	font-size: 40px;
	text-decoration: none;
}
.click{
	width: 100%;
}
.clickdos{
	text-decoration:underline;
	font-family: 'helveticacondensedbold';
	width: 430px;
	margin:90px auto;
}
.hueco{
	width:100%;
	height:50px;
	clear: both;
}
.huecodos{
	display: none;
	width: 100%;
	height:100px;
}
.logo{
	background-size: 100% 100%;
	background-image: url(../img/logo_resound.png);
	width:425px;
	height:225px;
	position:relative;
	bottom: 0px;
}

@media screen and (max-width: 2415px){
	.global{
		margin-top:300px;
	}
}
@media screen and (max-width: 2036px){
	.global{
		margin-top: 100px;
		width: 47%;
	}
}
@media screen and (max-width: 1735px){
	body{
		background-position: 600px 150px;
	}
}
@media screen and (max-width: 1375px){
	body{
		background-image: none;
	}
	.fondo{
		display: block;
		max-width: 90%;
		width: 80%;
		float:none;
		margin-top: -150px ;
		margin-bottom: 50px ;
		margin-left:auto ;
		margin-right: auto ;

	}
	.global{
		max-width: 90%;
		width:calc(100% - 50px);
		float:none;
		margin: auto;

	}
}
@media screen and (max-width: 1210px) {
	.iconos{
		display: none;
	}
	.hueco{
		display: none;
	}
    .general{
		display:block;
	}
	.huecodos{
		display:block;
	}
	.cabecera{
		position:absolute;
	}
	.anclajesgrandes{
	display: none;
	}
.anclajespeque{
	display:block;
	}
}
@media screen and (max-width: 771px) {
	.cabeceracentro {
		width: 50%;
		height: 80px;
	}
	.cabecera {
		top:0px;
		height:81px;
	}
}
@media screen and (max-width: 600px) {
	.contenedor-formulario {
		width:560px;
	}
	iframe{
		width: 530px;
	}
}
@media screen and (max-width: 575px) {
	.icono:hover p {
		display: none;
	}
	.icono{
		width:95%;
		height:200px;
		margin-top:5px;
		margin-bottom:5px;
	}
}
@media screen and (max-width: 560px) {
	.contenedor-formulario {
		width:450px;
	}
	iframe {
		width: 450px;
	}
}
@media screen and (max-width: 450px) {
	body {
		padding-right:20px;
	}
	.resound{
		width:20px;
		height:90px;
	}
	.contenedor-formulario {
		width:100%;
		height: 750px;
	}
	iframe{
	width:100%;
	height: 750px;
	}
	.logo{
		width:212px;
		height:112px;
	}
}
@media screen and (max-width: 400px) {
	.contenedor-formulario {
		width:300px;
	}
	iframe{
		width:300px;
	}
	.logo{
		margin:auto;
		float:none;
	}
}