html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}


h1{position: absolute; bottom: 5px; left: 0px; color: #ddd; font-weight: normal; font-size:19px; width: 220px; text-align: center}
h1 a{ color:#fff; text-decoration:none}
li h2{ font-size: 2em;}

body{
/*
background: url(imagenes/marina.png) center 80px no-repeat;
*/
background: url(imagenes/body_bg_2.jpg) center top #d4cfc9 ;
font-family:Helvetica, Arial, Helvetica, sans-serif
}

a{
color: #333
}

em{ font-style: italic}

#contenedor{
width: 705px;
margin: 40px auto;
position: relative
}

#cabecera{
height: 100px;
position: relative;
}

.columna{
width: 200px;
height:330px;
float: left;/*
background: #fff url(imagenes/lateral_bg.png) left 3px no-repeat;*/
position: relative
}
.cIzquierda{ padding: 10px; display: table-cell; vertical-align:middle}

p{
font-size: 0.7em;
padding: 5px 0 0;
line-height: 1.3em
}

#contenido{
padding: 10px;
width: 465px;
width:450px;
height: 330px;
float: left;/*
background: url(imagenes/contenido_bg.png) right 0 no-repeat*/
}

#contenido p{ padding: 15px 15px 0;}

.listadoThumbs li{
display: block; float: left;
width: 65px;
height: 65px;
margin: 5px 5px 5px; /*overflow: hidden;*/
/*position: relative;*/
}
.listadoThumbs li img{ display: block; margin: auto;}
.listadoThumbs a{ color: #333; display: block; text-decoration:none}
.listadoThumbs li span{
color: rgb(70,70,70);
display: table-cell;
vertical-align: middle;
padding: 15px;
font-size: 0.55em;
visibility: hidden;
text-align: center; 
position: absolute;
top:400px;
left: 220px;
width: 420px;}
.listadoThumbs li a:hover span{ visibility: visible;}


.listadoGaleria li{
display: block; float: left;
margin: 10px
}

#imagenAmpliada{
display: block;
width: 460px;
margin: 5px auto;
}
#imagenAmpliada img{
padding:5px;
/*border: 1px solid #ccc;*/
display: block;
margin:auto;
}

#titulo{font-size: 0.8em; font-weight: bold; color:#d4d0c8; color: rgb(70,70,70); position: absolute; top: 78px; left: 245px}
#nombreObra{font-size: 0.7em; text-align:center; color:#d4d0c8; color: #777; padding: 3px}

#contacto{
padding: 10px 0;
font-size: 0.7em;
margin: 0 0 0 -10px
}

#contacto li{
width: 200px;
text-align:center;
}
#contacto li h2{
display: block;
font-weight: normal;
width: 200px;
padding: 5px 0 5em 5px;
font-size: 1.5em
/*
margin: 0 0 0 -55px
padding: 0 0 5em;
*/
}

.email{
background: url(imagenes/email.png) 35px 12px no-repeat;
padding: 10px
}
.movil{
background: url(imagenes/movil.png) 35px center no-repeat;
padding: 10px;
}

#menu{
position: absolute;
text-align: right;
right: -18px;
top: 375px;
}
#menu a{ color: #999; font-size: 12px; text-decoration: none; display: block; padding: 5px 30px 5px 0; }
#menu a:hover{ text-decoration: underline; background: url(imagenes/flechita_seccion.gif) right center no-repeat}

.en_blanco {color:#eee;}

#flash{
position: absolute;
top: 0px;
left:221px
}