/*************************  Estilos generales *****************************/
body
{
    padding: 0;
    line-height: 1.6em;
    font-family: Arial, Helvetica, Verdana;
    margin:8px;
}

.ocultar
{
    display: none;
}
.clear
{
    clear: both;
}

h2
{
    color: #5091cd;
    font-weight: bold;
    font-size: 130%;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 20px;
}

strong
{
    color: #5091cd;
    font-weight: bolder;
    font-size: 105%;
}
b
{
    color: #5091cd;
    font-weight: bolder;
}

.alertar, strong .alertar, b .alertar {
    color: #e34a21;
}

a
{
    color: #5091cd;
    text-decoration: none;
}

p
{
    width: 100%;
    margin-top: 0px;
    text-align: justify;
}

.imgleft
{
    float: left;
    margin: 0% 1% 1% 0%;
    border: 1px solid #9d9ea0;
}
.imgright
{
    float: right;
    margin:  0% 0% 1% 1%;
    border: 1px solid #9d9ea0;
}

/*************************  Estilos CABECERA ******************************/
#cabecera
{
    background-image: url(../img/fdo_contenido.gif);
    background-position: right top;
    background-repeat: repeat-y;

    }

#cablogo
{
    text-align: center;
    height: 172px;
    background: url(../img/cabecera.jpg) no-repeat left ;
    overflow:hidden;
    width:945px;
    float: left;
    }

/*LETRA Y BUSCAR*/
#menuSup
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
    text-align: right;
    padding-top:53px;
    padding-right: 50px;
}
#menuSup img
{
    padding-top: 10px;
}
/*************************CONTENIDO ****************************/
#cuerpo
{
    background-image: url(../img/fdo_contenido.gif);
    background-position: right top;
    background-repeat: repeat-y;
    margin-top: 0px;
}
/*************************CONTENIDO - IZQUIERDA****************************/
/*menu*/
.site-map li
{
    background-image: url(../img/fdo_opc_iz.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border-right: 1px solid #EAEAEA;
    color: #61B46C;
    font-size: 75%;
    font-weight: bold;
    padding: 5px 5px 5px 27px;
    list-style-type: none;
}
.site-map li a
{
    color: #4b4c4d;
    text-decoration: none;
}
.site-map li a:hover
{
    color: #000000;
    text-decoration: none;
}
.site-map ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.site-map-sub li
{
    background-image: url(../img/fdo_opc_iz.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border-right: 1px solid #EAEAEA;
    color: #61B46D;
    font-size: 75%;
    font-weight: bold;
    padding: 5px 5px 5px 27px;
    list-style-type: none;
}
.site-map-sub li a
{
    color: #4b4c4d;
    text-decoration: none;
}
.site-map-sub li a:hover
{
    color: #000000;
    text-decoration: none;
}
.site-map-sub ul
{
    background-image: url(../img/fdo_login.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border-right: 1px solid #EAEAEA;
    color: #5091cd;
    font-size: 90%;
    font-weight: bold;
    list-style-type: none;
}

/*LOGIN*/
.login-topper
{
    color: #5091cd;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 20px;
    padding-top: 20px;
    text-transform: none;
    position: static;
    background:  none;
    border-bottom: none; /*float: left;*/
}
.login-title
{
    color: #5091cd;
    font-size: 75%;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    padding-left: 0px;
    padding-top: 20px;
    display: inline;
    text-transform: none;
}
.login
{
    background-image: url(../img/fdo_login.gif);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 15px;
    width: 100%;
    border: none;
}
.login-content-container
{
    list-style-type: none;
    margin-top: 0px;
    padding: 0; /*margin-left:-11px;*/
}

.login-content-container from
{
    padding: 0;
}
.login-content-container label
{
    background-image: url(../img/bullet_qHacer.gif);
    background-position: 5px 9px;
    background-repeat: no-repeat;
    border: medium;
    color: #4b4c4d;
    font-size: 75%;
    font-weight: normal;
    margin: 0px;
    padding: 6px 0px 6px 29px;
    text-decoration: none;
}
.login-content-container .textinput
{
    margin-left: 20px;
    color: #5091cd;
    font-size: 80%;
    width: 120px;
}


.portlet-title li
{
    background-image: url(../img/bullet_qHacer.gif);
    background-position: 5px 15px;
    background-repeat: no-repeat;
    color: #5091cd;
    font-size: 75%;
    padding: 8px 8px 0px 30px;
    list-style-type: none;
}
.portlet-title li a
{
    color: #5091cd;
    text-decoration: none;
}
.portlet-title li a:hover
{
    color: #5091cd;
    text-decoration: none;
}
.portlet-title ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/**************************CONTENIDO - CENTRO******************************/


.seccion
{
    float:left;
    padding: 0% 4% 1% 2%;
    width: 94%;
    margin: 0;
    text-align: left;
    min-height: 500px;
    font-size: 75%;
    line-height: 120%;
}

.seccion li{

    background-image: url(../img/flecha.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-top: 12px;
    padding: 0px 0px 0px 8px;
    list-style-type: none;
    width: 80%;
    text-align: justify;
}
.seccion li a
{
    color: #5091cd;
    text-decoration: none;
}
.seccion li a:hover
{
    color: #699faf;
    text-decoration: none;
}
.seccion ul, .seccion ol
{
    text-align: justify;
    margin: 0 0 20px 40px;
    padding: 0;
}

.seccion ol li{
background-image:none;
list-style-type:decimal;
}

.seccion ol li ul li{

    background-image: url(../img/flecha.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 8px;
    padding: 0px 0px 0px 12px;
    list-style-type: none;
    width:100%;
    text-align: justify;
}

.seccion ul li ul li{
    background-image: url(../img/dot1.gif);
    /*TO-DO quitar list-style-type y meter dot1*/
    list-style-type: square;
}


.Seccion_Titulo
{
    background-image: url(../img/fdo_SeccionTitulo.gif);
    background-repeat: repeat-x;
    background-position: center bottom;
    height: auto;
    width: 100%;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 0px;
    text-transform: uppercase;
    text-align: left;
    padding-right:10px;
}


.Seccion_Titulo h1
{
    font-size: 150%;
    font-family:  Arial Black;
    line-height: 100%;
    height: auto;
    margin: 0;
    padding: 5px 5px 7px 5px;
    color: #f86264;
}

.Seccion_cabecera
{
    background-image: url(../img/fondo02.gif);
    background-repeat: repeat-x;
    clear: both;
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.Seccion_cabecera h1
{
    /* Nombre del hotel */
    color: #5091cd;
    font-weight: bold;
    font-size: 125%;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-top: 1px;
    margin-bottom: 3px;
}

.hotel_precio
{
    margin: 0 0 10px 0;
    padding: 0.5%;
    text-align: center;
    font-weight: bold;
    width: 20%;
    height: auto;
    font-size: 12px;
    color: #5091cd;
    border: 1px solid #5091cd;
    background-color: #DDE4C5;
    float: left;
}
.hotel_precio img
{
    border: 1px solid #5091cd;
}
.hotel_precio p
{
    width: 94%;
    margin: 3px 3% 0 0;
    text-align: right;
}
.hotel_texto
{
    width: 50%;
    float: left;
    margin-top: 0;
    margin-left: 2%;
    text-align: justify;
}
.hotel_caracteristicas
{
    margin-left: 2%;
    width: 24%;
    float: left;
}
.hotel_caracteristicas h2
{
    margin: 0;
    padding: 0;
    color: #5091cd;
    font-weight: bold;
    font-size: 85%;
    margin-left: 2px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.hotel_caracteristicas form
{
    margin-top: 10px;
    text-align: center;
}

.noticia_texto
{
    width: 90%;
    margin-top: 0px;
    margin-left: 20px;
    text-align: justify;
}

.patrocinio_logo
{
    margin: 0 0 10px 0;
    padding: 0.5%;
    text-align: center;
    font-weight: bold;
    width: 24%;
    height: 60px; /*height: auto;*/
    font-size: 12px;
    float: left;
}
.patrocinio_logo2
{
    margin: 0 0 10px 0;
    padding: 0.5%;
    text-align: center;
    font-weight: bold;
    width: 40%;
    height: 60px; /*height: auto;*/
    font-size: 12px;
    float: left;
    display:table;
}
.patrocinio_logo img
{
    border: 1px solid #5091cd;
    border: none;
}
.patrocinio_logo2 img
{
    border: 1px solid #5091cd;
    border: none;
}
.patrocinio_texto
{
    width: 70%;
    float:right;


    margin-top: 0;
    margin-right: 2%;
    text-align: justify;
    margin-bottom: 10px;
}
.patrocinio_texto p
{
    width: 98%;
}
.seccion hr
{
    width: auto;
}
.tbl_seccion
{
    width:90%;
    margin-left: 20px;
}
.tbl_seccion td
{
        vertical-align: top;
}
#dirempresa
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#dirempresa td, #dirempresa th
{
font-size:1em;
border:1px solid #5091cd;
padding:3px 7px 2px 7px;
}
#dirempresa th
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#dirempresa tr.alt td
{
color:#000000;
background-color:#eaf9fd;
}

/***************************** Estilos  PIE  ******************************/
div#pie
{
    background-color: #5091cd;
    float: left;
    padding-bottom: 9px;
    padding-top: 9px;
    width: 100%; /*position: relative;*/
}
div#pie a
{
    color: #000000;
    font-size: 75%;
    font-weight: normal;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
}

div#pie img
{
    border: none;
}


/************************ Estilos  formularios  ***************************/

label:hover
{
    color: #53636c;
}
.msgerror
{
}
.msgerror pre
{
}
div.frow
{
    clear: both;
    padding-top: 0.2em;
}

div.fpage
{
    page-break-after: always;
}
.formulario
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    clear: both;
}

.formulario label
{
    font-weight: bold;
}
.formulario input, .formulario select, .formulario textarea {
    font-size: 125%;
}
.formulario label input, .formulario label select, .formulario label textarea
{
    border: 1px solid gray;
    width: 99%;
}

.formulario em
{
    color: #f69290;
    font-weight: bold;
}
small
{
    color: #AAAAAA;
    font-size: 0.8em;
    font-weight: bolder;
}

.slpass a {
    color:white;
    font-size: 0.7em;
    margin-left:20px;
}

.ancho05 {
    width: 4%;
    display:inline-block;
}

.ancho1
{
    width: 9%;
    display:inline-block;
}
.ancho2
{
    width: 19%;
    display:inline-block;
}
.ancho3
{
    width: 29%;
    display:inline-block;
}
.ancho4
{
    width: 39%;
    display:inline-block;
}
.ancho5
{
    width: 49%;
    display:inline-block;
}
.ancho6
{
    width: 59%;
    display:inline-block;
}
.ancho7
{
    width: 69%;
    display:inline-block;
}
.ancho8
{
    width: 79%;
    display:inline-block;
}
.ancho9
{
    width: 89%;
    display:inline-block;
}
.ancho10
{
    width: 99%;
    display:inline-block;
}
.bloqueform
{
    margin-left: 5%;
    margin-right: 5%;
}
input[type="button"], input[type="submit"]
{
    font-size:100%;
    background: #5091cd;
    border: 1px solid black;
    margin:8px 4px;
    padding:2px 4px;
    font-weight:bolder;
}
input[type="button"]:hover, input[type="submit"]:hover
{
    background:#5091ab;
}
input[readonly]
{
    color:#777;
    background:#ece9d8;
}

/*Formulario de envio de comunicaciones*/
#pbar1 {display:none;text-align:center;}
.progressBar     {text-align: center;width: 100px; border: 1px solid black; background: #eef; height: 1.25em; display: inline-block; }
.progressBarText { padding-left:45px;position: absolute;font-size: 1em; color:#000;text-align: center; font-weight: bolder; }
.progressBarFill { height: 100%; background: #add3de; display: block; overflow: visible; }


.tabla1 {
	text-align: center;
        border: 1px black solid;
        border-collapse: collapse;
        background: white;
        font-size: 70%;
        width:95%;
}

.tabla1 td {
        border:0.1pt black solid;
        vertical-align:top;
        }

.tabla1 th {
	padding:6px 2px 6px 2px;
	vertical-align:middle;
	font-weight:normal;
	background-color: #98ca97;
	border:0.1pt black solid;
	color:black;
	}
.tabla1 th strong, .tabla1 th b {color:white}

#capam {
   margin-top:10px;
}

.capampar {
   background-color:#eef;
   padding-bottom:15px;
}

.capamimpar {
   background-color:#fff;
   padding-bottom:15px;
}

.wordcount {
    text-align:center;
    color: #AAAAAA;
    font-size: 0.8em;
    font-weight: bolder;
}
/*******************Estilos tabla de tipos de inscripción******************/
#ins_tabladeprecios{
border-collapse:collapse;
border:none;
width:100%;
vertical-align:bottom;
}
#ins_tabladeprecios th
{
font-weight:bolder;
text-align:right;
border-bottom:2px solid #7C5AD4;
padding-bottom:4px;
vertical-align: bottom;
}
#ins_tabladeprecios td
{
padding-left:10px;
}
.grins_nombre
{
font-weight:bolder;
padding-top:5px;
padding-bottom:2px;
background-color:#7C5AD4;
color:white;
}
.grins_descripcion
{
font-size: 0.8em;
font-weight:normal;
}
.ins_valida
{
width:20%;
text-align:right;
color:#7C5AD4;
font-weight:normal;
vertical-align:top;
}
.ins_novalida
{
padding-top:4px;
width:20%;
text-align:right;
color:#7C5AD4;
font-weight:normal;
vertical-align:top;
}
.ins_preaco
{
width:20%;
text-align:right;
vertical-align:bottom;
padding-bottom:5px;
color:#7C5AD4;
font-weight:normal;
}
.ins_pretotal
{
width:20%;
border-top:2px solid #7C5AD4;
text-align:right;
vertical-align:bottom;
padding-top:6px;
color:#7C5AD4;
font-weight:bold;
}
/*Estilos tabla de tipos excursiones/cursos/talleres*/
#act_tabladeprecios{
border-collapse:collapse;
border:none;
width:100%;
vertical-align:bottom;
}
#act_tabladeprecios th
{
font-weight:bolder;
text-align:right;
border-bottom:2px solid #7C5AD4;
padding-bottom:4px;
vertical-align: top;
}
#act_tabladeprecios td
{
padding-left:6px;
}
.gract_nombre
{
font-weight:bolder;
margin-top:10px;
padding-top:5px;
padding-bottom:2px;
background-color:#7C5AD4;
color:white;
}
.gract_nombre small
{
color:white;
}
.gract_descripcion
{
font-size: 0.8em;
font-weight:normal;
}
.act_valida
{
padding-top:3px;
width:15%;
text-align:right;
color:#7C5AD4;
font-weight:normal;
vertical-align:top;
}
.act_novalida
{
padding-top:3px;
width:15%;
text-align:right;
color:#7C5AD4;
font-weight:normal;
vertical-align:top;
}
.act_unid
{
margin-left:2px;
text-align:right;
color:#7C5AD4;
font-weight:normal;
vertical-align:top;
}
.act_unid select
{
color:#7C5AD4;
font-weight:normal;
font-size:90%;
vertical-align:top;
/*border:solid 1px gray;*/
border:none;
}
.act_pretotal
{
width:20%;
border-top:2px solid #7C5AD4;
text-align:right;
padding-top:6px;
color:#7C5AD4;
font-weight:bold;
}
/*Estilos tabla de pago_de_reservas*/
#pagos_reservas{
border-collapse:collapse;
border:none;
width:100%;
vertical-align:bottom;
}
#pagos_reservas th
{
background-color:#7C5AD4;
color:white;
font-weight:bolder;
text-align:center;
padding-bottom:4px;
vertical-align: bottom;
}
#pagos_reservas td
{
padding-left:10px;
vertical-align:top;
}
.pagos_importes
{
text-align:right;
}
.pagos_tpvcol
{
text-align:center;
}
.pagos_totalestpv
{
width:15%;
color:#7C5AD4;
text-align:center;
}