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

*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
html{
height: 100%;
}
a {
text-decoration:none;
color:inherit;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
input {
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
button {
border:none;
cursor:pointer;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear:both;
height:1px;
background: none;
}
/*--- end reset --------*/
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

a:hover{
text-decoration: underline;
}
p{
margin: 10px 0 10px 0;
}
body{
background-image: url(../images/fondo.jpg);
color: #CCC;
/*font-family: 'Amarante', cursive;*/
font-family: 'GillSans';
text-align: justify;
}
.container{
width: 960px;
margin: auto;
background-color: ;
background: #222 url(../images/content-fixed-bg.jpg) 0 0 no-repeat;
}
.container.intro{
height: 700px;
background
}
.container.intro .content{
background: none;
}
.intro .image{
margin: 175px 0px 0px 275px;
height: 400px;
}
.intro .header{
background: none;
}
.intro a:hover{
text-decoration: none;
}
.intro .content h1{
font-family: Dosis;
text-align: center;
margin-top: 68px;
font-size: 17pt;
}

.intro .enter-site{
margin: -26px 58px;
display: block;
text-align: right;
}
.intro .enter-site:hover{
color: red;
}
.header{
height: 128px;
background: url(../images/header-bg.jpg) 0 0 no-repeat;
font-family: Dosis;
}
.header h1{
font-size: 24px;
padding: 36px 36px;
font-family: Dosis;
}
.header .menu{
/*margin-left: 179px;*/
margin-left: 274px;
}
.header .menu li{
float: left;
width: auto;
padding-left: 20px;
padding-right: 20px;
border-left: 1px solid #777;
}
.header .menu li:first-child{
border-left: none;
}
.header .menu li a:hover{
color: #FFF;
}
.content{
padding: 10px;
background: url(../images/content-tiled-bg2.jpg) 0 0 repeat-y;
}
.content h1, .content h2{
font-size: 16px;
text-transform: uppercase;
font-family: Dosis;
}
.content .right{
/*border-left: 1px solid #444;*/
}
.index .left .image{
cursor: pointer;
}
.index .left .image img{
display: block; margin: 50px auto 50px auto;
}
.thumbtema{
width: 350px;
margin: 20px auto 20px auto;
font-size: 18px;
}
.thumbtema h2{
font-size: 12pt;
text-align: center;
margin: 30px 0px 14px 0px;
font-family: Dosis;
}
.thumbtema.medio-ambiente a, .thumbtema.medio-ambiente a h2{
color: white;
}
.thumbtema.medio-ambiente a:hover, .thumbtema.medio-ambiente a:hover h2{
color: #FFE000;
text-decoration: none;
}
.thumbtema.paisaje-urbano a, .thumbtema.paisaje-urbano a h2{
color: white;
}
.thumbtema.paisaje-urbano a:hover, .thumbtema.paisaje-urbano a:hover h2{
color: #FFE000;
text-decoration: none;
}
.index .text{
margin: 30px;
text-align: justify;
}
.index .text h2{
padding: 20px;
}
.index .idiomas{
text-align:right;
}
.index .idiomas a.active{
font-style: italic;
font-weight: bold;
}
.thumbtema .rotador{
width: 175px;
height: 175px;
margin: auto;
position: relative;
/*background-color: red;*/
}
.thumbtema .rotador img{
display: block;
position: absolute;
top: 0;
left: 0;
width: 175px;
height: 175px;
}
.exposiciones li{
font-size: 14px;
}
.exposiciones li span{
display: block;
float: right;
clear: right;
}

.footer{
position: relative;
/*border-top: 1px solid #ccc;*/
text-align: center;
height: 44px;
background: url(../images/footer-bg.jpg) 0 0 no-repeat;
padding-top: 30px;
}
.footer .menu{
text-align: right;
position: relative;
margin-top: -5px;
font-size: 12px;
padding-right: 15px;
}
div.left{
/*width: 47%;*/
width: 449px;
float: left;
margin: 0.8%;
}
div.right{
width: 48%;
float: left;
margin: 0.8%;
padding-left: 1%;
}


.publicacion{
margin-bottom: 25px;
}
.publicacion .titulo{
border-bottom: 1px solid gray;
margin-bottom: 10px;
}
.publicacion .imagenes a{
display: block;
width: 150px;
height: 150px;
float: left;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 10px;
}

.criticas .idiomas{
float: right;
}
.criticas .idiomas a{
width: 80px;
float: left;
text-align: center;
}
.criticas .idiomas a.active{
font-style: italic;
font-weight: bold;
}
.lista_criticas a.active{
font-style: italic;
font-weight: bold;
}
.critica h2{
text-transform: uppercase;
display: none;
}
.criticas h2{
margin-bottom: 40px;
}

.biografia .content ul{
list-style-type: square;
}
.biografia .content ul li{
margin-left: 20px;
margin-bottom: 10px;
}
.biografia .content h2{
margin-top: 50px;
margin-bottom: 15px;
}
.biografia .acordeon h2{
padding-left: 20px;
cursor: pointer;
background: url(../images/right.png) 0 0 no-repeat;
}
.biografia .acordeon.opened h2{
background: url(../images/down.png) 0 0 no-repeat;
}



.publicaciones .content ul{
list-style-type: square;
}
.publicaciones .content ul li{
margin-left: 20px;
margin-top: 10px;
}
.publicaciones .content li span{
display: block;
float: right;
clear: right;
}
.publicaciones h2{
margin-bottom: 30px;
}
.publicaciones .content .distinciones span{
display: block;
font-size: 12px;
float: none;
}
.publicaciones .content .distinciones li{
margin-top: 10px;
}
.publicaciones .content .publicaciones{
margin-top: 50px;
}



.retrospectiva .idiomas{
float: right;
}
.retrospectiva .idiomas a{
width: 80px;
float: left;
text-align: center;
}
.retrospectiva .idiomas a.active{
font-style: italic;
font-weight: bold;
}
.retrospectiva img {
display: block;
margin: 50px auto;
border: 1px solid #444;
padding: 10px;
}
.retrospectiva h2{
margin-bottom: 40px;
}


.gallery img{
display: block;
margin: 50px auto;
border: 1px solid #444;
padding: 10px;
}
.gallery .idiomas{
float: right;
}
.gallery .idiomas a{
width: 80px;
float: left;
text-align: center;
}
.gallery .idiomas a.active{
font-style: italic;
font-weight: bold;
}
.gallery h2{
margin-bottom: 20px;
}
.publicaciones .left, .biografia .left, .publicaciones .left, .criticas .left, .criticas .right, .retrospectiva .left, .gallery .left{
margin-top: 50px;
}

.musica{
position: relative;
text-align: right;
}
.musica span{
position: absolute;
top: 8px;
right: 45px;
}


/*TEST COLORES*/
h1, h2, h3, .menu a{
color: #FFF;
}