body, h1, h2, h3, h5, h5, ul, ol, li, p, form {margin: 0; padding: 0;}
.izq {display: block; float: left;}
.dch {display: block; float: right;}

.esq11 {position: absolute;	top: 0; left: 0;}
.esq12 {position: absolute;	top: 0; right: 0;}
.esq21 {position: absolute;	bottom: 0; left: 0;}
.esq22 {position: absolute;	bottom: 0; right: 0;}

a {color: #999; text-decoration: none;}
a:hover {color: #000;}
a img {border: 0;}
.oculto {display: none;}

.warper {
	width: 820px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	font-family: "Trebuchet MS";
	font-size:11px;
	color: #999;
	}
	
	.cabecera {
		height: 64px;
		border-bottom: 1px solid #ccc;
		padding: 7px 0 0 0;
		
		}
		.cabecera .logo {
			margin-bottom:6px;clear:both
			}
	.pie {
		border-top: 1px solid #ccc;
		padding-top: 14px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		text-align: center;
		float:left;
		width:820px;
		margin-top:18px
		}
		
	.main {
		width:825px;
		float:left;
		margin:0;
		}	
		
/* encabezamientos  *************** */

h1 {}
h2 {font: bold 16px Trebuchet MS; color:#000; margin:8px 0 7px 0; text-transform:uppercase}


	
/* pagina Home ******************** */
	
.home {margin:30px 0 30px 0; overflow:hidden; height:375px}	
.contenedor-dcha {display:block; float:left; width:400px; text-align:center}
.contenedor-izqd {display:block; float:right; width:400px}


/* Pagina Mi Vision *************** */
.mivision {margin:20px 0 20px 0}
	.contenedor-foto {width:280px; float:left}
	.contenedor-foto img {border: 1px solid #ccc}
	.contenedor-texto {width:520px; font:normal 12px Trebuchet MS; color:#999; margin-left:20px; float:left}
	.contenedor-texto h3 {font:bold 11px Trebuchet MS; color:#000; float:left; margin:0 0 15px 0;width:520px;}
	.mivision p.entradilla {margin:15px 0 0 0; clear:both;  display:inline}
		 .caja {width:240px; float:left; margin-top:20px}
		 .caja p.margen {margin-top:20px}

/* pagina Obra ****************** */

.ancho-linea {width:160px}
.menu-obra {width:160px; float:left; margin-right:20px}
	.menu-obra ul {margin: 12px 0 12px 0}
	.menu-obra li {margin-bottom:5px; color:#000}
	.menu-obra .separacion {margin-bottom:12px}
	
.contenedor-cuadros {width:640px; float:left; display:inline;}
	.contenedor-cuadros .cuadro {width:145px; height:145px; margin: 0 20px 34px 0; float:left; position:relative}
	.contenedor-cuadros .sin-cuadro {width:143px; height:143px; margin: 0 20px 34px 0; border:1px solid #ccc; float:left}
	.contenedor-cuadros .cuadro-ultimo  {width:145px; height:145px; margin: 0 0 34px 0; float:left;position:relative}
	.contenedor-cuadros .sin-cuadro-ultimo {width:143px; height:143px; margin: 0 0 34px 0; border:1px solid #ccc; float:left}
	
/* Pagina Apartados Cuadros *************** */

.titulo-apartado {width:640px;  float:right}
	.titulo-apartado h3 {font: bold 16px Trebuchet MS; color:#000; text-transform:uppercase; text-align:right; margin:8px 0 7px 0;}
.ancho-h2 {width:160px; float:left}
.separacion-linea-apartados {padding-bottom:17px}
.cuadro-apartado {width:400px; margin-right:20px; float:left}
	.cuadro-apartado .pie-cuadro {width:400px; text-align:center;margin-top:16px}
		    .pie-cuadro a {text-decoration:underline}
			
.cuadros-thumbail {width:220px; float:left}
	.cuadros-thumbail .thumbail {width:65px; height:65px; margin:0 12px 12px 0; float:left;position:relative}
	.cuadros-thumbail .thumbail-ultimo {width:65px; height:65px; margin:0 0 12px 0; float:left; position:relative}
	.thumbail-vacio {width:63px; height:63px; border:1px solid #ccc; float:left; margin:0 12px 12px 0}
	.thumbail-vacio-ultimo {width:63px; height:63px; border:1px solid #ccc; float:left; margin:0 0 12px 0;}
    .linea-thumbail { width:220px; float:right; margin-bottom:10px}
   
.paginacion { width:220px; clear:both}
	.paginacion .numeracion {font-size:10px; float:left;}
	.paginacion .flechas {float:right; display:block; }
 
/* Pagina Exposiciones ********** */	

.contenedor-exposicion {float:left; width:640px; margin-right:20px}
	.caja-exposicion {width:640px; margin-bottom:23px; float:left}
     	.caja-year{with:40px; float:left; font:normal 18px Trebuchet MS; color:#000;margin-right:20px }
	 	.caja-nombre-exposicion {width:580px;float:left}
	 		.caja-nombre-exposicion p.titulo {font:normal 18px Trebuchet MS; color:#000;}
			.caja-nombre-exposicion p.lugar	 {font:normal 11px Trebuchet MS; color:#999;}
			
    .caja-exposicion-ultima {width:640px; float:left}
	
.contenedor-banner {float:left; width:160px; text-align:center}		
	.contenedor-banner .estado {font: normal 12px Trebuchet MS; color:#000; text-transform:uppercase}
	.contenedor-banner .sala { font: normal 18px Trebuchet MS;color:#000; margin-bottom:12px; line-height:1em}
	.contenedor-banner .lugar {font: normal 14px Trebuchet MS; color:#666}
	.contenedor-banner .fecha {font: normal 12px Trebuchet MS; color:#666; margin-bottom:10px}
	.contenedor-banner .web a {font: normal 11px Trebuchet MS; color:#000; text-decoration:underline}
/* Varios *********************** */

.linea-separacion {font-size:1px; background: url(http://www.belenordovas.com/public/frontend/img/linea-punteada.gif) repeat-x}
.margen-derecho { margin-right:40px}
.ancho-total {width:820px}

/* Capas roll-over ***************** */

.capa-roll a{width:59px; height:59px; position:absolute; top:0; left:0;  z-index:99; border:3px solid transparent}
.capa-roll a:hover {width:59px; height:59px; border:3px solid #666; position:absolute; top:0; left:0; overflow:hidden; z-index:99}
.capa-rollon {width:59px; height:59px; border:3px solid #666; position:absolute; top:0; left:0; overflow:hidden; z-index:99}

.cuadro-rollon{width:139px; height:139px; border:3px solid #ccc; position:absolute; top:0; left:0; overflow:hidden;z-index:99}
.cuadro-roll a{width:139px; height:139px; border:3px solid transparent; position:absolute; top:0; left:0; overflow:hidden;z-index:99}
.cuadro-roll a:hover{width:139px; height:139px; border:3px solid #ccc; position:absolute; top:0; left:0; overflow:hidden;z-index:99}