body{
margin: 0;
padding: 0;
font-familly: Verdana, Arial,Helvetica, san-serif;
background-color: #4f4f4f;
text-align: center;
}
#wrapper{
margin-top:0;
text-align: left;
width: 766px;
\width: 766px;
w\idth: 766px;
margin-right: auto;
margin-left: auto;
background-color: #c7c7c7;
}
#header{
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
height: 152px;
text-align:center;
/*background-position: center;
background-image: url(../images/cabecera_5.jpg);
background-repeat: no-repeat;*/
background-color: #FFFFFF;
}
/************ MENU SUPERIOR *********/
#navigator{
  height: 22px;
  width: 766px;
  margin-bottom:2px;
  margin-top:2px;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  background-color: #FFFFFF;
}
#navigator a{
text-decoration:none;
}
#navigator ul{
  margin:1px 10px 0px 0px;
  padding-left:30px;
}
#navigator ul li{
  display: inline;
}
#navigator li{
 margin-left:5px;
}
#navigator img{
border:0;
}
#navigator a{
text-decoration:none;
}

/*********** CONTENIDO ************************/
#content{
font-size:12px;
padding:10px;
min-height:500px;
_height:500px;
height:auto;
/*background-color: #FFFFFF;*/
}
#content a{
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}

/************* PIE **********/
#footer{
clear:left;
height:25px;
width:766px;
background-color:#FFFFFF;
border-top:1px solid #000000;
}
#contactf{
clear:left;
float:left;
width:200px;
}
#contactf a{
text-decoration:none;
}
#contactf img{
border:0px;
}
#footeresp{
clear:left;
margin-bottom:0px;
height:25px;
width:766px;
background-color:#FFFFFF;
border-top:1px solid #000000;
}
#al{
float:right;
height:25px;
width:150px;
margin-left:auto;
margin-right:3px;
background-image:url(../images/al.jpg);
background-repeat:no-repeat;
}
/************** RUTA-AYUDA ************/
#ayuda{
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

/******************** FIN GENERALES *****************/
/***************************************************/




/******************** PAGINA HOME  ****************/
#logo{
margin-top:30px;
height:185px;
width:600px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
}
#texto{
text-align:center;
font-weight:bold;
color:#FFFFFF;
font-size:20px;
}
#problematico{
float:left;
}
#bea{
position:relative;
/*float:left;*/
width:195px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
height:250px;
background-image:url(../images/bea5.jpg);
background-repeat:no-repeat;
}
#bea2{
position:relative;
margin-top:30px;
margin-left:515px;
height:300px;
background-image:url(../images/bea4.jpg);
background-repeat:no-repeat;
}
#tecnicas{
position:relative;
float:left;
margin-top:40px;
margin-left:2px;
margin-right:20px;
width:200px;
padding:20px;
height:100px;
background-color:#FFFFFF;
border:1px dashed #000000;
visibility:hidden;
}
#tecnicas img{
border:0;
}
/********************* AUTORA *******************/
#indice{
height:520px;
text-align:center;
}
#autora{
padding:10px;
margin-top:10px;
}
#autora label{
font-weight:bold;
font-style:italic;
color: #FFFFFF;
font-size:16px;
}
#retrato{
float:left;
width:716px;
}
#retrato img{
margin-right:20px;
float:left;
border:2px solid #FFFFFF;
}
#retrato p{
margin-left:15px;

}
#curriculo{
margin-top:30px;
}

/****************** BÚSQUEDA ********************/

/*Fromulario*/
#formsearch{
margin-top:30px;
width:612px;
\width:612px;
w\idth:612px;
margin-left:75px;
margin-right:auto;
/*border: 1px dashed;
background-color:#F6EBFF;*/

}
#formsearch label{
margin-left:5px;
float:left;
width:30%;
\width:30%;
w\idth:30%;
font-weight:bold;
}
#search {
margin-top:30px;
margin-left:25%;
font-weight:bold;
}
/*Resultados*/

#results{
margin-top:30px;
display:block;
width:90%;
\width:90%;
w\idth:90%;
height:500px;
padding-left:40px;

}
#results ul{
  margin:0px 10px 0px 0px;
  padding-left:0px;
  width:666px;
  list-style-type:none;

}
#results li{
display:block;
float:left;
width:204px;
text-align:center;
height:204px;
margin-left:10px;
margin-top:10px;
}
#results img{
border:2px solid #FFFFFF;
}
#results ul li div{
text-align: center;
vertical-align:center;
/*border: 1px solid #4f4f4f;*/
}
.imagen{
width:204px;
height:204px;
text-align:center;
vertical-align:center;
}
#moreresults{
height:40px;
}
#moreresults img{
border:0;
}

#back{
float:left;
width:30px;
margin-left:50px;
}
#fwd{
float:right;
width:30px;
margin-left:auto;
margin-right:50px;
}
/************ Exposiciones **************/
.contenedorexp{
height:125px;
}
.expimg{
text-align:center;
vertical-align:center;
padding:5px;
border-right: 1px solid #4f4f4f;
width:100px;
position:absolute;
height:100px;
}
.centr{
vertical-align:center;
}
.expnom{
position:relative;
padding-left:100px;
margin-left:30px;
font-weight:bold;
font-style:italic;
color: #FFFFFF;
}
.expgal{
position:relative;
margin-left:30px;
}
.expdate{
position:relative;
padding-left:100px;
margin-left:30px;
}
.notas{
position:relative;
margin-left:130px;
}
.linkexp{
position:relative;
margin-left:130px;
}
#listaexp li{
margin-top:10px;
}
#listaexp ul li{
list-style:none;
}
/***************CUADRO***********/
#cuadro{
margin-top:30px;
text-align:center;
}
#cuadro img{
border:2px solid #FFFFFF;
}
#textodetalle{
margin-top:20px;
margin-left:auto;
margin-right:auto;
border: 1px solid #4f4f4f;
width:350px;
}
#textodetalle label{
clear:left;
margin-left:5px;
float:left;
width:40%;
\width:40%;
w\idth:40%;
font-weight:bold;
}
#tematica{
text-align:center;
width:100%;
}
#tematica a{
text-decoration:none;
}
#tematica ul{
list-style-type:none;
clear:left;
margin-left:20px;
margin-bottom:20px;
}
#tematica img{
border:2px solid #FFFFFF;
}
#tematica li{
display:block;
width:160px;
height:200px;
text-align:center;
vertical-align:center;
float:left;
margin-left:10px;
}
#tematica div{
vertical-align:center;
}
#tecnica{
text-align:center;
}
#tecnica img{
border:2px solid #FFFFFF;
}
#tecnica ul{
list-style-type:none;
clear:left;
margin-left:20px;
margin-bottom:20px;
}
#tecnica li{
display:block;
width:160px;
height:200px;
text-align:center;
vertical-align:center;
float:left;
margin-left:10px;
}
/****************************************CONTACTO************************/
#contact{
height:500px;
}
