@charset "UTF-8";
/* CSS Document */

.contenedor_header a:hover{
    opacity:0.4;
}
.titheaders{display: inline-block;}
.titheaders {height: 28px;margin:30px 3%;}
.titheaders img{height: 28px;margin:0 3%;}


.fondos_header{
    margin:auto;
    position:absolute;
}
#ulls{
    left: calc(50% - 600px);
    top:64px;
}

#metronomo{
    right: 200px;
    top: 20px;
}
#pluma{
    right: 100px;
    top: 20px;
}

.borde-degradado{width: 100%;height: 3px;}





.cursiva {font-style: italic;}
.negrita {font-weight: bold;}
.negritaycursiva {
    font-style: italic;
    font-weight: bold;

}


/* HEADER */

#titulo {
    padding: 20px 0px 60px 0px; margin-bottom: 70px;	
}


#elementos_header li, #elementos_header_contacto li {
    display: inline;
    padding: 0px 3%;
    margin-bottom: 40px;
    z-index: 2;
}

.fondos_header {z-index: -1;}


/* FIN HEADER */


/* MENU */
.menu{
    float : left;
    width : 140px;
    position:  absolute; left: 4px; top: 70px ;
    margin-top : 0px;
    margin-right : 0px;
    margin-bottom : 0px;
    margin-left : 5px;
    font-size: 9px;
}

#menu_proyecto { float : left;
                 width : 140px;
                 position:  absolute; left: 4px; top: 70px ;
                 margin-top : 80px;
                 margin-right : 0px;
                 margin-bottom : 0px;
                 margin-left : 5px;
                 font-size: 11px;
}

.lista_menu > li { margin: 10% 6%;}



.lista_menu, #pestanya {
    text-align: left;
}


ul.lista_menu{list-style-type: none; margin-left: -5em;}

li > a, #pestanya > a {
    color : #573010;
    text-decoration : none;
}
li > a:visited {
    color : #573010;
}
a:hover, a:focus {
    font-weight : bold;
}
a:hover {
    font-style: italic;
}
a:active {
    color : #AB7242;
}



/* FIN MENU */

a img{
    border:0;
} 
.home {text-align: right; margin-top: 12px; clear: both;}


#contenido {color: #442309;
            margin: 4% 11% ;
}

.cv_titulos, .proyecto_titulos {text-align: left;}

#bruja, #barbuda, #maite2, #trapecio7, #riendo { /*border: solid 3px #AB7242;*/ border-radius:18px;}

#bruja {
    float:  right; margin: 30px 0px 8px 28px ;
}

#barbuda  {
    float: right; margin: 20px 0px 40px 30px ; 
}

#maite2 {
    float: left; margin: 20px 30px 20px 0px ; 
}
#trapecio7 {float: right; margin: 20px 0px 20px 30px ; }

#riendo {float: left; margin: 20px 30px 20px 0px ; }

#maite_club22{
    float: right;
    margin: 0px 12px;
}




.cv_anyos, .cv_descripcion {display: block; }

.cv_anyos {text-align: left; margin-top: 12px; color: #AB7242; }
.cv_descripcion {text-align: justify;}


.contenedor {clear: left; margin-top: 70px; }


.cv_titulos {margin-bottom: 0px;}
.cv_anyos {font-weight: bold;}


p {text-align:justify;}

/* SOMBRAS */

.sombreado {
    box-shadow: 10px 6px 12px #5A2D0F;
    -webkit-box-shadow: 10px 6px 12px #5A2D0F; /*SAFARI*/
    -moz-box-shadow: 10px 6px 12px #5A2D0F;	/*MOZILLA*/
    filter: shadow(color=#5A2D0F, direction=135, strength=12); /* Internet Explorer */
}


/* FIN SOMBRAS */

#cajamail {position: absolute; top: 70%; left: 50%; margin-left: -100px;}
#cajamail img, #cajamail h3 {float: left;  margin-right: 16px;}
#cajamail img {position: relative; top: 50%; margin-top: 6px;}
#cajamail  a {color: #573010;}
#cajamail  a:hover {color: #AB7242;}
#cajamail  a:focus {color: #AB7242;}
#cajamail  a:active {color: #bbbbbb;}
#cajamail  a:visited {color: #AB7242;}



/* PROYECTO */
ol li {text-align: justify; margin-top:1.1em;}
.proyecto_titulos {margin: 70px 0px 0px 0px;}
ul#lista_desarrollados {list-style-type: none;}


/* CONTACTO */

#formulario ul {text-align:left; list-style-type: none;  }
#formulario li { margin: 20px;}
#formulario {width: 600px; position: relative; left: 12%; }
#botones { position:relative; right: 0; }
#botones input {margin-right:80px;}

body {color: #573010;}

/* VIDEOS */
#interluni {text-align: center; margin-top: 20px; border: 12px solid #AB7242;}
#interlunivideo { margin-top: -110px; }




#titulo_portada {}
.titheaders_portada {width:140px; height:31px; overflow:hidden;/*position:absolute; display:block;*/}
#header ul {list-style-type: none;text-align: right; padding-left: 84%;}


/* login*/
#login-wrapper #error{
    background: red;
    color:yellow;
}
#login-wrapper{
    border:4px solid;
    padding:30px;
    width: 260px;
    margin: 10% auto;
    border-radius: 14px;
    background: whitesmoke;
}

#login-wrapper div{
    margin:12px;
}
#login-wrapper .button{
    width:180px;
    height: 40px;
    margin-top: 20px;
}



.contenedor > div > div{
    float:left;
    line-height: 48px;
    height: 48px;
    font-weight: bold;
    font-size: 1.4em;
}

.contenedor > div > div:nth-child(1){
}
.contenedor > div{position:relative;}
.contenedor > div > div:nth-child(2){
    position: absolute;
    right: 0;
}

.edit-entrada-header{text-align: left;line-height: 40px;}
.e_id{font-weight: bold;font-size: 1.2em;padding:2px 10px;border:1px solid;border-radius: 4px;}
.orden-entrada{width: 48px;}
.cv_titulos{text-transform: uppercase;}

.editor-wrapper{display: none;}

.img-link:hover{
    opacity:1;
    filter: alpha(opacity=100);
    cursor:hand;
    cursor:pointer;
}
.img-link{
    opacity:0.5;
    filter: alpha(opacity=50);
}

/* Para animación entrada iconos edición */
.herramientas.edicion img{display:none;}