@charset "utf-8";
/* CSS Document */
body{
font-size:16px;
}
body#fondo_oscuro{
margin:0;
padding:0;
background-color:#101F1F;
}
body#fondo_rosa_texto{
margin:0;
padding:0;
background-image:url(../img/fondo_app_texto.svg);
background-color:#990066;
}
body#inicio{
margin:0;
padding:0;
background-image:url(../img/fondo_app_texto.svg);
background-color:#990066;
}
img#isotipo_izquierda{
margin-left:-1.5vw;
}
img#isotipo_test_derecha{
margin-left:7vw;
}
body#respuesta, body#contactos{
background-color:#CC0099;
margin:0;
padding:0;
background-image:url(../img/fondo_app.svg);
}
.pantalla{
height:80vh;
margin:0;
padding:0;
width:100vw;
overflow-x:hidden;
overflow-y:scroll;
}
.contenedor{
display: flex; /* or inline-flex */
flex-direction: column;
overflow-x:hidden;
margin:0px;
padding:0px;
height:100vh;
width:100vw;
}
img{
height:5.5vh;
width:8.5vw;
}


nav{
border-top:#009999 solid 0.5vh;
background-color:#490646;
width:100vw;
height:10vh;
}
li{
list-style:none;
}
.envolvente_formulario{
display:flex;
align-self:baseline;
padding:0;
margin:0;
margin:auto;
width:100vw;
overflow-x:hidden;
}
ul {
margin:0px;
padding:2vh;
padding-left:6vw;
padding-right:6vw;
display: flex; /* or inline-flex */
justify-content: flex-start;
justify-content: space-between;
}
header{
margin:0px;
padding:0px;
display: flex; /* or inline-flex */
align-items: center;
justify-content: space-between;
padding-left:6vw;
padding-right:8vw;
background-color:#490646;
height:7vh;
width:88vw;
padding-top:1.8vh;
padding-bottom:1.3vh;
border-bottom:#009999 solid 0.5vh;
}
header img{
height:4.5vh;
width:16vw;
}


.italic{
	font-style: italic;
}
p{
padding-left:5vw;
padding-right:5vw;
font-family: 'Roboto', sans-serif;
font-size:0.8rem;
color:#CCCCCC;
line-height:1.7rem;
}
h1{
padding-left:5vw;
padding-right:5vw;
font-family: 'Roboto', sans-serif;
font-size:3.5rem;
line-height:normal;
color:#CCCCCC;
}
h2{
	padding-left:5vw;
	padding-right:5vw;
	font-family: 'Roboto', sans-serif;
	font-size:1.8rem;
	color:#CCCCCC;
	line-height:normal;
}
h3{
padding-left:5vw;
padding-right:5vw;
font-family: 'Roboto', sans-serif;
font-size:1rem;
line-height:normal;
color:#CCCCCC;
}

h4{
font-family: 'Roboto', sans-serif;
background-color:#490646;
font-size:2rem;
line-height:-4rem;
padding-top:1.5vh;
margin-right:0.8vw;
line-height:normal;
width:18vw;
display:block;
color:#CCCCCC;
border:none;
}
h4#inicio{
font-family: 'Roboto', sans-serif;
background-color:#490646;
font-size:2rem;
text-align:center;
width:100vw;
line-height:normal;


color:#CCCCCC;
border:none;
}
.footer{
text-align:center;
background-color:#490646;
}
a{
font-family: 'Roboto', sans-serif;
color:#CCCCCC;
text-decoration:none;
display:block;
border:none;
}
h4#izquierda{
font-family: 'Roboto', sans-serif;
font-size:2rem;
line-height:-4rem;
padding-top:1.5vh;
margin-right:0.8vw;
line-height:normal;
text-align:left;
width:18vw;
display:block;
color:#CCCCCC;
}

h4#derecha{
font-family: 'Roboto', sans-serif;
font-size:2rem;
line-height:-4rem;
padding-top:1.5vh;
margin-right:0.8vw;
text-align:right;
margin-left:5vw;
line-height:normal;
width:18vw;
display:block;
color:#CCCCCC;
}
h4#derecha_index{
font-family: 'Roboto', sans-serif;
font-size:2rem;
line-height:-4rem;
padding-top:1.5vh;
margin-right:0.8vw;
text-align:right;
margin-left:5vw;
line-height:normal;
width:25vw;
display:block;
color:#CCCCCC;
}
.mapa{
display: flex;
justify-content:center;
width:86vw;
height:24vh;
border:#009999 dashed 0.2vh;
margin-top:5vh;
padding:1.5vw;
margin-left:5vw;
margin-right:5vw;
}
iframe#mapa{
width:94.5vw;
height:22vh;
padding:1.5vw;
}

h1#contacto{
color:#FFFFFF;
}
#videos{
width:90vw;
}
.boton_menu_inicio{
margin-right:30vw;
float:left;
height:15vh;
width:30.5vw;
border:#009999 dashed 0.2vh;
margin:2vw;
margin-left:5vw;
padding:5vh;
padding:5vw;
}
img#menu_inicio{
height:15vh;
width:30.5vw;
}