Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta
@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;
}.nav > li {
float:left;z-index:4;
}.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: -4;
}