body {
background: #000000 url(../imagenes/fondo_body.jpg) repeat-y 0% 0%;
color:#ffffff;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Geneva, Arial, sans-serif;
font-size:90%;
margin:0;
padding:0;
}

.no {display:none;}
ul, li , dl , dt, dd {list-style-type:none; margin:0; padding:0;}
a img {border: 0 none;}
a {margin:0; padding:0; text-decoration:none; cursor:pointer;color:#000000;}
img {margin:0; padding:0;}

h2, h3, h4 {
font-family:Arial, Helvetica, sans-serif;
background:#cc0000;
color:#000000;
padding:2px;
font-size: 110%;
text-transform:uppercase;
}

#contenedor {
background: url(../imagenes/cs.jpg) no-repeat 0% 10%;
position:absolute;
width: 100%; 
margin:0;
padding:0;
float:left;
}

/***** lateral ******/
#lateral {
	width: 240px;
	top:215px;
	left:20px;
	position:absolute;
	float:left;
}

#lateral h2 {
	margin: 35px 0 0 25px;
	padding:10px 0 5px 10px;
	width: 135px;
	height:44px;
	color:#ffffff;
	background:#cc0000;
	font-size:90%;
    text-transform:uppercase;
}

#lateral h3 {
	margin: 20px 0 0 25px;
	padding:5px;
	width: 48px;
	height:20px;
	color:#ffffff;
	background:#cc0000;
	font-size:90%;
    text-transform:uppercase;
}


#lateral img {
	background:#cc0000;
	padding: 8px;
	margin: 0px 0 10px 24px;
 }

#lateral .imgbor {margin-top: 30px;padding:0;}

 /*proximas exposiciones*/
#lateral ul {
   background:#ffffff;
   color:black;
   float:left;
   width: 65%;
   margin: 10px 0 0 25px;
   padding:10px 0;
  }
  
 #lateral ul li {
   margin: 0 10px;
   font-size:85%;
 } 
  
/***********/  
#contenedor  h1 {
	margin: 65px 0 0 20px;
	padding:0;
	width: 220px;
	height:103px;
	position:relative;
	font-size:70%;
	text-align:center;
}

#contenedor  h1 span {
	background: url(../imagenes/h1.jpg) no-repeat 0% 0%;
	position: absolute;
	float:left;
	margin: 0;
	width: 100%;
	height: 100%;
}

#contenedor ul.nav {
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:87%;
width: 70%;
height: 32px;
left: 265px;
top: 141px;
}   

#contenedor ul.nav li {
float:left;
width:96px;
height:32px;
text-align:center;
}

#contenedor ul.nav li {
margin:0;
width: 97px;
height: 32px;
margin-right:4px;
} 

#contenedor ul.nav li a {
float:left;
width: 96px;
height: 32px;
display:block;
color:#cc0000;
margin:0;
padding:2px 0 0 0;
background:#000000 url(../imagenes/nav.jpg) no-repeat 0% 0%;
text-transform:uppercase;
text-align:center;
}

#contenedor ul.nav li a.current {
background:#000000 url(../imagenes/nav_current.jpg) no-repeat 0% 0%;
color:#000000;
}


/****************/    
#contenido_portada  {
	width: 65%;
	background:#ffffff;
	color:#000000;
	position:absolute;
	float:left;
	left: 271px;
	top: 215px;
}   
#contenido_portada h2 {
float:left;
clear:left;
margin: 25px 0 15px 20px;
}

#contenido_portada p {
float:left;
clear:left;
margin-left:10px;
margin-right:10px;
font-size: 85%;
}
#contenido_portada img {float:left; margin: 10px 0 10px 10px; padding-bottom: 20px;}
#contenido_portada ul.portada {
float:right;
position:absolute;
width: 30%;
margin: 70px 0 0 430px;
} 
#contenido_portada ul.portada li {float:left; margin: 5px 0; width: 100%; font-size:0.8em;} 

/* div */
#contenido  {
	width: 80%;
	background:#ffffff;
	color:#000000;
	position:absolute;
	float:left;
	left: 45px;
	top: 216px;
    padding-bottom:100px;
} 
 
/* parrafo */
#contenido p {
float:left;
clear:left;
margin: 5px 15px 5px 30px;
font-size: 85%;
width: 90%;
}

#contenido p.corto {
float:left;
clear:left;
margin: 5px 15px 5px 30px;
font-size: 85%;
width: 50%;
}

#contenido p a {text-decoration:underline;}

#contenido address {font-style:normal;}

#contenido  .contact {
width: 260px;
font-size:90%;
padding:10px;
margin: 20px 30px;
float:left;
clear:both;
color:#000000;
background:#cc0000;
}

#contenido .contact .destaca {color:#ffffff; background:#cc0000;}

#contenido h2 {
float:left;
clear:left;
margin: 25px 0 15px 20px;
}

#contenido h3 {
float:left;
clear:left;
color:#ffffff;
width: 260px;
margin: 25px 10px 15px 20px;
}
#contenido img.derecha {background:#cc0000; float:right; padding:6px; margin-right: 50px;}

#contenido  ul.galeria {
float:left;
width: 90%;
margin-left: 40px;
} 
#contenido  ul.galeria li {float:left; margin: 10px ;} 
#contenido  ul.galeria li img {background:#cc0000; float:left; padding:6px;}
#contenido  ul.galeria li.vertical {margin:10px 10px 10px 20px;}
#contenido  ul.galeria li.vertical2 {margin:10px 160px 10px 190px;}
#contenido  ul.galeria li.horizontal {margin:10px 50px 10px 130px;}
#contenido  ul.galeria li.limpia {float:left;width:90%;} 

#contenido ul.enlaces {
float:left;
clear:both;
width: 40%;
margin: 30px 0 0 140px;
background:#cc0000;
color:#000000;
font-size:80%;
font-weight:bold;
}

#contenido ul.enlaces li {float:left; clear:left;margin: 10px;}

#contenido ul.enlaces li a {color:#00000; background:#cc0000; text-decoration:underline;}

#contenido form {
border: 6px solid #cc0000;
padding: 20px;
margin: 30px 0 0 180px;
width: 50%;
float:left;
clear:left;
}

#contenido form label {
width: 100px;
color: #cc0000;
background:#ffffff;
float:left;
}

#contenido form label.coment {width: 300px;}

#contenido form input,  #contenido form textarea {
float:left;
border: 1px solid black;
}
#contenido .limpia {color:#cc0000;}

#contenido form  .boton {
background:#cc0000;
color:white;
text-trasform:uppercase;
padding:2px 5px;
cursor:pointer;
}