root { 
    display: block;
}
.miniaturas{
    background: whitesmoke;
    border: solid 1px #e4dddd;
    width: 900px;
    margin:2em auto;
    min-width: 400px;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 1.5em;
}
.wrapp{
    background: whitesmoke;
    border: solid 1px #e4dddd;
    width: 900px;
    margin:3em auto;
    min-width: 400px;
}
.content{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 1.5em;
    width:90%;
    background-color:#cccccc;
    padding:1em;
    margin: 1em auto;
    
    
}
.cabecera{
    background: url('../images/cabecera.jpg');
    width:100%;
    margin:auto;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 2px solid whitesmoke;
}
.title{
   font-size: 2em;
   color: #660066;
}

.content .foto img{
    width: 45%;
    padding: 0.8em;
    background-color: white;
    margin:0.5em 1em;
    border: solid 1px #660000;
    float: left;
}
.net{
    clear: both;
}
.navigator{
    margin: 1.5em auto;
    width: 30%;
    display: table;
}
.columna{
    display: table-row;
}
.dreta{
    float: right;
    display: table-cell;
}
.esquerra{
    display: table-cell;
    float: left;
}
.centre{
    display: table-cell;
}
.tit{
    font-style: oblique;
     color: #660066;
}
.content #genere{
    width: 30%;
    font-size:0.8em;
}
td#gallery img{
   width:80%;
   background-color: white;
   border: solid 1px #660000;
   padding: 0.3em;
  margin: auto;
  -moz-box-shadow:1px 1px 7px #000;
    -webkit-box-shadow:1px 1px 7px #000;
     box-shadow:1px 1px 7px #000;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2);
}
td#gallery p{
    margin: auto;
    padding-top: 1em;
}
a.miniatura{
    color: #990033;
    font-stretch: ultra-condensed;
    font-weight: bold;
}
a.miniatura:link{
    text-decoration: none;
}
table#recuadro{
    border-spacing: 2em;
    border-collapse: separate;
    border: 3px solid whitesmoke;
    width: 85%;
}
#min_genere{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 0.5em;
    color: #990066;
    padding-right: 1.2em;
   
}
h3{
    color:#660000;
    text-align: center;
    font-style: oblique;
}
.gen{
    color: #990066;
    font-weight: bold;
    margin-bottom:2em;
}
.cera{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 0.7em;
    color: #660000;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    margin-top: 2em; 
    width: 80%;
    padding:1em;
    background-color:whitesmoke;
    border: 1px solid #666666;
}
.foto_cer img{
    width: 35%;
    float:left;
    padding: 0.8em;
    background-color: white;
    margin:0.1em 1em;
    border: solid 1px #660000;
     -moz-box-shadow:1px 1px 7px #000;
    -webkit-box-shadow:1px 1px 7px #000;
     box-shadow:1px 1px 7px #000;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2);
}
 .upper{
  font-family: Helvetica, Verdana, sans-serif;
    font-size: 1em;
    color: #660000;
    font-weight: bold;
}
.cabecera_cer{
    background-color: white;
    background: url('arq.png');
    color:#660000;
    width:100%;
    margin:auto;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 1px solid #660000;
    
}
.cabecera_cer h3{
    color:black;
    font-weight: bold;
}
.pie{
    background-color: white;
    background: url('arq.png');
    width: 100%;
    border: 1px solid #660000;
    margin:auto;
    
}
.intro_damia{
    font-size: 0.7em;
    margin: 0.5em;
}
.titulo{
    font-size: 1.2em;
    font-weight: bold;
    color: #663300;
}
.img_intro{
    width: 20%;
    padding: 0.8em;
    background-color: white;
    margin:0.1em 1em;
    border: solid 1px #660000;
     -moz-box-shadow:1px 1px 7px #000;
    -webkit-box-shadow:1px 1px 7px #000;
     box-shadow:1px 1px 7px #000;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2); 
}
a.rel:link{
    text-decoration: none;
}
a.rel:hover{
    color: #ff9900;
}
a.rel{
    font-size: 0.8em;
    color: #330066;
    
}
.foto_pint{
margin:auto;
}
.foto_pint img{
    width: 35%;
    padding: 0.8em;
    background-color: white;
    margin:0.8em;
    border: solid 1px #660000;
     -moz-box-shadow:1px 1px 7px #000;
    -webkit-box-shadow:1px 1px 7px #000;
     box-shadow:1px 1px 7px #000;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=2);
}
.cursiva{
    font-style: oblique;
}
h3 a{
    text-decoration: none;
}