@charset "UTF-8";
.transpng { behavior: url('/js/iepngfix.htc'); }
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p { color:#444; }
a { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; }
body { padding-top:10px; background:url(/img/fondo.jpg) repeat-x; color:#444; }
#container { margin:0 auto; width:978px; background:url(/img/fondo_med.png)}
#container_in { width:959px; padding-left:11px; }
#header { height:400px; position:relative; }
#borde_sup { background:no-repeat; height:18px; margin:0 auto; width:978px}
#borde_inf { background:url(/img/fondo_inf.png) no-repeat; height:19px; margin:0 auto; width:978px}
#content { margin-top:10px; }
#left { width:637px; float:left; }
h1 { color:#666; font-size:16px; font-weight:bold; margin-bottom:2px; border-bottom:1px #ccc solid; padding-bottom:10px; text-transform:uppercase }
#main h1 { text-transform:uppercase}
h2 { font-size:14px; font-weight:bold; margin:10px 0 10px 0; }
#menu_left ul { padding-left:17px}
#menu_left {width:195px; border-right:1px solid #ccc; float:left;  padding:3px; padding-left:10px} 
#menu_left li { list-style-image:url(/img/detallMenu.jpg); padding:0; margin:0; margin-bottom:3px;}
#menu_left li a {color:#666; font-weight:bold; position:relative}
#main {width:410px; margin-left:218px; padding-left:4px; text-align:justify}
#main_gran { margin-left:218px; padding-left:5px; margin-right:10px;}
#seccion { width:620px; float:left; padding:10px; }
#seccion h1 { font-size:18px; margin-bottom:15px; border-bottom:1px #ccc solid; color:#666; }
#right { width:310px; padding-right:4px; float:right; margin-top:4px }
#footer { margin-top:10px; background:url(/img/liniafooter.jpg) no-repeat; padding:10px; text-align:center; color:#666; position:relative}
#links_footer {margin-bottom:5px}
#links_footer li { display:inline; color:#999;}
#links_footer li a { text-decoration:none; color:#999; text-transform:uppercase; margin-left:3px; margin-right:3px }
#links_footer li a:hover, #links_hotel_footer li a:hover { text-decoration:underline; }
#links_hotel_footer {margin-bottom:10px; margin-top:5px; list-style:none; color:#999; }
#links_hotel_footer a {margin-left:5px; margin-right:5px}
#nav_bar_header { height:32px; background:#666; border-bottom:solid 2px #999 }
.nav_bar li { display:inline; padding-right:10px; padding-left:8px; color:#999; border-right:solid 1px #999 }
.nav_bar li a { text-decoration:none; font-weight:bold; color:#fff; text-transform:uppercase; }
.nav_bar li a:hover { text-decoration:underline; }
#nav_bar_1 { position:absolute; top:81px; left:8px}
#nav_bar_2 { position:absolute; top:81px; left:531px; }
#pre_header { height:72px; }
#logo { width:330px}
#ticker {position:absolute; left:323px; top:0}
#box_languages { position:absolute; top:79px; left:858px; }
#box_booking { width:261px; height:295px; position:absolute }
#post_header {}
.hotel_dreta_A, .hotel_dreta_B {width:283px; height:23px; padding-left:27px; padding-top:4px; font-weight:bold; }
.hotel_dreta_A {background:url(/img/fondo_dreta_hotel.jpg) no-repeat;}
.hotel_dreta_B {background:url(/img/fondo_dreta_hotel2.jpg) no-repeat;}
.hotel_dreta_desc { padding:12px 0 12px 99px; font-size:11px }
.verde { color:#5c9973; }
.marron { color:#996633; }
.blanco { color:#ffffff; }
.gris { color:#ccc; }
#iconos_dreta { position:absolute; top:81px; left:832px; }
#info_dreta {position:absolute; top:0px; left:710px; width:235px; text-align:right; color:#666}
.resaltado { color:#5c9973; font-weight:bold; }
.titulo_lista { font-weight:bold; font-style:underline; color:#5c9973; }
.lista li { margin-left:30px; list-style:square; color:#444; }
#seccion p { margin:10px 0; line-height:1.5; }
.footer_seccion { border-top:1px #ccc solid; padding-top:10px; text-align:right; }
#hoteles { padding-top:31px; height:186px}
#hoteles p { margin-left:6px; padding-top:7px;} 

.Grup #formReservas, .Termes #formReservas {color:#98c015; font-weight:bold}
.RocBlanc #formReservas {color:#e6bc92; font-weight:bold}

#formReservas td { }
.inputDespReserv { border:solid 1px #CCC; color:#666; padding:1px; height:20px}
.inputReservas {width:90px; border:solid 1px #CCC;  color:#666; padding:1px; height:16px}
.inputDespReserv2 { border:solid 1px #CCC; color:#666; padding:1px; width:80px; height:20px}

.calendari {
	background:buttonface url(/img/calendari.gif) no-repeat scroll center center;
	border:0 solid #000000;
	cursor:pointer;
	height:20px;
	width:26px;
	margin-left:3px
}

#contenido {background-color:#FFF; padding:8px}

#navigation_bar{ padding-left:10px; margin-bottom:10px;}
.inputContactar {border:solid 1px #cccccc; height:15px; width:350px; margin-top:4px; margin-bottom:10px; padding:3px; color:#666}
.inputContactar2 {border:solid 1px #999; height:15px; width:350px; margin-top:4px; margin-bottom:10px; padding:3px; background-color:#ccc; color:#666}
.areaContactar {border:solid 1px #cccccc; height:80px; width:350px; margin-top:4px; margin-bottom:10px; padding:3px; color:#666}
.areaContactar2 {border:solid 1px #999; height:80px; width:350px; margin-top:4px; margin-bottom:10px; padding:3px; background-color:#ccc; color:#666}

.titMenu { background:url(/img/fonscapmenu.jpg) no-repeat; color:#FFF; font-size:12px; padding:8px; padding-left:5px; padding-right:5px; text-align:center}

#menuRocblanc {margin-bottom:10px; margin-top:10px}
#menuRocblanc ul {margin-top:5px;}
#menuRocblanc li  {padding:2px;}
#menuRocblanc li a {font-size:1.2em;}
#menuRocblanc li li a { font-size:1em;}
#banerXec {margin-left:31px}
#zonaAjax1 {margin-bottom:5px}

#main p { line-height:1.7; margin:10px 0; }
/*.Termes #main strong, .Termes #main a {color:#5c9973; text-decoration:underline} */
.RocBLanc #main strong, .RocBLanc #main a {color:#9B6632; text-decoration:underline}
#main_gran p { line-height:1.7; margin:10px 0; }
#tratamiento_msg { background:#efefef; border:1px #ccc solid; padding:10px; text-align:center; }
.llista { list-style:none; }
/*.llista li { margin:10px 0 10px 10px; background:url(/img/detalle.jpg) 5px no-repeat; padding-left:15px; }*/
.llista li { margin:10px 0 10px 10px; padding-left:5px;}

.tabla_valors { width:600px; }
.tabla_valors tr td { padding:10px; border-bottom:1px #ccc solid; text-align:center; }

#destacado { padding:10px; background:#efefef; border:1px #ccc solid; }

.box_formulario { border:1px #ccc solid; background:#efefef; padding:10px; }
.margenReserva {padding-left:5px}

#container.Grup .btnInicio, #container.Termes .btnInicio {color:#bbde51}
#container.RocBlanc .btnInicio {color:#dea56d}

#habitaciones p, #habitaciones2 p { display:none; border:solid 1px #5c9973; background-color:#f0f0f0; padding:8px}

.txttabla {border:solid 1px #999}
.txttabla td {padding:1px}
#main_gran .Tverde { color:#5c9973; padding-left:5px}
#main #divForm p {margin:0px 0;}

.Grup #main h3 {color:#98C015; font-size:14px}
.Termes #main h3 {color:#98C015; font-size:14px}
.RocBlanc #main h3 {color:#9B6632; font-size:14px}

.Grup #main ul li, .Termes #main ul li {list-style-image:url(/img/detalle_Grup.jpg); margin-bottom:8px}
.RocBlanc #main ul li {list-style-image:url(/img/detalle_RocBlanc.jpg); margin-bottom:8px}
#main ul {} 

#hotel1, #hotel2 {height:110px; border:solid 1px #CCC; padding-top:15px; padding-left:10px; margin-bottom:10px; position:relative}
.areaLink {position:absolute; top:0; left:0}

.Grup #main .boton, .Termes #main .boton {background-color:#9fad77; border:solid 1px #666; padding:5px; color:#FFF; font-weight:bold}

.inputs {
border-color:#FFFFFF #FFFFFF #5C9973;
border-style:solid;
border-width:1px;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
}
.cuadroformulario {
background-color:#FFFFFF;
border:1px solid #B6BDCD;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
height:18px; width:20px
}

.boxDescarga {padding:8px; border:solid 1px #999999; text-align:center; margin-top:10px}
.boxDescarga a {color:#ffffff; font-weight:bold}
.boxDescarga a:hover { color:#FFF}
.boxDescarga img { margin-right:10px}
.Grup .boxDescarga, .Termes .boxDescarga {background:#9fad77;}
.RocBlanc .boxDescarga {background:#9B6632;}

.Estilo1 {
color:#FFFFFF;
}
#container #tablaLarga p, #container #tablaLarga b {font-size:10px; !important}
.Grup #solicitarInfo, .Termes #solicitarInfo,  #solicitarInfoTermes {background:url(/img/btnsolicitar.jpg) no-repeat; width:108px; height:52px; padding-left:55px; padding-top:18px; text-align:left}
.RocBlanc #solicitarInfo, #solicitarInfoRoc {background:url(/img/btnsolicitar2.jpg) no-repeat; width:110px; height:52px; padding-left:55px; padding-top:18px; text-align:left}

#main .tablaEventos p {font-size:9px}
#tablaFormBanquetes input {width:100px; border:solid 1px #999}

#faq p {
display:none;
margin-top:0;
}
.Grup #faq a:hover, .Termes #faq a:hover {color:#98C015}
.RocBlanc #faq a:hover {color:#9B6632}
#footerIcons { width:115px; position:absolute; top:23px; left:772px}
#footerIcons td { font-size:9px} 

#banerBlog {position:absolute; left:10px; top:17px; width:205px}

#panelFbk {display:none; width:94px; height:71px; position:absolute; left:711px; top:-40px; background:url(/img/globofbk.png) no-repeat; color:#FFF; padding-top:25px;}
#panelFbk a {font-size:10px; color:#FFF}
#panelTweeter {display:none; width:94px; height:71px; position:absolute; left:753px; top:-40px; background:url(/img/globotwtr.png) no-repeat; color:#FFF; padding-top:30px;}
#panelTweeter a {font-size:10px; color:#FFF}
#panelFlickr {display:none; width:94px; height:71px; position:absolute; left:789px; top:-40px; background:url(/img/globoflickr.png) no-repeat; color:#FFF; padding-top:30px;}
#panelFlickr a {font-size:10px; color:#fd2f86}
#panelYouTube {display:none; width:94px; height:71px; position:absolute; left:830px; top:-40px; background:url(/img/globoyoutube.png) no-repeat; color:#FFF; padding-top:30px;}
#panelYouTube a {font-size:10px; color:#666}

#panelGalerias {display:none; width:193px; height:102px; position:absolute; left:19px; top:-74px; background:url(/img/globogaleria.png) no-repeat; color:#FFF; padding-top:10px;}


#tabs_reservas-2, #tabs_reservas-3 { color:#FFF; padding-left:10px; padding-top:8px}
.btnReservas-1, .btnReservas-2 {width:114px; height:64px; text-align:center; margin-top:15px}
.btnReservas-1 {background-color:#9fad77; background-image:url(/img/btnreservastermes.jpg)}
.btnReservas-2 {background-color:#c98441; background-image:url(/img/btnreservasroc.jpg)}
#container #diaServicio td {padding:3px; text-align:center}
#container #diaEntrada td, #container #diaEntradaAlt td {padding:2px; text-align:center}
#container #diaSalida td, #container #diaSalidaAlt td {padding:2px; text-align:center}
.tablaSalas {border:solid 1px #CCC; padding:5px}
.tablaSalas h2 {background-color:#CCC; margin:0; padding:3px}

.Grup #main .ul_mapaweb li, .Termes #main .ul_mapaweb li, .RocBlanc #main .ul_mapaweb li {
list-style-image:url(/img/detallMenu.jpg);
margin-left:40px
}
.Grup #main .menu_mapaweb h2, .Termes #main .menu_mapaweb h2, .RocBlanc #main .menu_mapaweb h2 {color:#666; padding-left:30px}

.Grup #main .ul_mapaweb li a, .Termes #main .ul_mapaweb li a {color:#98C015}
.RocBlanc #main .ul_mapaweb li a {color:#9B6632}
.Grup #main .ul_mapaweb ul a, .Termes #main .ul_mapaweb ul a, .RocBlanc #main .ul_mapaweb ul a {color:#666}
#main .ul_mapaweb ul {padding-top:5px}
#main .menu_mapaweb ul li { list-style:none; }

.ulVideos img {margin-right:8px;}
.ulVideos li { overflow:hidden; border:solid 1px #CCC; padding:4px; position:relative}
.Grup .ulVideos h2, .Termes .ulVideos h2 {color:#98C015; font-size:16px; margin:0}
.RocBlanc .ulVideos h2 {color:#9B6632; font-size:16px; margin:0}
.Grup .ulVideos .btnMultimedia, .Termes .ulVideos .btnMultimedia, .RocBlanc .ulVideos .btnMultimedia {color:#FFF; width:130px; position:absolute; right:0; bottom:-10px; text-align:right; height:20px; padding-right:10px}
.Grup .ulVideos .btnMultimedia, .Termes .ulVideos .btnMultimedia {background-color:#98C015}
.RocBlanc .ulVideos .btnMultimedia {background-color:#9B6632}
.btnMultimedia a {color:#FFF}