/* Hostal Centro La Muela 2008 >>>>> CSS >>>>> TIPOWEB.COM

/************************************************************************************************
		Estilos para home
*************************************************************************************************/
/* Estilos cuerpo
_______________________*/
@charset "utf-8";

/* FFCC00 334A04*/
/* CSS Document TIPOWEB */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: Arial, verdana, Helvetica, sans-serif; color: #696c6d; font-size: 0.75em; text-align: center; background: #ECECEC;  height: 100%; line-height:1.6em; }
html, body { height: 100%;}
hr { display: none; }
a { outline: 0; color: #990000; text-decoration: underline; font-weight:bold; }
a:link, a:visited  { text-decoration: underline; }
a:hover { text-decoration: underline; }
a:active { }
a:focus { }
p{ margin:1em 0; }

img { border: 0 solid #FFFFFF }

div.spacer { clear: both; }

/* cajas generales */
#global { margin: 0 auto 0 auto; width: 887px; text-align: left; padding: 10px 0 0 0; height: 100%; min height: 100%; }
html>body  #global { height: auto; }
#modulo_cabecera { width: 887px; height: 116px; margin: 0; }
#modulo_cuerpo { width:861px; min-height: 100%; margin: 0 0 0 26px; }
#pie { clear: both; margin: 0 auto 0 auto; width: 887px; text-align: center; padding: 10px 0 0 0; }

/* cabecera */
#modulo_cabecera .cc1 { float: left; width: 180px; margin: 0; padding: 0 70px 0 0;  }
#modulo_cabecera .cc2 { float: left; padding: 50px 40px 10px 40px; text-align: center; }
#modulo_cabecera .cc3 { float: left; margin: 50px 0 0 0; border-right: 2px dashed #990000; }
#modulo_cabecera .cc4 { float: left;  padding: 50px 40px 10px 40px; text-align: center; }
#modulo_cabecera .cc5 { float: left; margin: 50px 0 0 0; border-right: 2px dashed #990000; }
#modulo_cabecera .cc6 { float: left;  padding: 55px 30px 10px 40px; text-align: center; }
/*#modulo_cabecera .rayas { background:url(imagenes/raya.gif) repeat-y left bottom; height:60px; margin: 0 20px 20px 0; } */

/* cuerpo */
#modulo_cuerpo .topinicio { height:15px; background:url(imagenes/top.gif) no-repeat top center; padding: 0 0 0 26px;}
#modulo_cuerpo .middle { background:url(imagenes/mid.gif) repeat-y top center; padding: 0 0 0 26px; text-align:left; height:600px;  }
#modulo_cuerpo .middle h2{ padding:0 0 15px 0px; text-align:left; text-transform: uppercase; line-height:0.8em; /*letter-spacing:-1px;*/ font-size:1.2em; display:block; }

#modulo_cuerpo .menu { top: 0; right: 0; margin: 0; padding: 0 40px 0 0; height: 40px; text-align: right; font-size: 1.2em; }
#modulo_cuerpo .menu li { list-style: none; float: right; text-align: left; }
#modulo_cuerpo .menu li a { display: block; padding: 3px 8px; text-transform: uppercase; text-decoration: underline; color: #990000; font-weight: bold; }
#modulo_cuerpo .menu li a:hover { color: #990000; }
#modulo_cuerpo .puntitos{ background:url(imagenes/punto.gif) repeat-x left bottom; height:3px; margin: 0 20px 20px 0; }

#modulo_cuerpo .cci1 { float: left; width: 275px; padding:0 10px 20px 10px; }
#modulo_cuerpo .cci2a { float: left; width: 250px; padding:0 10px 20px 10px; }
#modulo_cuerpo .cci2b { float: left; width: 250px; padding:0 10px 20px 10px; }
#modulo_cuerpo .cci1google { float: right; width: 450px; padding:0 10px 20px 10px; }
/*#modulo_cuerpo .imagenes { padding:0 10px 20px 10px; }*/
#modulo_cuerpo .imag-shadow { display: block; margin-left: auto; margin-right: auto; float:left; botton: top; background: url(imagenes/shadowAlpha.png) no-repeat bottom right !important; background: url(imagenes/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; }
#modulo_cuerpo .img-shadow img { display: block; position: relative; background-color: #FFFFFF; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

/* slides styling */
.photo {width:860px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:860px; height:500 px; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:1px; height:1px; float:left;}
.photo ul.topic li a.set {display:block; font-size:1px; width:1px; height:1px; text-align:center; line-height:1px; color:#ffffff; text-decoration:none; background:#ffffff; }
.photo ul.topic li a ul, .photo ul.topic li ul {display:none;}
.photo ul.topic li.active a {color:#ffffff; background:#ffffff;}
.photo ul.topic li a:hover, .photo ul.topic li:hover a {color:#ffffff; background:#ffffff;}
.photo ul.topic li.active ul {display:block; position:absolute; left:0; top:1px; list-style:none; padding:0; margin:0; height:500px; background:#ffffff; width:800px; padding:0; }
.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {display:block; position:absolute; left:0; top:1px; list-style:none; padding:0; margin:0; height:500px; background:#ffffff; width:800px; padding:0; }

.photo ul.topic li ul li {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px; margin: 18px;}
.photo ul.topic li ul li a {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#FFFFFF; border:1px solid #990000;}
.photo ul.topic li ul li a img {display:block; width:100px; height:75px; border:5px solid #ffffff;}
.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover  {white-space:normal; position:relative;}
/*la foto ampliada*/.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {position:absolute; left:20px; top:55px; width:330px; height:220px; border-color:#fff;}

#modulo_cuerpo .cct1 { float: left; width: 320px; padding:0 10px 20px 10px;; }
#modulo_cuerpo .cct2 { float: right; width: 460px; padding:10px 25px 0 0; }
#modulo_cuerpo .cct3 { float: right; width: 230px; padding:0 25px 0 0; }
#modulo_cuerpo .cct1 h3, #modulo_cuerpo .cct2 h3, #modulo_cuerpo .cct3 h3{ font-size:1.2em; font-weight:bold; display:block; }
#modulo_cuerpo .cct1 ul li, #modulo_cuerpo .cct2 ul li, #modulo_cuerpo .cct3 ul li{ list-style: disc inside; }
.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span { /*CSS for enlarged image*/ position: absolute; background-color: #FFFFFF; padding: 5px; left: -1000px; border: 1px dashed #334A04; visibility: hidden; color: #334A04; text-decoration: none; }
.thumbnail span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
.thumbnail:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: -200px; /*position where enlarged image should offset horizontally */ }
#modulo_cuerpo .bottom { clear: both; background:url(imagenes/botton.gif) repeat-y top center; padding: 0 0 0 26px; height:21px; }