@charset "utf-8";
/* CSS Document */
/* ESTILOS GENERALES */
p, a, li, h1, h2, h3, h4, h5, h6 {
font-family: 'ABeeZee', sans-serif;
}
* {
margin:0px;
padding:0px;
}
/* CABECERA */
.cabecera{
width: 100%;
height:150px;
overflow: hidden;
background-color: #FFFFFF;
position: relative;
z-index: 999;
}
/*LOGO*/
.logo{
width: 30%;
overflow: hidden;
float: left;
}
.logo img{
width:15%;
margin: 15px 20px;
overflow: hidden;
}
/*MENU DE NAVEGACION*/
#header {
width:60%;
font-family: 'ABeeZee', sans-serif;
font-size: 15px;
float: left;
padding-top: 1.5%;
padding-left: 15%;
}
/*En general, listas ordenadas y desordenadas no tienen estilo de lista (los puntitos que aparecen a la izda)*/
ul, ol {
list-style:none;
}
li {
position: absolute;
z-index: 999;
}
/*Sólo la lista hija directa del nav debe flotar a la izda, el resto de submenus deben aparecer en columna*/
.nav > li {
float:left;
}
.nav li a {
background-color:#FFFFFF;
color:#000;
text-decoration:none;
padding:10px 12px;
display:block;
}
/*Color que sale en los submenus cuando pasas el ratón por encima*/
.nav li a:hover {
background-color:#C7C7C7;
}
.nav li ul {
/*display none para que cuando no este el cursor sobre el desaparezcan*/
display:none;
/*position absolute para que al no verse no se les "guarde" el espacio como pasaría con relative*/
position:absolute;
/*antes estaba en 120px*/
min-width:140px;
z-index: 999;
}
/*Cuando el cursor pase por encima de un elemento lista, se despliega solo la lista hija directa del elemento*/
.nav li:hover > ul {
display:block;
}
.nav li ul li {
position:relative;
}
.nav li ul li ul {
right: -150px;
top:0px;
}
/******SOCIAL*******/
.social {
width: 7%;
overflow: hidden;
float: left;
margin-top: 1.5%
}
.social img{
width: 30px;
float: left;
overflow: hidden;
padding-top: 2%;
margin-right: 1%;
position: relative;
margin-right: 5%;
}
/*CONTENIDO*/
/* PARALLAX */
.parallax {
width: 100%;
height: 300px;
overflow: hidden;
background-image:url(img/pintura1.jpg);
background-attachment: fixed;
background-size: cover;
display: block;
padding: 100px;
padding-left: 400px;
padding-right: 400px;
position: relative;
z-index: -1;
}
.parallax h3{
text-align: center;
background-color: rgba(255,255,255, 0.6);
padding: 15px;
color: #333;
font-size: 36px;
}