/* CONTENT */
#wrap #content{
overflow:hidden;
background-color:#333;
}
#content .flash{
margin:0;
padding:0;
width:500px;
height:530px;
overflow:hidden;
float:left;
}
#content .imgGrande{
margin:0;
padding:0;
width:500px;
/*height:460px;*/
height:530px;
float:left;
overflow:hidden;
}
#content .imgMediano{
margin:0;
padding:0;
width:500px;
height:460px;
float:left;
overflow:hidden;
}
/*Mapa de Google*/
#mapaGM{
margin:0;
padding:0;
width:500px;
height:460px;
float:left;     
}
/*Fin Mapa de Google*/
#content .video{
width:500px;
height:460px;
overflow:hidden;
background-color:#000;
float:left;
}
#content .video p{
width:460px;
padding:20px 40px;  
font-size: 1.2em;
}
#content .pan{
border-left:100px solid #ccc;
height:27px;
padding-top:15px;
padding-left:15px;
}
#content .pan li{
display:inline;
list-style:none;
background:url(../img/simbolo-migapan.gif) left no-repeat;
padding-left:20px;
margin-right:7px;
text-align:center;
}
#content .pan li.primero{
background:none;
}
#content .pan a{
color:#000;
}
#content .contenido{
width:500px;
float:right;
color:#000;
background:#FFF url(../img/dec--don.gif) right bottom no-repeat;
}
#content .contenido .contenedorSubmenu {
width:500px;
background-color:#FFF;
height:39px;
}
#content .contenido .subMenuCategoria{
float:right;
}
#content .contenido .subMenuCategoria li{
float:left;
width:82px;
margin-top:7px;
/*border:1px solid #CC0033;*/
}
#content .contenido .subMenuCategoria li a{
color:#000;
height:25px;
background:url(/img/border-submenu.gif) left center no-repeat ;
padding-left:9px;
margin-right:8px;
display:block;
text-align:center;
line-height:1.1em;
/*border:1px solid #000099;*/
}
#content .contenido .subMenuCategoria li a.seleccionado{
color:#666;
}
/************************************ variable ************************************/
.seccion1 #content .contenido .subMenuCategoria li a.seleccionado{
color:#767601;
}
.seccion2 #content .contenido .subMenuCategoria li a.seleccionado{
color:#509E01;
}
.seccion3 #content .contenido .subMenuCategoria li a.seleccionado{
color:#407E01;
}
/************************************ fin variable ************************************/
#content .contenido .subMenuCategoria li .primero{
padding-right:0;
background:none;
}
#content .contenido .divVertical{
float:left;
width:100px;
overflow:hidden;
height:491px;
}
#content .contenido .divVertical .flecha{
padding-left:100px;
overflow:hidden;
width:0;
height:25px;
display:block;
}
#content .contenido .divVertical .flecha.flechaArriba{
background:url(../img/btn-flecha-up.gif) 40px center no-repeat;
}
#content .contenido .divVertical .flecha.flechaAbajo{
background:url(../img/btn-flecha-down.gif) 40px center no-repeat;
}
#content .contenido .divVertical .flecha.flechaArriba:hover{
background:url(../img/btn-flecha-up-hover.gif) 40px center no-repeat;
}
#content .contenido .divVertical .flecha.flechaAbajo:hover{
background:url(../img/btn-flecha-down-hover.gif) 40px center no-repeat;
}

/************************************ variable ************************************/
.seccion1 #content .contenido .divVertical{
background:#767601 url(../img/txt-menu-big-restaurante.gif) no-repeat 5px 20px;
}
.seccion1 #content .contenido .divVertical .galeria{
background-color:#767601;
}
.seccion1.seccion15 #content .contenido .divVertical{
background:#767601 url(../img/txt-menu-big-negocios.jpg) no-repeat 5px 20px;
}
.seccion1.seccion16 #content .contenido .divVertical{
background:#767601 url(../img/txt-menu-big-restaurante-info-reservas.gif) no-repeat 5px 20px;
}
.seccion2 #content .contenido .divVertical{
background:#5EBA01 url(../img/txt-menu-big-loungebar.gif) no-repeat 5px 20px;
}
.seccion2 #content .contenido .divVertical .galeria{
background-color:#5EBA01;
}
.seccion2.seccion7 #content .contenido .divVertical{
background:#5EBA01 url(../img/txt-menu-big-loungebar-calendario-eventos.gif) no-repeat 5px 20px;
}
.seccion2.seccion8 #content .contenido .divVertical{
background:#5EBA01 url(../img/txt-menu-big-loungebar-evento.gif) no-repeat 5px 20px;
}
.seccion2.seccion9 #content .contenido .divVertical{
background:#5EBA01 url(../img/txt-menu-big-loungebar-clientes-vip.gif) no-repeat 5px 20px;
}
.seccion2.seccion10 #content .contenido .divVertical{
background:#5EBA01 url(../img/txt-menu-big-loungebar-info-reservas.gif) no-repeat 5px 20px;
}
.seccion3 #content .contenido .divVertical{
background:#3A8932 url(../img/txt-menu-big-eventos.gif) no-repeat 5px 20px;
}
.seccion3 #content .contenido .divVertical .galeria{
background-color:#3A8932;
}
.seccion3.seccion18 #content .contenido .divVertical{
background:#3A8932 url(../img/txt-menu-big-menus.gif) no-repeat 5px 20px;
}
.seccion3.seccion20 #content .contenido .divVertical{
background:#3A8932 url(../img/txt-menu-big-eventos-info-reservas.gif) no-repeat 5px 20px;
}
.seccion4 #content .contenido .divVertical{
background:#ccc url(../img/txt-menu-big-comollegar.gif) no-repeat 5px 20px;
height:418px;
}
.seccion4 #content .contenido .divVertical .galeria{
background-color:#ccc;
}
.seccion5 #content .contenido .divVertical{
background:#ccc url(../img/txt-menu-big-empleo.gif) no-repeat 5px 20px;
height:418px;
}
.seccion5 #content .contenido .divVertical .galeria{
background-color:#ccc;
}
.seccion6 #content .contenido .divVertical{
background:#ccc url(../img/txt-menu-big-videos.gif) no-repeat 5px 20px;
height:418px;
}
.seccion6 #content .contenido .divVertical .galeria{
background-color:#ccc;
}
.seccion26 #content .contenido .divVertical{
background:#ccc url(../img/txt-menu-big-destacados.gif) no-repeat 5px 20px;
height:418px;
}
.seccion26 #content .contenido .divVertical .galeria{
background-color:#ccc;
}  
.seccion28 #content .contenido .divVertical{
background:#993366 url(../img/txt-menu-big-catering.gif) no-repeat 5px 20px;
}
.seccion28 #content .contenido .divVertical .galeria{
background-color:#993366;
}
.seccion28.seccion7 #content .contenido .divVertical{
background:#993366 url(../img/txt-menu-big-loungebar-calendario-eventos.gif) no-repeat 5px 20px;
}
.seccion28.seccion8 #content .contenido .divVertical{
background:#993366 url(../img/txt-menu-big-loungebar-evento.gif) no-repeat 5px 20px;
}
.seccion28.seccion9 #content .contenido .divVertical{
background:#993366 url(../img/txt-menu-big-loungebar-clientes-vip.gif) no-repeat 5px 20px;
}
.seccion28.seccion10 #content .contenido .divVertical{
background:#993366 url(../img/txt-menu-big-loungebar-info-reservas.gif) no-repeat 5px 20px;
}
/************************************ fin variable ************************************/

#content .contenido .divVertical .galeria{
padding-top:110px;
}
#content .contenido .divVertical .galeria ul{
width:100px;
height:320px;
overflow:hidden;
}
#content .contenido .divVertical .galeria ul li{
margin:0;
padding:0;
display:block;
background-color:#767601;
height:80px;
float:left;
}
#content .contenido .divVertical .galeria ul li a{
margin:0;
padding:0;
display:inline;
clear:both;
height:80px;
}
#content .contenido .divVertical .galeria ul li img:hover{
opacity: .6;
filter:alpha(opacity=60);
}
/* contenidoSeccion */
#content .contenido .contenidoSeccion{
padding:10px;
float:right;
width:380px;
}
#content .contenidoPan{
padding-left:5px;
margin-bottom:10px;
}
#content .contenidoPan li{
display:inline;
list-style:none;
background:url(../img/simbolo-migapan.gif) left no-repeat;
padding-left:16px;
margin-right:3px;
text-align:center;
}
#content .contenidoPan li.primero{
background:none;
padding-left:3px;
}
#content .contenidoPan a{
color:#000;
}
#content .contenido .contenidoSeccion a{
text-decoration:underline;
color:#000;
}
#content .contenido .contenidoSeccion a:hover{
text-decoration:none;    
}
#content .contenido .contenidoSeccion p{
padding:20px 10px;
text-align:justify;
}
#content .contenido .contenidoSeccion.normal p{
padding:5px 10px;
text-align:justify;
}
#content .contenido .contenidoSeccion .destacados li{
width:280px;
margin:20px 0;
padding:7px 0 7px 12px;
clear:both;
}
#content .contenido .contenidoSeccion .destacados.listado li{
margin:13px 0;
height: 70px;
}
#content .contenido .contenidoSeccion .destacados li .fecha{
display:block;
width:auto;
margin-left:115px;
text-align:left;
}
#content .contenido .contenidoSeccion .destacados li .hora{
float:right;
display:block;
margin-top:-15px;
margin-right:-75px;
text-align:right;
}
#content .contenido .contenidoSeccion .destacados img{
border:1px solid #666;
position:absolute;
}
#content .contenido .contenidoSeccion .destacados .titulo{
margin:0 0 0 115px;
display:block;
}
#content .contenido .contenidoSeccion .destacados a{
color:#3A8932;
width:240px;
font-size:1em;
display:block;
}
#content .contenido .contenidoSeccion .destacados p{
color:#000;
width:240px;
text-align:justify;
margin:3px 0;
padding:0;
font-size:0.9em;
margin-left:115px;
}
#content .contenido .contenidoSeccion .destacados p strong{
display:inline;
}
#content .contenido .contenidoSeccion h3{
border-bottom:1px solid #000;
height:25px;
font-size:2em;
margin:20px 0 30px 20px;
overflow:visible;
}
#content .contenido .contenidoSeccion h3 span{
margin-left:-15px;
display:block;
}

/******************PAGINACION ***********************/
#content div.paginacion {
text-align:center;
padding-right:16px;
color:#003082;
margin:40px 0;     
display:block;
clear:both;
}
#content div.paginacion a{
color:#003082;
padding:0 5px;
text-decoration:underline;
}
#content div.paginacion a.active{
color:#fc6500;
text-decoration:none;
}
/******************FIN PAGINACION ***********************/    
#content .contenido .contenidoSeccion .fichaEvento{
padding-top:25px;
}
#content .contenido .contenidoSeccion .fichaEvento .titulo{
color:#3A8932;
font-size:1.5em;
text-align:center;
display:block;
margin-bottom:20px;
}
#content .contenido .contenidoSeccion .fichaEvento .fecha{
display:block;
width:auto;
font-weight:bold;
text-align:left;
margin-left:10px;
font-size:1.1em;
}

#content .contenido .contenidoSeccion .fichaEvento .hora{
float:right;
display:block;
margin-top:-15px;
font-weight:bold;
text-align:right;
margin-right:10px;
font-size:1.1em;
}
#content .contenido .contenidoSeccion .fichaEvento p{
padding-top:5px;
}
/* ficha menu */
#content .contenido .contenidoSeccion .fichaMenu{

}
#content .contenido .contenidoSeccion .fichaMenu .titulo{
color:#3A8932;
font-size:1.5em;
text-align:center;
display:block;
margin-bottom:5px;
}
#content .contenido .contenidoSeccion .fichaMenu ul{
padding-left:50px;  
padding-bottom: 15px;     
}
#content .contenido .contenidoSeccion .fichaMenu li{
padding: 2px 0;
}
#content .contenido .contenidoSeccion .fichaMenu .btnVolver{
width:86px;
height:18px;
padding-top:4px;
display:block;
color:#000;
background:#ccc url(/img/flecha-btn-volver.gif) 10px center no-repeat;
text-align:center;
margin:0 auto;
}
/* fin ficha menu */
#content .contenido .contenidoSeccion.infoReserva p{
font-weight:bold;
}
#content .contenido .contenidoSeccion.infoReserva p strong{
color:#767601;
}
#content .contenido .contenidoSeccion .fichaEvento .btnVolver{
width:86px;
height:18px;
padding-top:4px;
display:block;
color:#000;
background:#ccc url(/img/flecha-btn-volver.gif) 10px center no-repeat;
text-align:center;
margin:30px auto;
}
#content .contenido .contenidoSeccion .videos li{
width:280px;
margin:20px 0 60px;
padding:7px 0 7px 12px;
clear:both;
}
#content .contenido .contenidoSeccion .videos li .fecha{
display:block;
width:auto;
margin-left:115px;
text-align:left;
}
#content .contenido .contenidoSeccion .videos img{
border:1px solid #666;
position:absolute;
}
#content .contenido .contenidoSeccion .videos strong{
margin:0 0 0 115px;
display:block;
}
#content .contenido .contenidoSeccion .videos a{
color:#3A8932;
width:240px;
font-size:1em;
display:block;
}
/************************************ variable ************************************/
.seccion15 #content .contenido .contenidoSeccion.normal .contenidoPan,
.seccion18 #content .contenido .contenidoSeccion.normal .contenidoPan{
margin-bottom:35px;
}
/************************************ fin variable ************************************/
#content .contenido .contenidoSeccion .enlaceFlecha{
font-weight:bold;
display:block;
text-align:right;
padding-right:15px;
background:url(../img/flecha-der-enlace.gif) right no-repeat;
color:#000;
margin:10px 0;
}
#content .contenido .contenidoSeccion .contenidoMenus{
padding-left:20px;
margin-top:20px;
}
#content .contenido .contenidoSeccion .contenidoMenus li{
clear:both;
float:left;
width:240px;
}
#content .contenido .contenidoSeccion .contenidoMenus .left{

}
#content .contenido .contenidoSeccion .contenidoMenus .right{
margin-left:120px;
}
#content .contenido .contenidoSeccion .contenidoMenus img{
border:1px solid #666;
float:left;
}
#content .contenido .contenidoSeccion .contenidoMenus strong{
display:block;
margin-top:10px;
margin-left:10px;
float:left;
color:#3A8932;
}
#content .contenido .contenidoSeccion .contenidoMenus a.pdf{
display:block;
margin-left:10px;
margin-top:10px;
float:left;
padding-left:20px;
background:url(../img/icono-pdf.gif) left no-repeat;
color:#000;
}
/* FIN CONTENT */

/* FORMULARIO */
/*standard*/
#content .contenido .contenidoSeccion form fieldset{
width:330px;
padding:15px 0 0 20px; 
height:400px;
clear:both;      
}
.seccion3 #content .contenido .contenidoSeccion form fieldset{
height:290px;       
}
#content .contenido .contenidoSeccion form.clientes fieldset{
height:auto;
padding-bottom:30px;
}
#content .contenido .contenidoSeccion form fieldset legend{
display:none;
}
#content .contenido .contenidoSeccion form fieldset .campo label{
float:left;
clear:left;
text-align:left;
width:65px;
font-weight:bold;
}
#content .contenido .contenidoSeccion form input{
float:right;
clear:right;
margin:0;
}
#content .contenido .contenidoSeccion form fieldset .campo{
width:280px;
height:25px;
display:block;
}
#content .contenido .contenidoSeccion form fieldset .campoTextoCorto input{
width:190px;
}
#content .contenido .contenidoSeccion form fieldset .campoTextoLargo textarea{
width:200px;
height:35px;
float:right;
clear:right;
margin:0;
}
#content .contenido .contenidoSeccion form fieldset .campoSelect select{
width:204px;
float:right;
clear:right;
margin:0;
}
#content .contenido .contenidoSeccion form fieldset .campoArchivo input{
width:204px;
height:20px;
margin-top:3px;
}
/* fin standard */

#content .contenido .contenidoSeccion form label.archivo{
width:70px;
}
#content .contenido .contenidoSeccion form .campoAlergia label{
margin-bottom:7px;
}
#content .contenido .contenidoSeccion form .campoAlergia input{
margin-top:5px;
}
#content .contenido .contenidoSeccion form input.btnSubmit{
width:86px;
height:22px;
background:#ccc url(/img/flecha-btn.gif) 62px 8px no-repeat;
border:none;
display:block;
margin:10px auto;
cursor: pointer;
clear:both;
float:none;
}


/*formulario reserva   */
#content .contenido .contenidoSeccion form.reserva fieldset .campo {
margin: 4px 0; 
width: 300px;            
}
#content .contenido .contenidoSeccion form.reserva fieldset .campo label{
width: 100px;
}
#content .contenido .contenidoSeccion form.reserva fieldset .campoSelect select{
width: 50px;
float: left;
margin-left: 5px;
}
#content .contenido .contenidoSeccion form.reserva fieldset .campoTextoLargo{
clear:both;
}
#content .contenido .contenidoSeccion form.reserva fieldset .campoTextoLargo textarea
{ 
height: 40px;  
width: 193px;
margin-top:10px;
}

/*formulario bolsa-empleo   */       
#content .contenido .contenidoSeccion form.empleo fieldset .campo {
margin: 4px 0; 
width: 260px;            
}
#content .contenido .contenidoSeccion form.empleo  .campo label{
width: 60px;
text-align: left;
}
#content .contenido .contenidoSeccion form.empleo fieldset .campoTextoLargo{
margin-top:10px;
height:auto;
}
#content .contenido .contenidoSeccion form.empleo fieldset .campoTextoLargo textarea{ 
height: 60px;  
width: 260px;
margin-top:10px;
float:none;
}
#content .contenido .contenidoSeccion form.empleo fieldset .campoArchivo input{ 
width:194px
}

/* error formularios */
#content .contenido .contenidoSeccion ul.errores{
color: #555;
background-color: #eee;
padding: 5px 20px;
margin-bottom: 10px;
margin-top: -10px;
list-style-type: circle;
}

#content .contenido .contenidoSeccion ul.mensajesError{
color: #555;
background-color: #eee;
padding: 5px 20px;
margin-bottom: 10px;
margin-top: 10px;
list-style-type: circle;
}

/* enviado formularios */
#content .contenido .contenidoSeccion .formularioEnviado{
color: #000;
text-align: left;
background-color: #eee;
padding: 5px 20px;
margin:40px 20px                 
}

/* información añadida a formularios */
#content .contenido .contenidoSeccion .info{
font-size: 0.7em;    
margin: 10px;
text-align: justify;
}

a.btnImprimir{
width:86px;
height:18px;
padding-top:4px;
padding-bottom :4px;
display:block;
color:#000;
background:#ccc url(/img/flecha-btn.gif) 10px center no-repeat;
text-align:center;
margin:0 auto;
margin-left: 670px;
position: relative;
}


/**************************** MAPA INDICIACIONES **************************************/

#content .modulo.moduloComollegar{
margin-top: 40px;
}  
#content .modulo.moduloComollegar form div{
overflow:auto;
padding:5px 5px 5px 0;
width:290px;  

}       
#content .modulo.moduloComollegar form label{
float:left;
clear:left;
font-size:1.1em;
width:75px;
text-align:right;
}
#content .modulo.moduloComollegar form input{
width:200px;
border:1px solid #333;
float:right;
clear:right;
color:#002f4d;
font-family:"Trebuchet MS";
}
#content .modulo.moduloComollegar form input.enlaceFlecha{
border:none;
float: left;

}
#content .modulo.moduloComollegar .btn{
border:none;
display:block;
width:auto;
float:right;
padding-left:10px;
margin:5px 0 0;
background:url(/img/decorado/bullet.gif) left no-repeat #fff;
color:#002f4d;
font:1.1em bold "Trebuchet MS";
cursor:pointer;
}

#content .moduloComollegar #datosRuta{
padding:5px;
float:left;
width:320px;       
}
#content .moduloComollegar #datosRuta #resumenRuta{
padding-left:20px;
font-size:12px;    
}
#content .moduloComollegar #indicacionesRuta{
overflow:auto;
height:170px;
}
#content .moduloComollegar #datosRuta h5{
background-color:#333;
color:#fff;
text-align:left;
margin:10px 0 0 0;
padding:2px;
padding-left: 10px;
font-size:11px;
font-weight: bolder;
}
#content .moduloComollegar #indicacionesRuta table{margin:0;}
#content .moduloComollegar #indicacionesRuta table .extremoRuta{background-color:#ccc;}
#content .moduloComollegar #indicacionesRuta table tr{cursor:pointer;}
#content .moduloComollegar #indicacionesRuta table .fila0{background-color:#ddd;}
#content .moduloComollegar #indicacionesRuta table .fila1{background-color:#eee;}
#content .moduloComollegar #indicacionesRuta table .num{color:#000;}   
  
/************************* fin indicaciones mapa ************************************************************/

/* formulario CAPTCHA */
form .campoCaptcha{
width:95%;
float:none;
height:40px;
clear:both;
padding-top: 20px;  
}
form .campo.campoCaptcha label{
clear:both;
display:block;
margin-bottom:10px;
margin-left:0;
width:auto;
}
form .campo.campoCaptcha img{
float:left;
clear:left;
margin-right:2%
}
form .campo.campoCaptcha input{
width:50%;
float:none
}
form .campo.campoCaptcha .ayuda{
clear: both;
}
#content .contenido .contenidoSeccion form input.captcha
{
float: left;   
clear: right;
margin: 0pt;
}

/* fin formulario CAPTCHA */   