html, body, * {margin:0; padding:0; border:0;}
body {background-color:#e0e0e0; background-image: url('imgfondoinicio.png'); background-position:100% 100%; background-repeat:no-repeat;}
.hidden {position:absolute; top:-9999em; left:-9999em; display:block;}
a {color:#005000;}
p, li {font-family:Arial, sans-serif; margin:5px 10px;}
ul {margin-left:3.5em;}
li {margin:5px 3px;}

header {padding:0 10px; background:#00c800;}
header h1 {font:400% Arial, sans-serif; color:#ffffff;}
header h1 a {color:#ffffff; text-decoration:none;}
header .chlangmenu {position:absolute; padding:0.5em; top:0; right:0; background:white; font:100% Arial, sans-serif;}
@media only screen and (max-width:580px) { header .chlangmenu {position:static; border-bottom:0.5em #00c800 solid; padding:0; background:none;} }
header .chlangmenu span.selected {font-weight:bold;}

nav {background:#00c800; padding:0 10px; color:white; margin-bottom:10px;}
nav ul {margin-left:0;}
nav ul li {display:inline-block; list-style:none; padding:0.3em 0.5em; font:100% Arial, sans-serif; margin:0; white-space:nowrap;}
@media only screen and (max-width:750px) { nav ul li {border-bottom:0.3em #00c800 solid;} }
nav ul li:hover {background:#00e400; color:white;}
nav ul li.aqui {background:#ffffff; color:black;}
nav ul li a {color:white; text-decoration:none; margin:-7px -5px; padding:7px 5px;}
nav ul li.aqui a {color:black;}

.pageh {font-size:200%; font-family: Arial, sans-serif; margin:0 10px;}
.page .pageh {margin:0;}
h3 {font-size:120%; font-family: Arial, sans-serif;}
.h3c h3 {background:#e0e0e0; display:inline-block;}

.prespage {}
.presentacion {padding:5px; margin:0 5px; background:#e0e0e0; display:inline-block;}
@media only screen and (min-width:950px) { .presentacion {background:none;} }
.presentacion p, .presentacion q {font:100% Arial, sans-serif; line-height:1.2; margin:0.6em 0; color:#444444;}
.presentacion q {quotes:''; display:block;}
.presentacion q:before {content:no-open-quote;} /* desde el s 21/nov/2015 */
.presentacion q:after {content:no-close-quote;} /* desde el s 21/nov/2015 */
/*.acuarelasg {background-image:url('imgfondoacuarela.png'); background-color:skyblue; background-position:100% 0%; background-size:1024px 768px; background-repeat:no-repeat;}*/ /* clase desde el d 20/abr/2014; img fondo durante parte del d 20/abr/2014 */

.diayhora {background:white; margin:5px 10px 0 10px; height:200px; position:relative;}
.diayhorader {padding:10px 0; margin-left:220px;}
.diayhora .diadehoy {font:220% Arial, sans-serif;}

.eltiempo {margin-top:10px; margin-left:10px;}
.tiempotd {display:inline-block; vertical-align:top; min-width:10em;}
.tiempomd {margin-left:10px; padding-left:10px; border-left:1px gray dotted;}
.tiempotd img {float:left; margin-right:10px; width:64px;}
.tiempot {color:#888; font:90% Arial, sans-serif; font-weight:700; text-transform:uppercase;}
.tiempotd .tiempotemp {white-space:nowrap; font:180% Arial, sans-serif;}
.tiempotd .tiempomax {color:#ff0000; display:block; line-height:1.1;}
.tiempotd .tiempomin {color:#9999ff; display:block; line-height:1.1;}
.tiempoc {font:90% Arial, sans-serif; color:#888; margin-left:0;}
.tiemponf {font:100% Arial, sans-serif; margin-top:30px; margin-left:0;}

.clock {background:#ffffff; width:160px; height:160px; padding:20px;}
.clocksp {background-color:#008000; background-image:url('imgreloj.php'); width:160px; height:160px; border-radius:80px; position:relative;}
.clockh {display:block; background:#0d0; position:absolute; top:20px; left:78px; width:5px; height:60px; -webkit-transform:rotate(42deg); -webkit-transform-origin:50% 100%; -moz-transform:rotate(42deg); -moz-transform-origin:50% 100%; transform:rotate(42deg); transform-origin:50% 100%; border:1px black solid;} /* b desde el v 18/abr/2014; moztransf y transf desde el d 1/jun/2014 */
.clockmin {display:block; background:white; position:absolute; top:10px; left:79px; width:3px; height:70px; -webkit-transform:rotate(42deg); -webkit-transform-origin:50% 100%; -moz-transform:rotate(42deg); -moz-transform-origin:50% 100%; transform:rotate(42deg); transform-origin:50% 100%; border:1px black solid;} /* b desde el v 18/abr/2014; moztransf y transf desde el d 1/jun/2014 */
.clocks {display:block; background:black; position:absolute; top:5px; left:80px; width:1px; height:75px; -webkit-transform:rotate(42deg); -webkit-transform-origin:50% 100%; -moz-transform:rotate(42deg); -moz-transform-origin:50% 100%; transform:rotate(42deg); transform-origin:50% 100%; border:1px white solid;} /* b desde el v 18/abr/2014; moztransf y transf desde el d 1/jun/2014 */
.clockh, .clockmin, .clocks {border-bottom:none;}
.diayhora .clock {border-right:5px solid #e0e0e0; position:absolute;}

.calendario {padding:10px; font-family:Arial, sans-serif;}
.calendario h3 {padding-left:0;}
.calendariom {display:inline-block; margin:0 5px 5px 0; padding:10px; background:#e0e0e0;}
.calendariom.hoy {background:white;}
.calendariot {width:280px; border-top:1px black solid; border-left:1px black solid; border-collapse:collapse;}
.calendariot td {text-align:right; width:14.2857%;}
.calendariot td, .calendariot th {border-right:1px black solid; border-bottom:1px black solid; padding:1px 3px;}
/* estilos para hoy y la exposición añadidos el v 14/feb/2014 */
.calendariot td.cal_hoy {background:rgb(0,0,0); color:white;}
.calendariot td.cal_expo {background:rgb(128,128,255);}

.galeria {/*background:#008;*/ padding:5px;}
.galeriai {width:150px; height:150px; padding:10px; background:green; margin:5px; display:inline-block; border-radius:10px;}
.galeriai img {width:150px; height:150px;}
.galerias1 {background:green;}
.galerias2 {background:#004000;}
.galerias3 {background:#00c000;}

.page {margin:10px;}
.page img.img_concurso_pintura_rapida_olivella {width:100%; max-width:438px;}
.page img.img_exposicion_casa {width:100%; max-width:511px;}

.page404 {color:#666666; font-size:120%; font-family: Arial, sans-serif; line-height:2.0; margin:40px 30px;}
.page404 p {}
.page404 li {margin-left:40px;}

.contactop {min-height:215px; background-color:#bbffbb; background-image:url('fondo_contacto.jpg'); background-position:100% 0%; margin-top:-10px; padding-top:10px; background-repeat:no-repeat;}

footer {background-color:#a08974; background-position:100% 100%; background-repeat:no-repeat; color:white; padding:0; margin-top:180px; min-height:45px;}
.contactop + footer {margin-top:0;}
footer p {text-align:center; font:90% Arial, sans-serif; line-height:1.2; padding:3px 10px; margin:0;}
@media only screen and (min-width:550px) { footer {background-image:url('imgfondoinicio.png');} footer p {padding:6px 10px 0 10px; line-height:1;} }

.cuadrogaleria {background:black; font-family: Arial, sans-serif;}
.cuadrogaleria header {background-image:none; background-color:#333; color:white; height:auto; padding:5px 10px;}
.cuadrogaleria header a {color:white;}
.cuadrogaleria p {margin:0;}
.cuadrogaleria img {height:768px;}