




html, body { height: 100%; }
body                                     { font-size: 100%; font-family: "Barlow", Arial, Helvetica, sans-serif; font-weight: 300; background-color: #fff; background-image: none; background-repeat: repeat-x; margin: 0; border-top: 0 solid #029ada }
h1              { color: #333; font-size: 38px; font-family: "Barlow", Arial; font-weight: 700; letter-spacing: 0px; margin: 20px 0;    display: inline-block; line-height: 38px; }
h2  { color: #333; text-align:left;font-size: 30px; font-family: "Barlow", Arial; font-weight: 400; line-height: 32px; margin: 15px 0; letter-spacing: 1px; }
.cuerpo h2  { font-size: 20px;  }

h3         { color: #333; font-size: 18px; font-family: Tenor, Arial; font-weight: 700; line-height: 22px; text-decoration: none; text-align: left; margin-top: -3px; margin-bottom: 20px }
a         { color: #333; text-decoration: none }
a:hover      { color: #600 }

img { border: 0; }

.titularEquip           { color: #369; font-size: 22px; font-family: "Barlow Semi Condensed", Arial, sans-serif, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: normal; margin-top: 10px; margin-bottom: 5px; width: 100% }
.slogan  { color: #bebebe; font-size: 20px; font-family: "Barlow Semi Condensed", Arial }
.titularIndex { color: #9c3f51; font-size: 26px; font-family: "Barlow Semi Condensed", Arial }
.titularRef  { font-family:"Barlow Semi Condensed",  Arial; font-weight: bold }

.titularCuerpo, #orders                        { color: #333; font-size: 18px; font-family: "Barlow Semi Condensed", Arial; font-weight: 400; line-height: 20px; text-align: left; margin-top: 30px; margin-bottom: 15px }
.titularCuerpo1     { color: #ff6633; font-size: 23px; font-family: "Barlow Semi Condensed", Arial; font-weight: 300; text-align: left; margin-top: 10px; margin-bottom: 4px }
.titularCuerpoSub                          { color: #333; font-size: 24px; font-family: "Barlow Semi Condensed", Arial; font-weight: 400; line-height: 28px; text-align: left; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; width: 100%; border-bottom: 0 dashed #ccc }

.counter { font-size: 17px; font-weight: bold; background-color: transparent; margin: 5px; padding: 0; border: solid 0 transparent }
.titularCuerpoSub1   { color: #333; font-size: 18px; font-family: "Barlow Semi Condensed", Arial; font-weight: 400; text-align: left }
.cuerpo                             { color: #444; font-size: 20px; font-family: "Barlow Semi Condensed", Arial; line-height: 24px; text-align: left; padding-bottom: 10px; width: 100%; max-width: 700px; border-bottom: 1px none #ccc;    letter-spacing: .5px; }


.cuerpo2                          { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; line-height: 12px; text-align: left; }


.cuerpo1 { color: #333; font-size: 18px; font-family: "Barlow Semi Condensed", Arial; line-height: 27px; text-align: justify; padding-bottom: 20px; max-width: 700px; border-bottom: 1px none #ccc }
.mini           { color: #333; font-size: 13px; font-weight: normal; line-height: 15px; letter-spacing: 0.3px }
.migas           { display:none;#333; font-size: 11px; font-family: "Barlow Semi Condensed"; text-transform: uppercase; letter-spacing: 0.5px; padding-top: 10px; padding-bottom: 30px }
.textoNormal    { font-size: 12px; font-size-adjust: 0; vertical-align: 2px }
.Gtitular { font-size: 18px; font-weight: bold }
.invisible { border: 0 transparent }
.subtitular    { color: #f2fafe; font-size: 12px; font-family:  "Barlow Semi Condensed", Arial, sans-serif, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold }
.subtitular1 { color: #039; font-size: 12px; font-family: "Barlow Semi Condensed", Arial, sans-serif, Helvetica,  Swiss, SunSans-Regular; font-weight: bold }
.titular1 { color: #039; font-size: 18px; font-family:  "Barlow Semi Condensed", Arial, sans-serif, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold }
.petit  { font-size: 11px; font-family: "Barlow Semi Condensed", Arial }
.tituloRuta  { font-size: 11px; font-family: "Barlow Semi Condensed", Arial }
.fotos  { padding-right: 5px; padding-bottom: 5px; float: left }

.titularz    { color: #333; font-size: 20px; margin-top: 10px; margin-bottom: 8px }
.boton1, .boton2, .button3, .boton8, .boton21  , .button4, .button1          { color: #fff; font-size: 16px; font-family: ""Barlow Semi Condensed"", Arial; font-weight: 400; text-decoration: none; background-color: #cc0000; letter-spacing: 1px; cursor: pointer; display: inline-block; margin: 0; padding: 4px 14px; border: solid 0; -moz-border-radius: 4px; -ms-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px     }
.class1 { }
.boton8     { background-color: #da4202; border-color: #cf5b11 #900 #900 #cf5b11 }


.boton1:hover, .button3:hover,.boton21:hover,.button4:hover, .button1:hover                 { color: #fff; font-weight: normal; text-decoration: none; background-color: #ff3300; background-image: none; cursor: pointer; border-style: solid; border-width: 0; border-color: #333 #600 #600 #333 }

.degColumnaDcha { background-image: url("/images/transition.gif"); background-repeat: repeat-x ;}
.ZZZ {margin-left:3px;margin-bottom:10px;cursor:pointer;-webkit-border-radius: 4px;border-radius: 4px;}
.boton0     { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; text-decoration: none; background-color: #e5e5e5; cursor: pointer; margin: 0; padding: 6px; height: 27px; border: solid 1px #999 }
.boton0:hover  { color: #fff; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; text-decoration: none; background-color: #333; cursor: pointer; border: solid 1px #111 }


.nameBox    { color: #333; font-size: 16px; font-weight: 600; line-height: 18px }
.Authinputs, .AuthinputsBoxArea  { font-size: 9px; font-family: verdana; padding: 2px; border: solid 1px #ccc }
.inputsZZZ { height: 27px }
.inputs, .inputsBox,.inputsBoxV, .inputsBoxArea,#total            { 
font-size: 16px;
    font-family: "Barlow", Arial;
    font-weight: 400;
    background-color: #f9f9f9;
    padding: 11px;
    width: 100%;
    max-width: 380px;
    margin: 6px 0;
    border: solid 1px #c4c4c4;
    -moz-border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
}

.inputsFilters           { 
font-size: 13px;
    font-family: "Barlow", Arial;
    
    background-color: #f9f9f9;
    padding: 11px;
    width: 50%;
    max-width: 300px;
    margin: 6px 0;
    border: solid 1px #c4c4c4;
    -moz-border-radius: 3px;
    -moz-box-sizing: border-box;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    box-sizing: border-box;
}

.boxSizing {-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box }

.inputsBoxCount   { font-size: 13px; font-family: "Barlow Semi Condensed", Arial; margin-left: 0; padding: 4px; border: solid 1px #ccc }
.inputsDissabled  { color: #333; font-size: 13px; font-family: "Barlow Semi Condensed",  Arial; }
input.inputsDissabled { color: #900; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; background-color: #fff1f1; padding: 4px; border: solid 1px #f99 }
.inputsdate       { font-size: 12px; font-family:  "Barlow Semi Condensed", Arial; margin-right: 0; padding: 3px 0 3px 4px; position: relative; top: -7px; border: solid 1px #ccc }
.explicacion   { color: #333; font-size: 13px; font-family: "Barlow Semi Condensed",  Arial; line-height: 16px }
.explicacion li   { color: #333; font-size: 13px; font-family: "Barlow Semi Condensed", Arial; line-height: 14px; white-space: normal; margin: 0 0 8px -20px; padding: 0 }
.ZZZseparador { margin-right: 15px; margin-bottom: 10px; margin-left: 15px; padding: 15px 0 0; border-top: 0 dotted #999; border-bottom: 1px dotted #666 }
.tituloNoticia { font-size: 14px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold }
.fechaNoticia { font-size: 10px; font-family: "Barlow Semi Condensed", Arial; font-weight: normal }
.cuerpoNoticia   { color: #333; font-size: 11px; font-family: "Lucida Grande"; font-weight: normal }
.alerta { color: #f00; font-size: 13px; font-family: "Barlow Semi Condensed", Arial }
sup,sub     { font-size: 80%; line-height: 1; position: relative; height: 0; vertical-align: baseline; _vertical-align: bottom    }
sup  { bottom: 1.1ex }
sub {	top: 0.5ex;}
.inputsBoxZZZ { height: 28px }

.titulo { }
.boton21  { font-size: 16px; font-family: "Barlow Semi Condensed", Arial; margin: 0; padding: 6px; height: 40px }
.boton2 { color: #fff; font-size: 14px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; background-color: #5e3815; margin: 0; padding: 6px; height: 40px; border: solid 1px #900 }
.refFinal {text-align: left; font-size: 15px; font-family: "Barlow Semi Condensed", Arial; }
.libroTitulo  { font-size: 20px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; line-height: 22px; text-align: left; margin-bottom: 8px }
.libroAutores     { font-size: 9pt; font-family: "Barlow Semi Condensed", Arial; font-weight: normal; text-align: left; margin-top: 10px }
.libroFiliaciones   { font-size: 9pt; font-family: "Barlow Semi Condensed", Arial; font-style: italic; font-weight: normal; text-align: left }

.libroCuerpo, .Apple-style-span 		   { font-size: 10pt; font-family: "Barlow Semi Condensed"; font-weight: normal; line-height: 15pt; text-align: justify }

.detalle_programa {}
.nota { font-size: 11px; font-family: "Barlow Semi Condensed", Arial }


.g  { font-size: 14px; font-family: "Barlow Semi Condensed", Arial }
.j   { color: #333; font-size: 13px; font-family: "Barlow Semi Condensed", Arial }
.destacada { color: #333; font-family: "Barlow Semi Condensed", Arial; font-weight: bold }
#textoPrint  { padding: 20px;  }
.titularCuerpo2old  { color: #666; font-size: 14px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; text-align: left; margin-top: 10px; margin-bottom: 20px }
.titularCuerpo2  { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; text-align: left; margin-top: 10px; margin-bottom: 20px }

.nomSymposium1 { }
.inputsBoxV { color: #066; background-color: transparent; text-align: right; width: 40px; border: solid 0 white }
.messageOk    { color: #333; font-size: 11px; background-color: #f6fff5; padding: 6px; width: 100%; float: right; border: solid 1px #b4d9b6 }


.messageKo   { color: #f00; font-size: 11px; font-family: verdana; background-color: #fff5ff; padding: 4px; width: 300px; float: right; border: solid 1px }


#pop {
   z-index:2;
   position:absolute;
   border: 1px solid #333333;
   text-align:center;
   background:#333333;
}
#cerrar {
   float:right;
   margin-right:5px;
   cursor:pointer;
   font:"Barlow Semi Condensed", Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#666666;
   width:12px;
   position:relative;
   margin-top:-1px;
   text-align:center;
}
.results   { color: #333; font-size: 11px; background-color: #f3f4f4; cursor: pointer; padding: 4px }
.results:hover  { background-color: #e6eaea }
.errorbd { color: #f00; background-color: #fff; margin: 0; padding: 8px; float: left; border: solid 1px #c30 }
.destacado  { color: #333; font-size: 14px; font-weight: bold; background-color: #f5eb64; margin-bottom: 8px; padding: 10px; width: 160px; border: solid 1px #f00 }
.titularCuerpo1b  { color: #5e3815; font-size: 19px; font-family: "Barlow Semi Condensed", Arial; text-align: left; margin-top: 10px; margin-bottom: 20px }
#id { }
hr { border-top: 0; border-right: 0; border-bottom: 1px solid #ccf; border-left: 0 }
.paginator ul { font-size: 12px; font-family: "Trebuchet MS"; line-height: 10px; list-style-type: none; margin-top: 10px; margin-right: 0; position: relative; left: 0; width: 570px; float: left }
.paginator li { font-family: "Trebuchet MS"; font-weight: bold; text-align: center; width: 30px; height: 30px; float: left }
.paginator li a  { font-family: "Trebuchet MS"; font-weight: bold; background-color: #f8f9f8; text-align: center; margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 10px 5px 0; width: 20px; height: 20px; float: left; border: solid 1px #b1b1b1; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px   }
.paginator li a:hover { color: #333; background-color: #fffaff; border: solid 1px #999 }
.paginator li .actual a { background-color: #c30 }

.TituloNew  { color: #333; font-size: 18px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; margin-bottom: 20px }
.textoPrintNew { padding: 15px; border: solid 1px #ccc }
.CuerpoNew  { font-size: 12px; font-family: "Barlow Semi Condensed", Arial; line-height: 16px; text-align: justify }

.cuerpo p  { margin: 10px 0 }

.newsWindow     { background-color: #fff; text-align: left; margin-left: 2px; width: 173px; border: solid 0 #adc7d4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px       }

.itemrightcol       { background-color: #fff1de; color: #5e3815; text-align: left; margin: 2px 2px 10px; padding: 10px; width: 153px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px         }
.lineB      { font-size: 13px; line-height:1.5; letter-spacing:0.4px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #ccc }
.specialbuttons        { background-color: #fff1de; color: #5e3815; text-align: left; margin: 2px 2px 10px; width: 173px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px          }
.specialbuttons:hover { background-color: #fff; text-align: left; margin: 2px 2px 10px; width: 173px; border: 1px #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px          }


/* tama o y forma del panel principal */
div#panel    { position: relative }
/* configuracion de las pesta as */
ul#tabs    {  padding: 0;margin-top:-10px; }
ul#tabs li    { font-weight: bold; list-style: none; margin-right: 20px; float: left }
ul#tabs li:hover { background-color: #e6e6e6 }
ul#tabs li.actual    { font-weight: bold; background-color: #f9f9f9; height: 30px; border-bottom: 1px solid #f9f9f9; }
         ul#tabs li a  { color: #333; font-size: 11px; font-family: "Barlow Semi Condensed"; text-decoration: none; background-image: none; display: block;  }

         ul#tabs li.actual a   { line-height: 28px; background-color: transparent; cursor: default; height: 24px; border-bottom: 1px }

.menuArea {
margin-left: 35px;
}

   /* Configuraci šn de los paneles */
   div#panel #paneles        { background: #f9f9f9; margin-bottom: 20px; padding-top: 40px; position: relative; z-index: 10; top: 31px; left: 0; overflow: visible; border: solid 1px #ccc }
   
   #pagina {
	margin: auto;
	width: 900px;
	background-color:#FFFFFF;
	margin-bottom:5px;
	border:1px #999999 solid;
}


#contenedormedio{
	width:900px;
}



#columna_izquierda {
	float: left;
	width: 170px;
	border-top: 1px #CCCCCC none;
	border-right: 1px #CCCCCC none;
	border-left: 1px #CCCCCC none;
	border-bottom: 1px #CCCCCC none;
}

#columna_izquierda_privada {
	float: left;
	width:40px;
	min-height:800px;
}


#columna_izquierda2 {

	float: left;

	width: 150px;

	padding-right:10px;

}


#error_login { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; background-color: #fcc; margin-top: 3px; padding: 5px; border: solid 1px #f99 }

#error_registration { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; background-color: #fcc; margin-top: 3px; padding: 5px; border: solid 1px #f99 }
#error { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial; font-weight: bold; background-color: #fcc; margin-top: 3px; padding: 5px; border: solid 1px #f99 }
.errorconsulta{
	font-family:"Courier New", Courier, monospace;
	background-color: #C10F33;
	color:#FFFFFF;
	font-size:0.9em;
	margin-top:3px;
	padding:5px;
}



.borde_rojo{
	border:1px #F00 solid;
}


fieldset{
	color:#036;
	border:1px #036 dotted;
}





/*_____________________________________________CSS ANGEL*/





.cuadro_forma_pago{
	font-size:0.9em;	
}


.deabilitado_negro{
	color:#333 !important;	
}

.pagar{
	padding-top:30px;
	font-size:0.9em;
}

.checkbox_pagar { background-color: #cff; padding: 9px 5px 5px; border: solid 1px #029ADA }

.checkbox_envio_pago{
	padding:9px 5px 5px 5px;
	background-color:#09F;
	border:1px #999 solid;
	color:#FFF;
}


.letra_mayor{
	font-size:1.1em;
}

.organizer{
	height:127px;
	margin-bottom:20px;
	padding:7px;
	background-image:url(/cms/images/fondo_persona-10.jpg);
	background-position:right;
	background-repeat:repeat-y;
	border:1px #E5E5E5 solid;
}

.boton_submenu{
	height:20px;
	padding:5px; 
	background-image:url(/cms/images/boton.jpg); 
	background-repeat:repeat-x; 
	display:inline;
	margin-right:20px;
	font-size:0.9em;
	border:1px #CCC solid;
}

.boton_enlace{
	height:20px;
	padding:5px; 
	background-image:url(/cms/images/boton_rojo.jpg); 
	background-repeat:repeat-x; 
	display:inline;
	margin-right:20px;
	font-size:0.9em;
	border:1px #CCC solid;
}

#imagenes img{
	max-width:100%;
	
}
h4   { color: #1185cf; font-size: 20px; text-align: left; margin-top: 0; margin-right: 20px; margin-bottom: 8px }

h5{
	margin-bottom:3px;	
	margin-left:5px;
}

h6 { font-size: 14px; font-weight: bold; margin: 2px 0 10px }

a img{
	border:none;	
}


table{
	font-size:0.9em;
}


.texto_azul{
	color:#09F;
}

.texto_azul_06F{
	color:#06F;
}

.texto_resaltado{
	color:#666;
	text-decoration:underline;
}

.csswidebox{
	width:90%;
	margin-left:5px;
	padding:9px;
	background-color:#DAEBE4;
	border:1px #666 solid;
	font-size:0.8em !important;
}

.enlaces_negro{
	color:#333 !important;	
}

.enlaces_negro a{
	color:#333 !important;
}


.timetable{
	background-color:#C9D1D1;
	padding:9px;
	border:1px #669 solid;
}

.timetable table{
	border:1px #FFF solid;
}

.timetable p{
	margin:2px 0 2px 0;
}

.timetable th{
	color:#FFF;
	background-color:#8CA2C4;
	font-size:0.9em;
	border-left:1px #FFF solid;
	border-bottom:1px #FFF solid;
}

.timetable td{
	/*background-color:#C5CFE0;*/
	font-weight:bold;
	font-size:0.9em;
	border-left:1px #FFF solid;
	border-bottom:1px #FFF solid;
}


.formularios{
	width:98%;
	padding:9px;
	margin:10px 0 10px 0;
	background-color:#E7EBEB;
	border:1px #669 solid;
	font-family:"Barlow Semi Condensed", Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
}

.formularios a{
	text-decoration:none !important;
	color:#333 !important;
}

.formularios h3 a{
	text-decoration:none !important;
	color:#06F !important;
}

.formularios th{
	color:#FFF;
	background-color:#8CA2C4;
	font-size:0.9em;
	/*text-align:left;*/
}

.formularios td{
	background-color:#C5CFE0;
	font-weight:bold;
	font-size:0.9em;
}

.formularios span{
	font-weight:normal;
}

#info_hoteles{
	margin:auto;
	font-size:0.8em;
}



#cargando{
	width:220px;
	height:19px;
	margin:7px 3px;
	background-image: url(/cms/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#cargando1 , #cargando2, #cargando_hotel{
	width:220px;
	height:19px;
	margin:7px 3px;
	background-image: url(/cms/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu_usuario{
	margin-bottom:25px;
	width:100%;
	padding-bottom:3px;
	border-bottom:1px #CCC solid;
	font-size:0.9em;
}

#menu_usuario ul{
	display:inline;
	padding-left:0 !important;
}

#menu_usuario li{
	display:inline;
	margin-right:7px;
}

#menu_usuario a{
	color:#06F !important; 
}


#salir{
	margin-top:10px; 
	margin-bottom:20px;
	float:left;
	width:10%;
}

#salir a{
	color:#F30 !important;	
}

#nombre_usuario{
	float:right;
	width:80%;
	margin:10px 5px 20px 0; 
	text-align:right;
	font-size:0.8em;
}

.hoteles, .hoteles td { font-size: 9px; font-family: verdana }
.class { }
#info_hoteles a{
	text-decoration:none !important;
	color:#C33 !important;
}

.hoteles_tr_titulo{
	background-color:#029ada;
	font-family:"Barlow Semi Condensed", Arial, Helvetica, sans-serif;
	color:#fff;
}

.hoteles_tr_fila1{
	background-color:#D5E2FF;
}

.hoteles_tr_fila1 td, .hoteles_tr_fila1 td{
	padding-top:4px;
	padding-bottom:4px;
}

.hoteles_tr_fila2{
	background-color:#E8EFFF;
}


.evento{
	float:left;
	width:97%;
	margin:30px 0 10px 0;
	padding:7px;
	background-color:#E0E2EB;
	border:1px #669 solid;
}

.evento th{
	background-color:#09F;
	color:#FFF;
}

.evento td{
	font-weight:bold;
	padding-left:3px; 
}

.evento_final{
	float:left; 
	width:100%; 
	border-bottom:1px #09F solid; 
	margin-top:9px;
}

.continue{
	width: 25%;
	padding:3px;
	margin: 10px 0 10px 0;
	border:1px #666 solid;
	background-color:#999;
}

.informacion_form{
	background-color:#92BDDA;
	color:#FFF;
	font-size:0.9em;
	margin:9px 0 20px 0;
	padding:5px;
}

.nombre_hotel { font-size: 10px; text-align: left }


/*_____________________________________________END CSS ANGEL*/


.caja{
	margin-bottom: 5px;	
}



.caja ul {

	margin:0;

	padding:0;

	margin-left:15px;

}



.caja h1 {
	margin:0;
	font-size: 0.9em;
	font-weight: normal;
	background-color:#50749C;
	color: #FFF;
	margin-top:20px;
	margin-bottom:5px;
	padding-left:5px;
}



.caja li {

	font-size: 0.9em;

	color: #666666;

	margin:0;

	padding:0;

	padding-bottom:3px;

}
#contenedor{
	margin:0px;
	padding:0px;
	width:545px;
	min-height:870px;
	border-left: 1px #CCCCCC solid;
	float:left;
}



#contenido {
	min-height:800px;
	margin:0px;
	margin-bottom:30px;
	padding:10px;
	clear:right;
}



#contenido  {

	font-size:0.9em;

	color: #333333;

}



#contenido div.contenedor{

	font-size: 0.9em;

	color: #333333;

	background-color:#DDDDDD;

	border:1px solid #666666;

	padding: 5px;

	font-weight:bold;

}



#contenido h1 {

	margin:0;

	font-size: 1.1em;

	color: #333;

	background-image: url(/cms/images/adorno_seccion.jpg);

	background-repeat: no-repeat;

	background-position: left;

	padding-left:35px;

	text-transform:capitalize;

}



#contenido li{

	font-size:0.9em;

}



#contenido a{
	text-decoration:none;
	color: #069;
}



#contenido a:hover{

	text-decoration:underline;

}



#pie_ciudad{
	width: 729px;
	height: 350px;
	margin-top:30px;
	background-image: url(/cms/images/base_ciudad.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	float:left;
}

#logotipos_pie{
}
#columna_derecha {
	float: right;
	width: 160px;
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	padding:0px;
	background-color:#eee;
	font-family:"Barlow Semi Condensed", Arial, Helvetica, sans-serif;
}

#columna_derecha a{
	font-size:0.9em;
	color:#D12420;
}

#columna_derecha h3{
	margin:0;
	font-size:0.8em;
	background-color:#D12420;
	color:#eee;
	letter-spacing:0.2em;
	padding:5px;
}

#columna_derecha span{
	font-weight:bold;
	font-size:0.6em;
	color:#333;
}

#columna_derecha p{
	text-align:left !important;
	font-size:0.7em;
	margin:0 0 10px 0;
}






#pie{

	font-size: 0.8em;;

	margin:0px;

	padding:0px;

	height:14px;

	background-color:#fed547;

	color: #333333;

	clear:both;

}



#pie a{

	color: #333333;

	text-decoration:none;

}



#pie a:hover{

	text-decoration:underline;

}



.clearing{

	clear:both;

}



#imagen_portada {

	float: right;

}



.uc {

	font-size: 1em;

	text-align:center;

	color: #666666;

	font-weight:bold;

	width:450px;

	margin-left:60px;

}
#login{

	margin:0px;

	padding:0px;

	margin-top:10px;

	margin-left:15px;

	margin-bottom:5px;

	padding-bottom:5px;

	padding-top:5px;

	border-top:1px dotted #833300;

	background-color:#fff;

}



.boton{
	font-size:0.7em;
	font-weight:bold;
	color:#506D9A;
}



.apartado{

	border:1px solid #1B1B1B;

	background-color:#fed547;

	font-size:0.9em;

	font-weight:bold;

	padding-left:3px;

	color:#833300;

}



.texto_login{

	font-size:0.8em;

	padding-left:3px;

	color:#833300;

}



.texto_campo_login{

	font-size:0.8em;

	padding-left:3px;

	color:#1B1B1B;

}



.elemento_menu_inactivo{



}



.elemento_menu_activo{

	color:#FFFFFF;

	background-image:url(/cms/images/dot.jpg);

	background-position:left;

	background-repeat:no-repeat;

}



.apartado2{

	font-size:0.9em;

	font-weight:bold;

	padding-left:3px;

	color:#833300;

}



.tabulador{

	margin-left:20px;

}



.cabaceraPlanning{

	font-weight:bold;

	font-size:0.9em;

}



.fondovacioPlanning{

	background-color:#CCCCCC;

}

.texto_pequeno{
	font-size:0.9em;
}


.texto_rojo {
	color: #ff6633;
}


.textoRojo{

	color:#FF3330;

}



.textoAzul{

	color:#3330FF;

}



.textoMorado{

	color:#663399;

}



.textoRosa{

	color:#FF00FF;

}



.textoVerde{

	color:#009933;

}



table.bordePrograma{

	border-top:1px solid #833300;

	border-left:1px solid #833300;

}



table.bordePrograma th{

	text-align:center;
		
	font-size:0.9em;
	
	padding:3px;

	background-color:#993330;

	color:#FFFFFF;

	border-right:1px solid #833300;

	border-bottom:1px solid #833300;

}



table.bordePrograma td{

	padding:3px;
	
	font-size:0.8em;

	border-right:1px solid #833300;

	border-bottom:1px solid #833300;

}



.posthidden {display:none}

.postshown {display: block}



.imagen{

	margin:18px;

	padding:4px;

	border:1px solid #666666;

	background-color:#CCCCCC;

}


#menu_principal h4{
	text-transform:capitalize;
	font-size:0.8em;
	font-weight:normal;
	padding-left: 15px;
	margin:1px 0px 1px 0px;
	text-align:left;
}


#menu_principal ul{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	font-size:0.9em;
	color:#fff;
}

#menu_principal ul li{
	padding:2px;
	font-size:0.9em;
}

#menu_principal ul a{
	text-decoration:none;
	color:#fff;
	font-size:1em;
}

#menu_principal li:hover{
	background-color:#4DB5F4;
}




.expIco{
	padding: 5px 0px 5px 20px;
	background-image: url(/cms/images/bullet_toggle_plus.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #CCCCCC;
}
.collIco{
	padding: 5px 0px 5px 20px;
	background-image: url(/cms/images/bullet_toggle_minus.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#ddd;
}

.expIco:hover{
	background-color:#ddd;
}
.panel{
	background-color: #04A5D3;
}


.derecha_fila1{
	padding:5px;
	background-image: url(/cms/images/deg_col_derecha.png);
	background-repeat:  repeat-x;
	background-position: left top;
	border-bottom: 1px solid #ccc;
}

.derecha_fila2{
	padding:5px;
	background-image: url(/cms/images/deg_col_derecha2.png);
	background-repeat:  repeat-x;
	background-position: left top;
	border: 1px solid #ccc;
}


#capa_tabs{
	margin: auto;
	width: 900px;
	margin-bottom:10px;
	margin-top:5px;
}

#capa_tabs .menu{
	float:right;
}

#capa_tabs ul{
	margin:0;
	padding:0;
	list-style:none;
}

#capa_tabs li{
	display:inline;
	background-image: url(/cms/images/deg_col_derecha2.png);
	background-repeat:  repeat-x;
	background-position: left top;
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#capa_tabs .menu li:hover{
	background-position: left -30px;;
}

#capa_tabs li a{
	font-size:0.8em;
	text-decoration:none;
	color:#333333;
}

.precioSocial   { font-size: 1.1em; background-color: #fff; padding: 5px; border: solid 1px #6cf }
#total  { font-size: 1.1em; width:97%; max-width:350px; background-color: #fff; padding: 5px; border: solid 1px #ccc }

.texto_tours    { background-color: #e4f0ff; margin-right: 10px; margin-bottom: 10px; padding: 10px; width: 320px; height: 240px; float: left; border: dashed 1px #99f }
.texto_toursON     { background-color: #e4f0ff; margin-right: 10px; margin-bottom: 10px; padding: 10px; float: left; border: dashed 1px #99f }

.texto_tours1  { margin: 0; padding: 0; border: 0 transparent }
.texto_tours h3 { font-size: 18px }

br.both{  
clear:both;  
}  

#backgroundPopup   { background: #333; display: none; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: solid 1px #cecece; _position: absolute   }  
#popupContact { font-size: 13px; background: #ffffff; display: none; padding: 12px; position: fixed; z-index: 2; _position: absolute }

#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#6fa5fd;  
font-weight:700;  
display:block;  
}  


.googleMap iframe,.descrHotel img  { border: solid 1px #633 }
.buttonPayLine  { text-align: left; width: 40px; float: left }

.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: 80%;
}

.bori {
    float: left;
    margin-bottom: 20px;
    width: 90%;
}

.bori div {
    background-color: #fff1de;
    margin-right: 30px;
    padding: 10px 15px 10px 20px;
    float: left;
	width: 100%;
}
#resultados,#preview  { }
.container { margin: 50px }
.bottom              { color: #999; font-size: 13px; line-height: 20px; background-color: #333; background-image: url("/images/piecolores.gif"); background-repeat: repeat-x; background-position: center bottom; letter-spacing: 1px; padding-top: 30px; padding-bottom: 0; margin-top:100px; position: relative; width: 100% }

.topHeader       {height:54px; font-size: 11px; background-color: #fff; background-image: none; position: relative; width: 100%; border-bottom: 2px solid #cc0000; }
.topHeader .row                       { margin-top:15px }
.topHeader img                       { margin: 0 0 20px }
.rightCol       { margin: 0; padding: 0 0 20px 30px; height: 100%; border: solid 0 #ccc }
.rightColinn  { background-color: #fff; margin: 0 0 10px; padding: 10px 20px 8px; height: 100%; border: solid 1px #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }

.leftCol    { margin-top: 0; margin-right: 0; margin-left: 0; padding: 0 20px 20px 0; height: 100%; border: solid 0 #ccc }
.leftColinn  { background-color: #fff; margin: 0 0 10px; padding: 10px 20px 8px; height: 100%; border: solid 1px #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }

.rounded { 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.rounded10 { 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.rounded2 { 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.rounded4 { 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.zerogrid.bottom { background-color: #ccc }
.slogan    { color: #fff; font-size: 0.8em; background-color: #ff6633; text-align: center; padding: 6px 0; width: 100% }
#loginBox    { color: #f0f0f0; visibility: visible; padding: 8px; position: absolute; z-index: 100; right: 0; width: 150px; }
#panel_01 { padding: 0 35px 20px }
.boton4     { color: #fff; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-color: #029ada; background-image: none; cursor: pointer; margin: 0; padding: 4px;  -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px         }
.boton4:hover  { background-color: #3aadff }

.boton41      { color: #fff; font-size: 13px; font-family:  Arial; text-decoration: none; background-color: #900; background-image: none; cursor: pointer; margin: 0; padding: 4px; border: solid 0 #029ada; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px          }
.boton41:hover   { color: #fff }

.boton5     { color: #333; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; background-color: #999; background-image: none; cursor: pointer; margin: 0; padding: 4px; border: solid 0 #029ADA; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px         }
.boton5:hover  { background-color: #aaa }

.inputsBoxTop   { color: #333; font-size: 12px; font-family: "Barlow Semi Condensed", Arial, Helvetica, sans-serif; padding: 8px; border: solid 1px #ccc }
.searchBox   { background-image: url("/cms/images/lupa.png"); background-repeat: no-repeat; background-position: right center; margin: 0 15px 15px; width: 85%; border: solid 1px #c0c0c0 }

.cuadroInfoHotel  { font-size: 12px; margin-right: 8px; margin-bottom: 8px; float: left }
.cuadroInfoHotel td  { font-size: 12px }
.ui-datepicker-trigger img { margin-top: 7px }
.titularCuerpoBottom  { font-size: 13px; letter-spacing: 2px; margin-bottom: 6px }
.bottom li       { color: #999; font-size: 11px; text-decoration: none; list-style-type: none; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #4f4f4f }
.bottom li:hover    { color: #fff; font-size: 11px; text-decoration: none; list-style-type: none; margin-bottom: 4px; padding-bottom: 4px }
.bottom ul  { margin-top: -2px; }
.bottom a      { color: #999; font-size: 13px; text-decoration: none; list-style-type: none }
.bottom a:hover    { color: #aaa }

.alturaTwitter  { height: 300px; overflow: hidden; border-bottom: 1px solid #ccc }
.topHeaderMails    { background-color: #029ada; padding-left: 30px; width: 100%; height: 200px; border-bottom: 0 solid #ddd }
.topHeaderMails img    { height: 100px; }

.maxw450 {width:100%;max-width:450px; }
.rightside {float:right;}
.infofororgs {text-align: center; font-size: 14px; letter-spacing: 2px;}
.nameTop a { color: #fff; font-size: 15px; text-decoration: none; margin-left: 7.5% }
#totalReserva { margin-top: 10px; float: left }
#MyForm td   { color: #333; font-size: 13px; line-height: 16px }
.aproveAbstract   { color: #da4202; font-size: 32px; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: solid 0px #900 }
#authorsList { color: #333; background-color: #fff; margin-top: 10px; margin-bottom: 20px; padding: 10px; border: solid 1px #ccc }
.xClose  { color: #333; font-size: 22px; font-family: Arial; font-weight: normal; text-decoration: none; background-color: #fff; text-align: center; padding: 8px; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border: solid 0 #ccc }
#idAreaoEdit1 td { padding: 0 }
.inputok {display:none;}
.miniFechaNoticia  { font-size: 11px; margin-top: 20px; margin-bottom: -12px; padding-top: 10px; width: 100%; border-style: solid dashed dashed; border-width: 2px 0 0; border-color: #e6e6e6 }
td {     font-size: 16px;
    line-height: 22px;
    color: #666}

.slogan0 { font-size: 26px; margin: 30px 0 }
.cuerpo ul {margin-left:-30px;}

.cuerpo li   { font-size:15px;font-weight: 400; background: url("/images/point.png") no-repeat 0 0em; list-style: none; padding-top: 3px; padding-bottom: 2px; padding-left: 26px;  }

.cuerpo ul ul li {
font-size: 13px;
font-weight: 300;
background: none;
list-style: none;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0px;
}


.cuerpo li img {display:inline-block;vertical-align:middle;margin-top:-4px;}
.cuerpo ul  { list-style: none; font-weight: 700; padding-top: 2px; padding-bottom: 8px;margin-left: 0px; }

.cuerpo ol li    { font-size: 13px; font-weight: 700; line-height: 17px; background-image: none; text-align: left; list-style: decimal; padding-top: 2px; padding-bottom: 2px; padding-left: 2px }

.columnasZZZ {
   -moz-column-count: 2;
   -moz-column-gap: 5em;
   -moz-column-rule: 1px solid #ccf;
   -webkit-column-count: 2;
   -webkit-column-gap: 5em;
   -webkit-column-rule: 1px solid #ccf;
   
}

.gallery  { margin-top: 20px; float: left;width:100%; }
.centerText     { text-align: center;}
.mr { margin-right: 15px; margin-left: 0 }
.ml { margin-right: 0; margin-left: 15px }
.imagenGaleria  { width: 134px }
.cuerpo br  { position: relative; height: 1px }

.middle img  { max-width: 134px; max-height: 120px; vertical-align: middle }
.currentTextHolder  { font-size: 11px;float:left; }

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
strong  { font-weight: 700 }

.login-bar        { color: #333; font-size: 14px; ZZZbackground-color: #dfdfdf; text-align: right; display: inline-block; margin: 0; position: relative; width: 100%; right: 0px; top:6px; }
.login-bar a     { color: #333; font-size: 14px; font-weight: normal; text-align: center; letter-spacing: .5px; margin-top: 10px; ZZZmargin-right: 8px !important; margin-bottom: 30px }
.login-bar a:hover  { color: #333 }
.boxes .cuerpo  { font-size: 18px; line-height: 28px; text-align: left;max-width:100%; }
b  { font-weight: 700 }
.fondoAmarillo { background-color: #fc0; }

.crop   { margin-right: 20px; margin-bottom: 20px; position: relative; width: 180px; height: 180px; float: left; overflow: hidden; border: solid 1px #ccc }
.crop img  { margin: auto; position: absolute; top: -100%; right: -100%; bottom: -100%; left: -100%; width: 200%; height: 200%;  }

.imgbottom2  { margin: 10px; width: 60px ;}

.padding20      { display: inline-block; margin-top: -1px; margin-left: -1px; padding: 0 20px 40px }
.boxError  { border: solid 0 #f99 }
.boxOk  { border: solid 0 #abf3ab }

/*##############################*/
.ara-header-cf {}

.ara-header-cookies-advice      { background: #494b4d; margin: 0; padding: 10px; position: fixed; z-index: 1333; bottom: 0; width: 100%; border-top: 1px solid #666 }

[class^="ara-header"] {
margin: 0;
padding: 0;
}

/* -------------------------
 * COOKIES ADVICE BAR granada
 * ------------------------- */
.ara-header-cookies-advice    { font-family: Arial; background-color: rgba(73,75,77,0.90); margin: 0; padding: 0px }
.ara-header-cookies-advice .ara-header-message     { color: white; font: 13px/24px Arial; text-align: left; padding-left: 30px; width: 70%; float: left;  }
.ara-header-cookies-advice .ara-header-buttonline    { font-size: 12px; font-family: Arial; text-align: right; margin-right: 30px; margin-top:0px; float: right }
.ara-header-cookies-advice .ara-header-button-close   { color: #fff; font: 12px/120% Arial; text-decoration: none; background: #333; display: inline-block; margin-right: 15px; padding: 8px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;   }
.ara-header-cookies-advice .ara-header-lnk  { color: #fff; font-size: 12px; font-family: Arial; text-decoration: underline }
.ara-header-cookies-advice .ara-header-lnk:hover {text-decoration:none;}


.ventanaScroll   { padding-right: 30px; height: 500px; overflow: auto; overflow-x: hidden; }

h2 a, .migas a {text-decoration:none;}
#Rev h1   { margin-bottom: 0 }
.ventanaScroll  { font-size: 12px; line-height: 17px }
td a {text-decoration:none;}
#fila  { float: left }

.remark     { color: #333; font-size: 16px; line-height: 26px; background-color: #f6f6df; letter-spacing: 0; padding: 20px; border: solid 1px #cc0 }

blockquote   { color: #4e4e4e; font-size: 25px; font-family: Georgia, serif; font-style: italic; line-height: 1.45; text-align: left; margin: 30px 0; padding:0 40px 40px; position: relative; max-width: 80%; border-left: 0; }
blockquote:before  { color: #7a7a7a; font-size: 80px; display: block; position: absolute; top: -20px; left: -10px; content: "\201C" }
blockquote cite {
 color: #999999;
 font-size: 14px;
 display: block;
 margin-top: 5px;
}
blockquote cite:before {
 content: "\2014 \2009";
}
.dominio  { font-size: 16px }
#loading { display: none; }
#datos { display: none; }
#archivos #contactsList .inputs { padding-top: 0; padding-bottom: 0 }

.www { font-size: 22px; font-weight: bold }
#domain td  { font-size: 18px }
.garantia {font-size: 14px;}
.cupon      { color: #333; font-size: 18px; background-color: #fff; display: inline-block; padding: 8px; width: 200px; border: dashed 2px #390 }
.pvp      { color: #333; font-size: 21px; background-color: #f0ffe6; display: inline-block; margin-top: -6px; padding: 8px; width: 200px; border: solid 2px #390 }
.pantallaPedir {float:left;min-height:600px; }
#contratacion  {  }
.dominiowww { font-weight: bold;font-size:24px;margin-bottom:20px; }
#pantalla1 h1 { font-size: 32px;line-height: 38px; margin-top: 20px; margin-bottom: 20px; width:100%; }
.left { text-align: left }
#boxNews     { margin: 48px 0 0; padding: 0 30px 0 0 }
#boxNews .cuerpo { width: 100% }
#boxNews li   { font-size: 12px; list-style: none; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #ccc; font-wheight: 300  }
#boxNews li a { color: #333; text-transform: uppercase }
#boxNews li a:hover { color: #ff6633 }
.preciosTabla td  { font-size: 12px; line-height: 18px; text-align: left }
.tb { margin-left:6px; padding-left:24px !important; }
.col-4-4 h1  { margin-top: 0px }
.submenu { color: #fff; font-size: 12px; font-weight: 300; background-color: #ff6633; margin-top: 4px; padding: 4px; width: 80% }
#form h2 { font-size: 20px; line-height: 22px; margin: 0;    font-weight: 700; }
.cuerpoBottom li  { padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #666 }
#tablacaracteristicas td { font-size: 16px; text-align:left;}

.log-in  { margin-bottom: 8px; width: 90%; height: 38px; max-width: 280px }

.insidePrices {
	padding: 35px;
    border: 2px #000 solid;
    margin: 15px;
	text-align: center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background-color: #fffafa;
}

.insidePrices ul{
    text-align: left;
    padding: 20px;
	line-height: 19px;
}
.insidePrices ul ul li {
    padding-left: 26px;
}
.insidePrices h2 {
    font-size: 35px;
    color: #333;
    text-align: center;
    font-size: 40px;
    font-family: "Barlow", Arial;
    font-weight: 700;
    line-height: 32px;
    margin: 15px 0 30px;
    letter-spacing: 1px;
}

.insidePrices h3 {
	text-align:center;
	margin:0;
	font-size: 24px;
    line-height: 27p
}





