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

/* alphotelmasella.com
/* Entornodigital, S.A.
/* Autor: Gemma Valls
--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none; color:#666;}
a:hover { color: #f8b528;}
img { -ms-interpolation-mode: bicubic;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both;}
.espacio { height:100px;}
.espacio2 { margin-top:16px;}
.espai { height:35px;}
.ventana { background:#fff; margin:0;}


/* BASICOS
--------------------------------------------------------------------------- */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#616265; background: url(../images/fondo.jpg) repeat-x #75a8e7;}
p { margin:0 0 16px 0; line-height:20px; text-align:justify;}
p.peque { margin:0 0 10px 0;}
h1 { font-size:28px; color:#b8cce7; font-weight:lighter; margin:0 0 8px 40px;}
h2 { font-size:22px; color:#fff; font-weight:lighter;/* width:310px;*/}
h3 { font-size:16px; color:#0c90cd; font-weight:bold; margin-bottom:10px;}
#rightcol h1 { font-size:24px; color:#fff; font-weight:lighter; margin:0 0 8px 0;}
#rightcol h2 { font-size:17px; color:#fff; font-weight:lighter;}
.blue { font-size:22px; color:#4577bc; font-weight:lighter;/* width:310px;*/}
.azul { color:#0c90cd;}
.blanco { color:#fff;}
.negro { color:#000;}
.titamarillo { font-size:32px; color:#fed442; font-weight:lighter;}
.destacado { font-size:21px; color:#5caf4f; font-weight:lighter;}
ul { margin-bottom:20px; line-height:20px;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:954px; height:auto; margin:0 auto; padding:14px 13px 14px 13px; overflow:hidden;}
#header { width:954px; height:228px; margin-bottom:10px; }
#main { height:auto; padding-bottom:20px;}
#leftcol { float:left; width:375px; height:auto; }
#leftcol .tit { font-size:20px; color:#616265; margin:0 0 0 4px;}
#rightcol { float:right; width:530px; height:auto; margin:0 14px 0 0; }
#content { background:#fff; padding:15px; border:6px solid #91b9ec; }
#onecol { padding:0 20px 0 38px; overflow: hidden;}
.twocol { float:left; width:420px; height:auto; margin-left:38px !important; *margin:0 16px 0 20px;}

/* HEADER
--------------------------------------------------------------------------- */
#header .sup { width:945px; height:auto; background: url(../images/headerfondo.jpg) repeat top left; margin:0 4px; overflow:hidden;}
.logo { float:left; width:140px; height:66px;}
.idiomas { float:right; width:157px; height:54px; background:url(../images/topdch_header.jpg) no-repeat top right; font-size:11px; color:#fed442; padding:12px 0 0 32px;}
.idiomas a { color:#fed442;}
.idiomas a:hover { color:#fff; text-decoration:underline;}
#header .frase_header { float:right;}
#header .reserva { float:right;}
#header #foto1 { width:945px; height:126px; margin:0 4px !important; *margin:0 2px;}
#header #foto2 { position:absolute; z-index:999999; width:236px; height:126px; margin:0 0 0 709px; }

/* NAV
--------------------------------------------------------------------------- */
#nav { float:left; width:913px; height:30px; background:url(../images/navfondo.jpg) no-repeat top left; padding:7px 10px 0 30px; z-index:50;}
#nav ul li { float:left; list-style:none; margin:0;}
#nav .top { float:left; width:auto; padding:2px 16px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#8b1513; font-weight:bold; text-decoration:none;}
#nav .top:hover{ color:#fff;}
#nav ul li a.btn_main_nav { background:none;}
#nav ul li a:hover, #main_nav ul li a.btn_select {color:#000;}
#nav ul li a.btn_main_nav2 { float:right;}
#nav ul li ul { width:auto; background: url(../images/submenufondo.jpg) repeat-x top left #fed442; padding:10px 0;}
#nav ul li ul li a { float:left; padding:6px 20px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;  line-height:15px; color:#8b1513;}
#nav ul li ul li a.sub { width:120px;}
#nav ul li ul li a.sub:hover, #nav ul li ul li a.sub2:hover , #nav ul li ul li a.sub3:hover{ color:#fff;}
#nav ul li ul li a.sub2 { width:210px;}
#nav ul li ul li a.sub3 { width:160px;}

/* SUBNAV
--------------------------------------------------------------------------- */
#subnav { float:left; width:252px; margin:0 0 0 7px; background: url(../images/subnav_degradado.jpg) repeat-x top left #e6ab00; border:6px solid #91b9ec;}
#subnav ul {margin:25px 0 40px 0;}
#subnav ul li { font-family: Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold; text-decoration:none; padding-left:14px; background: url(../images/punto_blanco.jpg) no-repeat 0 6px; margin:0 0 16px 18px; }
#subnav ul li a { color:#8b1513;}
#subnav ul li a:hover { color:#fff;}

/* OFERTAS HOME
--------------------------------------------------------------------------- */
.ofertas { float:left; width:340px; height:94px; background:url(../images/ofertasfondo.jpg) repeat-x top left #e6ab00; padding:7px; margin-bottom:7px; border:6px solid #91b9ec;}
.ofertas .foto { float:left; width:95px; height:95px;}
.ofertas .descrip { float:left; width:222px; height:90px; color:#000; margin-left:13px; line-height:16px;}
.ofertas .descrip:hover { color:#fff;}
.ofertas .titular { color:#8b1513; font-weight:bold; line-height:20px;}
.foto_ofertas { margin-top:20px;}

/* SERVICIOS
--------------------------------------------------------------------------- */
.servicio { float:left; width:410px; height:104px; margin:0 0 16px 38px; padding:7px; background:#fff; border:6px solid #91b9ec;}
.servicio p { text-align:left; line-height:18px;}
.servicio img { float:left; margin-right:8px;}


/* GALERIA
--------------------------------------------------------------------------- */
#galeria { float:right; width:620px; height:auto; margin-right:20px; overflow:hidden;}
.grupo { background:#fff; padding:15px 15px 0 15px; border:6px solid #91b9ec; overflow:hidden;}
#galeria h2, #precios h2 { margin:16px 0 2px 0; color:#fff;}
#galeria h2:first-child, #precios h2:first-child { margin:0 0 2px 0;}
#galeria ul { margin-bottom:10px; padding:10px; background: url(../images/galeria_fondo.jpg) repeat-y right top;}
#galeria .grupo ul { margin-bottom:10px; padding:0 10px 10px 0; background:#fff;}
#galeria ul li { display:inline; width:105px; height:105px;}
#galeria ul li img { width:95px; height:95px; margin:0 3px 3px 0; border:2px solid #fff; }
#galeria ul li img:hover { border:2px solid #fed442;}
a.subir { float:right; color:#fff; width:auto; padding-right:15px; background: url(../images/flecha_arriba.jpg) no-repeat right 3px; margin:6px 0; }
a.subir2 { float:right; color:#bebebe; width:auto; padding-right:15px; background: url(../images/flecha_arriba2.jpg) no-repeat right 3px; margin:6px 0; }
a.subir:hover, a.subir2:hover { float:right; color:#000; }



/* PRECIOS
--------------------------------------------------------------------------- */
#precios { float:right; width:625px; height:auto; margin-right:25px; overflow:hidden;}
#precios table { margin-top:25px;}
#precios caption { text-align:left;}
th { text-align:left; font-weight:lighter; background:#eee; padding:10px;}
th.sup { text-align:center; background:#fed442; font-weight:bold; border-left:2px solid #fff; margin:0; padding:0; color:#000;}
th.blanc { background:#fff; height:24px;}
strong.tit { color:#0c90cd; font-size:12px; font-weight:bold; text-transform:uppercase; line-height:26px;}
strong { color:#000; font-size:12px; font-weight:bold; text-transform: inherit;}
.destaca { color:#616265; font-size:12px; background:#fff; padding:2px; text-align:left;}
td { text-align:center; font-weight:lighter;}
.blacklin { border-top:2px solid #000;}
.blacklinbottom { border-bottom:2px solid #000; margin-bottom:10px;}
.graylin { border-top:1px solid #cbcbcb;}
.botpdf { float:right; color:#717375; font-weight:bold; padding:6px 10px; background:url(../images/bot_fondo.jpg) repeat-x top left; }
.botpdf2 { float:right; color:#717375; font-weight:bold; padding:6px 10px; margin:10px 20px 0 0; background:url(../images/bot_fondo.jpg) repeat-x top left; }
 { color:#000;}
.botpdf2 { float:right; color:#717375; font-weight:bold; padding:6px 10px; margin:0 20px 0 0; background:url(../images/bot_fondo.jpg) repeat-x top left; }
.botpdf:hover,.botpdf2:hover, .botpdf3:hover { color:#000;}

/* ENLACES
--------------------------------------------------------------------------- */
.link { float:left; width:240px; height:30px; margin:0 20px 20px 0; background:#fff; padding:10px; font-weight:bold; border:6px solid #91b9ec;}
.link:hover {  background:#e2e2e2; color:#000;}
.link img { float:left; margin-right:10px;}

/* CONTACTO
--------------------------------------------------------------------------- */
.txt { float:left; width:65px; text-align:right; margin-right:10px; color:#fff;}
.txt2 { float:left; width:65px; text-align:right; margin-right:10px; color:#999;}
.cuadro, .cuadro2 { border:1px solid #bebebe; padding:3px; margin-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.cuadro2 { background:url(../images/calendario.jpg) no-repeat 135px 3px;}
.datos { float:left; width:auto; margin:15px 0 0 35px; color:#fff;}
.datos2 { float:left; margin-left:60px; color:#fff;}

/* G.O.TEAM
--------------------------------------------------------------------------- */
.dch { float:right; margin:30px 0 30px 50px;}

/* FORO
--------------------------------------------------------------------------- */
.comentario_reciente { float:left; width:200px; height:auto; margin:6px 13px 0 0;}
.comentario_reciente .cajatxt { background:#eee; padding:0 10px 30px 10px; margin:0; background:url(../images/cajatxt.jpg) no-repeat bottom left #eee; text-align:left;}
.valora2 { margin:10px 0 0 0; color:#bbb; font-size:11px; line-height:14px; padding-bottom:13px; background:url(../images/cajatxttop.jpg) no-repeat bottom left;}
.valora { margin:10px 0 3px 0; color:#bbb; font-size:11px; line-height:14px;}
.activ_estrella { font-size:36px; color:#3aa4d4;}
.des_estrella { font-size:36px; color:#bbb;}
.comentarios { float:left; width:850px; border-bottom:3px solid #eee; padding-top:5px;}
h2.izq { float:left; width:200px;}
.coment { color:#bbb; font-size:11px; color:#999;}
a.coment { color:#028AC8; margin-right:4px; }
a.coment:hover { color:#FED442; }
a.subir:hover, a.volverbot:hover { float:right; color:#000; }
a.volverbot { float:right; color:#bebebe; width:auto; padding-right:40px; margin-top:10px;}
.mensaje { float:left; width:850px; padding-top:5px; margin-bottom:20px;}
.mensajetop { background:#eee; padding:10px;}
.margensup { margin-top:20px;}

/* PAGINACIÓN
--------------------------------------------------------------------------- */
#paginacion { float:left; width:850px; margin:0 0 20px 0; padding:10px 0; color:#999; text-align:center; background: url(../images/paginacion_fondo.jpg) repeat-x top left; margin-bottom:20px;}
#paginacion a { color:#999; text-decoration:none;}
#paginacion a:hover { color:#000;}
#paginacion .num { margin:0 10px;}
#paginacion .num a { margin:0 4px;}

/* FOOTER
--------------------------------------------------------------------------- */
#footer { float:left; width:926px; height:149px; background:url(../images/footerfondo.jpg) no-repeat top left;; padding:20px 27px 27px 27px; margin-top:30px;}
#footer ul { float:left; width:auto; height:157px; background: url(../images/footer_lin.jpg) no-repeat top right; padding:0 14px 0 10px;}
#footer ul li { list-style:none; line-height:16px;}
#footer ul li a { color:#fff;}
#footer ul li a:hover { color:#000; text-decoration:underline;}
#footer ul .tit { font-weight:bold; line-height:22px; color:#fff; }
#footer ul .tit2 { font-weight:bold; line-height:20px; }
#footer #dir { float:right; width:260px; margin:10px 35px 0 0 !important; *margin:10px 15px 0 0; color:#3e5873; line-height:18px;}
#footer #dir .titular { font-size:18px; line-height:21px; color:#8b1513;}
#footer #dir a { font-weight:bold; color:#3e5873;}
#footer #dir a:hover { text-decoration:underline; color:#000;}
#footerlinks { float:right; margin:25px 0 0 0;}
#footerlinks img { margin-left:16px; }
.altafield_valcode {width: 40px; color: #e46e00; border: 1px solid #9cb1ce; font-weight: bold; text-align: center;}
.altafield_valcode2 {width: 40px;  color: #3b60af; background: #e9c7a7; border: 1px solid #E46E00; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; text-align: center;}