@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table { border-collapse: separate; border-spacing: 0; }
body{ font-family: "Helvetica", Arial, Verdana; color: #666; background: #000 url(../images/bg/bg-body-3.jpg) top center no-repeat; }

#header {
position:relative;
margin: 0 auto;
padding:0;
}

#header-wrap {
width:1005px;
position:relative;
margin: 42px auto 0 auto;
padding:0;
}

#container{ margin: 0 auto;  overflow: visible; }
#container-wrap {
width:992px;
margin: 47px auto 0 auto;
overflow:hidden;
padding:0;
display:block;
text-align:left;
background: #FFFFFF url(../images/background.jpg) repeat-y;
}

.content{ clear: both; background: #fff url(../images/bg/bg-content-tile.gif) top left repeat-y; overflow: visible; margin: 0; }
.content .inner{ background: url(../images/bg/bg-content.jpg) top left no-repeat; overflow: visible; margin: 0 0 0 0; }
/* Menu*/
.logo {
float: left;
width:273px;
height:64px;
}
#menu {
list-style:none;
width:600px;
height:64px;
position:relative;
margin:0 0 0 272px;
padding:0;
}

#menu span {
display:none;
position:absolute;
}

#menu a {
display:block;
text-indent:0;
position:absolute;
outline:none;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #FFFFFF;
font-size: 11px;
text-align: center;
text-transform: uppercase;
line-height: 64px;
text-decoration: none;
}

#menu a:hover {
background-position:left top;
color:#00CCFF;
text-indent: -5500px;
}

#menu a:hover span {
display:block;
}

#menu .home {
width:97px;
height:64px;
background:url(../images/inicio.jpg) no-repeat;
left:0px;
top:0;
}

#menu .home span {
width:97px;
height:64px;
background:url(../images/inicio_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .homea {
	width:97px;
	height:64px;
	background:url(../images/inicio_c.jpg) no-repeat;
	left:0px;
	top:0px;
	background-position: left top;
}

#menu .alojamientobtn {
width:106px;
height:64px;
background:url(../images/alojamiento.jpg) no-repeat;
left:97px;
top:0;
}

#menu .alojamientobtn span {
width:106px;
height:64px;
background:url(../images/alojamiento_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .alojamientobtna {
width:106px;
height:64px;
background:url(../images/alojamiento_c.jpg) no-repeat;
left:97px;
top:0;
background-position:left top;
}

#menu .turismobtn {
width:106px;
height:64px;
background:url(../images/turismo.jpg) no-repeat;
left:203px;
top:0;
}

#menu .turismobtn span {
width:106px;
height:64px;
background:url(../images/turismo_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .turismobtna {
width:106px;
height:64px;
background:url(../images/turismo_c.jpg) no-repeat;
left:203px;
top:0;
background-position:left top;
}

#menu .comercioss {
width:106px;
height:64px;
background:url(../images/comercios.jpg) no-repeat;
left:309px;
top:0;
}

#menu .comercioss span {
width:106px;
height:64px;
background:url(../images/comercios_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .comerciossa {
width:106px;
height:64px;
background:url(../images/comercios_c.jpg) no-repeat;
left:309px;
top:0;
background-position:left top;
}

#menu .gastronomia {
width:106px;
height:64px;
background:url(../images/gastronomia.jpg) no-repeat;
left:415px;
top:0;
}

#menu .gastronomia span {
width:106px;
height:64px;
background:url(../images/gastronomia_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .gastronomiaa {
width:106px;
height:64px;
background:url(../images/gastronomia_c.jpg) no-repeat;
left:415px;
top:0;
background-position:left top;
}

#menu .links {
width:105px;
height:64px;
background:url(../images/links.jpg) no-repeat;
left:521px;
top:0;
}

#menu .links span {
width:105px;
height:64px;
background:url(../images/links_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .linksa {
width:105px;
height:64px;
background:url(../images/links_c.jpg) no-repeat;
left:521px;
top:0;
background-position:left top;
}

#menu .contacto {
width:109px;
height:64px;
background:url(../images/contacto.jpg) no-repeat;
left:626px;
top:0;
}

#menu .contacto span {
width:109px;
height:64px;
background:url(../images/contacto_o.jpg) no-repeat;
left:0;
top:0;
}

#menu .contactoa {
width:109px;
height:64px;
background:url(../images/contacto_c.jpg) no-repeat;
left:626px;
top:0;
background-position:left top;
}

/* fotos */
#top{
clear: both;
background: url(../images/back_calendar1.jpg);
height: 346px;
width: 992px;
}
#top-left{
float: left;
width: 188px;
height: 447px;
background: url(../images/back_top_left.jpg) no-repeat #28282A;
margin-bottom:8px
}

#top-right{
float: left;
width: 574px;
height: 346px;
background: url(../images/back_calendar.jpg) repeat-x;
}
#top-right-1{
float: right;
width: 230px;
height: 349px;
background: url(../images/back_calendar.jpg) repeat-x;
}
.left-imgs{
float: left}
.right-imgs{
float: right}
.right-imgs1{
float: right}
.bottom-imgs{
float: left;
vertical-align: bottom;}
.center-imgs{
float: right;
margin: 10px auto 0 auto;}

/* Carrousel */
.jcarousel-container {
    position: relative;
	z-index: 3;
}

.jcarousel-clip {
    z-index: 2;
	margin: 0;
	padding: 0;
	height: 329px;
	width: 556px;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 556px;
    height: 329px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

	#rotational{ height: 300px; }
	#rotational .slide{ width: 556px; height: 300px; padding: 8px 13px 0px 12px; background: url() no-repeat center bottom; }
	#rotational .slide p{ position: relative; bottom: 27px; left: 0px; padding: 6px; background: #fff; opacity: .85; color: #333; font-size: 10px; text-transform: uppercase; width: 544px; }

/* top right navigation */

#promo-1{
width: 155px;
border-bottom: 1px dotted #ccc;
margin: 0 auto;
}
#promo-2{
width: 155px;
margin: 10px auto 0 auto;
}
.textos-promo{
width:155px;
font-size: 12px;
color: #FFF;
margin: 120px auto 10px auto;
}
.titulo-promo{
font-family: Arial, "Helvetica", sans-serif;
font-size: 14px;
color: #fff;
line-height: 22px
}
.em-promo{color: #1BADEB; font-size: 16px}
.legales-promo{
font-size: 10px;
color: #ccc;
width: 155px;
margin: 5px auto 10px auto;
}
.textos-promo1{
width:155px;
height: 111px;
font-size: 12px;
color: #FFF;
margin: 20px auto 0 auto;
}
.bottom-imgs{
clear: both;
width: 188px;
background: #28282A;
margin: -2px 0 0 0
}
/* calendario */
.date-wrap{ width: 211px; margin: 31px auto 0 auto; text-align: center}

#calendar{ margin: 20px 0 0 10px }
#calendar_tbl th{ text-transform: uppercase; vertical-align: middle; font-size: 12px; color: #DFE6EB; width: 21px; height: 24px; text-align:center}
#calendar_tbl td{ color: #0099cc; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; width: 21px; height: 24px; }
#calendar_tbl td.pm, #calendar_tbl td.nm{ color: #A3E6FE; }
#calendar_tbl td.today{ color: #fff; background: url(../images/fechas/hoy.jpg) center center no-repeat; }
#calendar_tbl td a{ color: #333; text-decoration:none }

.arrowControls{ list-style: none; margin: 0 18px 0 0; padding: 0; width: 42px; }
.arrowControls li{ float: left; text-indent: -9999px; }
.arrowControls li a{ background: url(../images/fechas/flechas.jpg) top left no-repeat; width: 21px; height: 15px; display: block; overflow: hidden; }
.arrowControls li.prev a{ background-position: 0 0; }
.arrowControls li.next a{ background-position: -21px 0; }

p.month{ text-align: left; color: #fff; text-transform: uppercase; font-size: 14px; margin: 0 0 0 6px; }
p.sans{ color: #ccc}
p.day_of_week{ clear: both}

.tens_place, ones_place{clear: both} 
.fleft{ float: left; }
.fright{ float: right; }

#calendario-right{
width: 231px;
margin: 0 auto;
}

/* Estructura */
#left{
float: left;
width: 188px;
}
#content{
float: left;
width: 570px;
z-index: 100;
background: #fff;
}
#content-left{
float: left;
width: 354px;
z-index: 100;
background: #fff;
}
#content-right{
float: right;
width: 208px;
z-index: 100;
}
#content-lista-s{
float:left;
width: 574px;
z-index:100;
background: #fff;
}
#content-maps{
float: left;
width: 570px;
z-index: 120;
margin: -500px 0 0 0;
}
#right{
float:right;
width: 230px;
}
#content-all{
float: left;
width: 765px;
z-index: 100;
background: #fff;
}
/* contenidos left */
#excursiones-left{
clear: left;
width:155px;
margin: 0px auto 0 auto;
padding: 2px 0 0 0;
}
.titulo-exc{
font-family: Arial, "Helvetica", sans-serif;
text-transform: uppercase;
font-size: 11px;
color: #1BADEB;
line-height: 14px;
}
.textos-exc{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #666;
line-height: 14px;
margin: 6px 0 8px 0
}
.line-exc{ 
clear:both;
border-bottom: 1px dotted #666;
margin: 6px 0 0 0;
}
/* Contenidos content */
#bienvenidos{
float:left;
width:362px;
margin: 0 auto 0 auto;
}
#novedades{
float:right;
width:208px;
}
.textos-bie{
font-family: Arial, "Helvetica", sans-serif;
font-size: 12px;
color: #666;
line-height: 16px;
margin: 6px 10px 8px 10px
}
.left-imgs-pad{
margin: 0 10px 0 10px;
}
.left-imgs-pad1{
float: left;
margin: 0 10px 0 10px;
}
.left-imgs-pad2{
float: left;
margin: 10px 10px 0 10px;
}
a.linksbie {color:#1BADEB;text-decoration: none;}
a.linksbie:visited {color:#1BADEB;}
a.linksbie:hover {color: #1BADEB; text-decoration:underline;}
a.linksbie:active { color:#1BADEB;}

/* contenidos right */
#evento{
clear: both;
width: 205px;
margin: 14px auto 10px auto;
padding: 0 0 6px 0;
}
.titulo-cal{
font-family: Arial, "Helvetica", sans-serif;
font-weight:bold;
font-size: 12px;
color: #333;
line-height: 14px;
margin: 0 10px 6px 0;
}
.fecha-evento{
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #1BADEB;
line-height: 13px;
}
.em-evento{
color: #333;
font-style: normal;
}
.line{ 
clear:both;
border-bottom: 1px dotted #666;
margin: 6px 10px 0 0;
}
.botones{
float:left;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 17px;
margin: 4px 0 2px 0;
}
.botones-right{
float:right;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 17px;
margin: 4px 10px 2px 0;
}
a.linksbot {color:#333;text-decoration: none;}
a.linksbot:visited {color:#333;}
a.linksbot:hover {color: #1BADEB; text-decoration:none;}
a.linksbot:active { color:#333;}

/* novedades */
#novedades-modulo{
clear:both;
width: 190px;
margin: 17px auto 10px auto;
padding: 0 0 10px 0;
border-bottom: 1px dotted #666;
}
.titulo-nov{
font-family: Arial, "Helvetica", sans-serif;
font-weight:bold;
font-size: 13px;
color: #1fa2ff;
line-height: 14px;
}
a.linksnov {color:#1fa2ff;text-decoration: none;}
a.linksnov:visited {color:#1fa2ff;}
a.linksnov:hover {color: #333; text-decoration:none;}
a.linksnov:active { color:#1fa2ff;}

.texto-nov{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #444;
line-height: 13px;
}
#photo-nov{
clear:both;
width: 190px;
height: 150px;
background: url(../images/photo_novedad.jpg) no-repeat center;
margin: 6px auto 6px auto;
padding: 10px 0 0 0;
text-align:center;
}

/* mapas y galerias */

#maps{
clear: both;
width: 538px;
height: 339px;
background: url(../images/back_mapas.jpg);
}
.texto-maps{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #444;
line-height: 13px;
margin: 0;
}
#mapaswf{
float:right;
width: 520px;
height: 327px;
overflow: hidden;
margin: 5px auto 0 auto;
text-align:center
}

#galeria{
clear: both;
width: 548px;
height: 163px;
margin: 10px auto 0 auto
}

#galleriescontent {
width:540px;
height:165px;
float:left;
display:block;
margin:10px 0 0 0;
padding:0;
overflow: hidden;
}
img {
border:none;
}

.foto {
list-style-type:none;
height:133px;
position:relative;
margin:0 0 0 10px;
padding:0;
}

.foto li {
float:left;
width: 160px;
list-style-type:none;
border:none;
text-decoration:none;
background: url(../images/photo_gal.jpg) no-repeat;
padding: 7px
}

.text-photo {
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#333;
font-size:10px;
line-height:14px;
margin:8px 0 30px 6px;
}
/* news */
#news-logos {
position:relative;
margin: 0 auto;
padding:0;
}

#news-logos-wrap {
width:992px;
height: 115px;
position:relative;
margin: 0 auto 0 auto;
padding:0;
background: #FFFFFF url(../images/background.jpg) repeat-y;
}
#news{
float: left;
width: 541px;
background: url(../images/back_news.jpg) repeat-x;
}
#logos{
float: right;
width:451px;
}
#gallerieslogos {
width:430px;
height:105px;
float:left;
display:block;
margin:0;
padding:0;
}

.logosli{
list-style-type:none;
height:103px;
position:relative;
margin:0 0 0 10px;
padding:0;
}

.logosli li {
height: 90px;
float:left;
list-style-type:none;
border:none;
text-decoration:none;
border-right: 1px dotted #ccc;
margin: auto;
}
.logos-img{
vertical-align: middle;
padding: 0 10px;
}
.logos-img-a{
padding: 20px 10px;
}
form{
margin: 60px 0 0 15px;
}
.caja-email{
float: left;
height: 17px;
border: 1px solid #999;
width: 250px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
}
/* footer */
#footer {
position:relative;
margin: 0 auto;
padding:0;
}

#footer-wrap {
width:992px;
height: 165px;
position:relative;
margin: 0 auto;
padding:0;background:  #D5D7D6;
}

#footer-left{
float: left;
width: 203px;
padding:0;
margin: 8px 0 0 0
}
#footer-content{
float: left;
width: 246px;
z-index: 100;
padding:0;
border-left: 1px dotted #999;
margin: 8px 0 0 0
}
#footer-left2{
float: left;
width: 342px;
z-index: 100;
padding:0;
border-left: 1px dotted #999;
margin: 8px 0 0 0
}
#footer-right{
float:right;
width: 176px;
padding:0;
border-left: 1px dotted #999;
margin: 8px 0 0 0
}
.titulo-footer{
font-family: Arial, "Helvetica", sans-serif;
font-weight:bold;
font-size: 11px;
color: #777;
line-height: 14px;
margin: 0px 6px 6px 6px;
}
.texto-footer{
float: left;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #444;
line-height: 15px;
margin: 0 6px 0 6px;
}
.textslist {
float: left;
Font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #444;
list-style-type: none;
margin: 0 0 0 6px;
padding: 0
}
.textslist1 {
width:140px;
float: right;
Font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #444;
list-style-type: none;
margin: 0 0 0 6px;
padding: 0
}
.textslist2 {
width:180px;
float: right;
Font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #444;
list-style-type: none;
margin: 0 0 0 6px;
padding: 0
}
a.linksfoo {color:#444;text-decoration: none;}
a.linksfoo:visited {color:#444;}
a.linksfoo:hover {color: #333; text-decoration:underline;}
a.linksfoo:active { color:#444;}

#copy-footer{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #fff;
line-height: 39px;
margin: 0 6px 0 6px;
background: url(../images/back_footer.jpg) top repeat-x
}
.copy-footer1{
float: right;
height: 39px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #fff;
line-height: 39px;
margin: -39px 0px 0 0px;
}
a.copyfoo {color:#fff;text-decoration: none;}
a.copyfoo:visited {color:#fff;}
a.copyfoo:hover {color: #333; text-decoration:none;}
a.copyfoo:active { color:#fff;}

.img-footer{
width: 992px;
height: 13px;
clear: both;
background: #fff;
}

/* botones */
.IR {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: 26px 0 0 -25px
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRbutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 5px 0 24px 0;
}

#IRbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbutton, #IRbutton em { width: 78px; height: 23px; }
#IRbutton em { background: url(../images/masinfo_btn.jpg) no-repeat; }
#IRbutton:hover em, #IRbutton:focus em { background-position: bottom left }
/**/
.IRa {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: -20px 0 0 0;
}

.IRa em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRabutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0px 0 21px 0;
}

#IRabutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRabutton, #IRabutton em { width: 88px; height: 20px; }
#IRabutton em { background: url(../images/subscribirse_btn.jpg) no-repeat; }
#IRabutton:hover em, #IRabutton:focus em { background-position: bottom left }
/**/
.IRb {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: 0 0 0 26px
}

.IRb em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRbbutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0 0 24px 0;
}

#IRbbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbbutton, #IRbbutton em { width: 166px; height: 23px; }
#IRbbutton em { background: url(../images/maseventos_btn.jpg) no-repeat; }
#IRbbutton:hover em, #IRbbutton:focus em { background-position: bottom left }
/**/
.IRb {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: 0 0 0 26px
}

.IRb em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRbbutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0 0 24px 0;
}

#IRbbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRbbutton, #IRbbutton em { width: 166px; height: 23px; }
#IRbbutton em { background: url(../images/maseventos_btn.jpg) no-repeat; }
#IRbbutton:hover em, #IRbbutton:focus em { background-position: bottom left }
/**/
.IRc {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: 0px 0 0 26px
}

.IRc em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRcbutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0 0 23px 0;
}

#IRcbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRcbutton, #IRcbutton em { width: 156px; height: 23px; }
#IRcbutton em { background: url(../images/masnovedades_btn.jpg) no-repeat; }
#IRcbutton:hover em, #IRcbutton:focus em { background-position: bottom left }

#spacer {
clear: both;
width:992px;
height: 10px;
position:relative;
margin: 10px auto 0 auto;
padding:0;
background: #FFFFFF url(../images/background.jpg) repeat-y;
}
/* .............................. Listados simples ...................................*/
#pager {
clear: both;
width:992px;
height: 45px;
position:relative;
margin: 10px auto 0 auto;
padding:0;
background: #FFFFFF url(../images/background.jpg) repeat-y;
}

#pager-wrap{
margin-left: 197px;
width: 560px;
height: 20px;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
padding: 5px 0 5px 0
}
.num-pag{
	float: left;
	font:Arial, "Helvetica", sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	margin: 0 0 0 5px;
	line-height: 18px
}
a.num-pagi {color: #39C4FF;text-decoration: none;}
a.num-pagi:visited {color: #39C4FF; text-decoration:none;}
a.num-pagi:hover {color: #333; text-decoration:underline;}
a.num-pagi:active { color: #39C4FF;}

.botonesa{
float:left;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #666;
line-height: 18px
}
.botonesa-right{
float:left;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #333;
line-height: 18px
}

#titulo-simple{
font-family: Arial, "Helvetica", sans-serif;
font-size: 18px;
color: #39C4FF;
line-height: 24px;
margin: 20px 0 5px 10px;
text-align:left;
}
#titulo-simple1{
font-family: Arial, "Helvetica", sans-serif;
font-size: 18px;
color: #666;
line-height: 24px;
margin: 20px 0 5px 10px;
text-align:left;
}

.img-simple{
float: left;
margin: 0;
}

.limpiar{
clear:both;
height: 20px;
font-size: 10px;
color: #333;
padding: 10px 0 0 0
}
.limpiar1{
clear:both;
height: 18px;
font-size: 10px;
color: #333;
padding: 10px 0 0 0
}
#buscador-simple{
clear:both;
width: 560px;
background: url(../images/img_listas/back_cuadro_big.jpg) repeat-y;
margin: -38px auto 0 auto;
}
#modulo-simple{
clear: left;
width: 555px;
height: 124px;
border-bottom: 1px dotted #39C4FF;
margin: 8px auto;
padding: 0 0 4px 0;
display: block
}
#modulo-simple1{
clear: left;
width: 555px;
height: 104px;
border-bottom: 1px dotted #39C4FF;
margin: 8px auto;
margin: 15px auto 0 auto;
padding: 0 0 4px 0;
display: block
}

#cuadro-lit-a{
float: right;
display: block;
width: 116px;
margin: 0 0 10px 0
}
#cuadro-lit{
float: right;
display: block;
width: 198px;
background: url(../images/img_listas/back_cuadro_lit.jpg);
padding: 10px;
margin: -4px 0 -8px 0
}
#textos-simple{
float: left;
display: block;
width: 430px;
height: 98px
}
.titulo-lista-s{
font-family: Arial, "Helvetica", sans-serif;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;
color: #666;
line-height: 16px;
margin: 10px 0 5px 0;
text-align:left;
}

a.titlista {color:#666;text-decoration: none;}
a.titlista:visited {color:#666;}
a.titlista:hover {color: #39C4FF; text-decoration:underline;}
a.titlista:active { color:#666;}

.menu-buscar{
margin: -10px 0 12px 0;
}
/* botones */
.IRd {
  position: absolute;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: -15px 0 0 0;
}

.IRd em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRdbutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0px 0 20px 0;
}

#IRdbutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRdbutton, #IRdbutton em { width: 68px; height: 19px; }
#IRdbutton em { background: url(../images/img_listas/buscar_btn.jpg) no-repeat; }
#IRdbutton:hover em, #IRdbutton:focus em { background-position: bottom left }

#invita{
clear:both;
width: 188px;
margin: 10px 0 10px 0;
display:block;
}
.invita-list {
float: left;
Font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #444;
list-style-image: url(../images/img_listas/list.jpg);
margin: 8px 0 8px 32px;
padding: 0
}
.invita-lista {
clear: both;
Font-family: "Verdana", Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333;
list-style-image: url(../images/img_listas/list.jpg);
margin: 0px 0 0px 32px;
padding: 0
}
#invita-left{
clear: left;
width:155px;
margin: 0px auto 0 auto;
padding: 2px 0 0 0;
}
#banners-left{
clear: both;
width: 170px;
margin: 0 auto 0 auto;
padding: 5px 0 0 0;
}
#banner-a{
clear: left;
margin: 10px 0 0 0}
#banner-b{
clear: left;
margin: 10px 0 0 0}
#banner-c{
clear: left;
margin: 10px 0 0 0}
#galeria-item-lit{
clear:left;
width: 114px;
margin: 0;
padding: 0;
}
#photo-item-lit{
clear:both;
width: 113px;
height: 86px;
background: url(../images/fotolit.jpg) no-repeat center;
margin: 0px auto 0px auto;
padding: 15px 0 0 0;
text-align:center;
}
.textos-listasimple{
font-family: Arial, "Helvetica", sans-serif;
font-size: 12px;
color: #666;
line-height: 16px;
margin: 10px 0 8px 0
}
.botones-lista{
float:left;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #1BADEB;
line-height: 13px;
margin: 4px 0 2px 0;
}
.botones-lista-right{
float:right;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #1BADEB;
line-height: 13px;
margin: 4px 10px 2px 0;
}
.debajo-gal{
float:left;
height: 18px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 17px;
margin: 0px 0 2px 0;
}
#debajo-gal1{
float:right;
height: 18px;
width: 70px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 17px;
margin: 2px 0 2px 0;
}
#debajo-gal2{
clear:left;
height: 18px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 17px;
margin: 5px 0 2px 0;
}
a.blue {color:#1BADEB;text-decoration: none;}
a.blue:visited {color:#1BADEB;}
a.blue:hover {color: #666; text-decoration:underline;}
a.blue:active { color:#1BADEB;}

#relleno-buscador{
margin: 60px 0 0 10px;
height: 130px;
padding: 6px 0 0 0;
}
#buscador-left{
float: left;
width: 203px;
padding:0;
margin: 0
}
#buscador-content{
float: left;
width: 246px;
z-index: 100;
padding:0;
border-left: 1px dotted #999;
margin: 0
}

/* .............................. Links ...................................*/
#modulo-links{
clear:both;
display: block;
width: 330px;
height: 20px;
border-bottom:1px dotted #39C4FF;
font-family: Arial, "Helvetica", sans-serif;
font-size: 12px;
color: #666;
margin: 4px auto;
padding: 4px
}
#links-wrap{
margin-left: 197px;
width: 330px;
height: 20px;
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
padding: 5px 0 5px 0
}
/* .............................. Contacto ...................................*/
#modulo-toptop{
clear:both;
display: block;
width: 330px;
height: 100px;
border-bottom:1px dotted #39C4FF;
border-top:1px dotted #39C4FF;
margin: 2px auto 10px auto;
padding: 2px
}
.title-top{
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #666;
text-transform: uppercase;
margin: 10px 0 0 12px
}
.form-contacto{
width: 330px;
margin: 10px auto 0 auto;
border-bottom: 1px dotted #39C4FF;
padding: 0 0 30px 0
}
.label-contacto{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #333;
margin: 0 0 0 3px;
}
.boxes{
height: 17px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 328px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 0 0 5px 3px;
}

.boxes2{
height: 17px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 200px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 0 0 5px 3px;
}
.boxes3{
height: 17px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 275px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 0 0 5px 3px;
}

.boxes-big{
height: 47px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 328px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 0 0 0 3px;
}
.boxes-biga{
height: 47px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 275px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 0 0 0 3px;
}
.boxes-lit{
float: left;
height: 17px;
font-size: 11px;
border: 1px solid #B3B3B3;
width: 40px;
font-family: "Helvetica", Verdana, Arial, sans-serif;
color:#666;
margin: 2px 0 5px 3px;
}
.IRe {
  position: relative;
  overflow: hidden;
  font-size: 10px;
  color: #323232;
  margin: 0 -8px 0 0;
}

.IRe em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRebutton {
  background: none;
  border: none;
  float: right;
  display: inline;
  padding: 0 0 20px 0;
}

#IRebutton:hover { cursor: pointer; /* cursor: hand; for IE5 */ }
#IRebutton, #IRebutton em { width: 68px; height: 19px; }
#IRebutton em { background: url(../images/enviar.jpg) no-repeat; }
#IRebutton:hover em, #IRebutton:focus em { background-position: bottom left }

/* .............................. item descripcion ...................................*/
#contenidos{
float:left;
width:362px;
margin: 0 auto 0 auto;
}
#modulo-item{
clear: both;
width: 340px;
height: 20px;
margin: 10px auto 10px auto
}
.textos-item{
font-family: Arial, "Helvetica", sans-serif;
font-size: 12px;
color: #666;
line-height: 14px;
margin: 0 0 0 10px
}
.line-item{ 
clear:both;
border-bottom: 1px dotted #666;
margin: 10px 0 0 10px;
}
.botones-item{
float:left;
height: 20px;
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #333;
line-height: 14px;
margin: 4px 0 2px 10px;
}
#galeria-item-big{
float:right;
width:208px;
margin: 10px 0 0 0;
}

#galeria-item{
clear:both;
width: 190px;
margin: 0 auto 0px auto;
padding: 0 0 2px 0;
}
#photo-item{
clear:both;
width: 190px;
height: 145px;
background: url(../images/photo_novedad.jpg) no-repeat center;
margin: 5px auto 0px auto;
padding: 6px 0 0 0;
text-align:center;
}

.texto-p-item{
font-family: Arial, "Helvetica", sans-serif;
font-size: 10px;
color: #444;
line-height: 13px;
margin: 0 0 2px 0
}

.fecha-evento-desc{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #1BADEB;
line-height: 15px;
}

/* .............................. item ...................................*/

.textos-item-a{
font-family: Arial, "Helvetica", sans-serif;
font-size: 11px;
color: #666;
line-height: 14px;
margin: 10px 0 0 10px
}
.line-item-a{ 
clear:both;
border-bottom: 1px dotted #666;
margin: 20px 0 0 10px;
}

.titulo-lista-t{
font-family: Arial, "Helvetica", sans-serif;
font-size: 12px;
font-weight: bold;
color: #39C4FF;
line-height: 16px;
margin: 10px 0 5px 18px;
text-align:left;
}

#sonido{
float: right;
width: 60px;
height: 20px;
margin: 6px 5px 0 0
}
#imagen-simplecat{
clear: left;
width: 555px;
height: 360px;
margin: 8px auto;
padding: 0 0 4px 0;
display: block;
}

#modulo-promo{
clear: both;
width: 735px;
height: 268px;
margin: 8px auto;
padding: 0 0 4px 0;
display: block
}
.form-contacto1{
clear: left;
width: 735px;
height: 339px;
margin: 10px 0 0 15px;
padding: 70px 0 0px 138px;
text-align: left;
background: url(../images/ticketconcurso.jpg) no-repeat left top;
}
.textos-pro{
font-family: Arial, "Helvetica", sans-serif;
font-size: 13px;
color: #333;
line-height: 18px;
margin: 27px 0 8px 10px;
padding: 10px 0 10px 0;
border-bottom: 1px dotted #FF4ABF;
border-top: 1px dotted #FF4ABF;
}
#titulo-simple-pro{
font-family: Arial, "Helvetica", sans-serif;
font-size: 18px;
color: #FF4ABF;
line-height: 24px;
margin: 20px 0 5px 10px;
text-align:left;
}
#flotante{
position:absolute; width:568px; height:338px; z-index:200; left: 300px; top: 70px;
}