/*************************  Estilos generales ****************************
body {
	padding: 0;
	line-height: 125%;
	font-family: Tahoma, Verdana, Arial, Helvetica;
}
.ocultar {
	display: none;
}
.clear {
	clear: both;
}
h1 {
	font-family:  Tahoma;
	line-height: 100%;
	text-align: left;
	padding-right: 10px;
	padding: 5px 10px 5px 5px;
	color: #579b57;
	font-size: 25px;
}
h2 {
	color: #579b57;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	border-bottom:solid 1px #CCC;
}

h4 {
	color: #579b57;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 16px;
}
h4 span {
	color: #000;
	font-weight: normal;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 16px;
}


strong {
	color: #579b57;
	font-weight: bolder;
}
b {
	color: #579b57;
	font-weight: bolder;
}
.alertar, strong .alertar, b .alertar {
	color: #e34a21;
}
a {
	color: #579b57;
	text-decoration: none;
}
p {
	margin-top: 0px;
	text-align: justify;
	font-size: 13px
}*/
.imgleft {
	float: left;
	margin: 0% 1% 1% 0%;
	border: none;
}
.imgright {
	float: right;
	margin:  0% 0% 1% 1%;
	border: none;
}


/*************************CONTENIDO ****************************/

.boton {
    background-color: #579b57;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
/*************************CONTENIDO - IZQUIERDA****************************/

/*LOGIN*/
.login {
	background-position: left top;
	border: none;
	/*background-color: #E5E5E5;*/
	background-image: url(../img/fondo_login.png);
	background-repeat: repeat;
	margin-bottom: 5px;
}
.login label {
	margin-bottom: 10px;
	clear:left
}
.login-cuerpo {
	padding: 10px;
}
.login-topper {
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 7px;
	background-color: #579b57;
	border-bottom: none; /*float: left;
	background-image:url(../img/fondo_largo_03.jpg);
	background-repeat:no-repeat;
	background-position:bottom;*/
}
.login-title {
	color: #579b57;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 0;
	padding-left: 0px;
	padding-top: 20px;
	display: inline;
	text-transform: 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 {
	border: medium;
	color: #4b4c4d;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 6px 0px 6px 15px;
	text-decoration: none;
}
.login-content-container .textinput {
	margin-left: 15px;
	color: #579b57;
	width: 75%;
}
.portlet-title li {
	color: #579b57;
	padding: 8px 8px 0px 30px;
	list-style-type: none;
}
.portlet-title li a {
	color: #FFFFFF;
	text-decoration: none;
}
.portlet-title li a:hover {
	color: #EEEEEE;
	text-decoration: none;
}
.portlet-title ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/*FECHAS IMPORTANTES*/

.box-prox {
  background-color: #f9f9f9;
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
.box-prox div {
  display: table;
}
.box-fecha {
  display: table;
  padding: 1.2em;
  width: 100%;
  height: 225px;
  background-color: #f9f9f9;
}
.proximo {
    background-color: #f3f3f3;
    display: table;
    font-size: 18px;
    line-height: 40px;
	width: 100%;
}

.prox-evento {
	color: #579b57;
	font-weight: bold;
	padding-left: 10px
}

.prox-fecha {
	background-color: #999;
	font-weight: bold;
	text-align: right;
	font-size: 16px;
	padding-right: 10px
}

.fechadia{
	cursor: pointer;
	text-align: center !important;
}
.fechacom {
	background-image: url("../img/list1.png");
    background-position: left 7px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-bottom: 22px;
    padding-left: 15px;
}
.fechadia a{
	font-weight: normal;
	color:#666;
	font-size:16px;
}
.fechacom a{
	color: #666 !important;
    font-size: 18px;
	font-weight:bold
}
.fechacom a:hover, .fechadia a:hover {
	color: #FC0 !important;
}

.fechas div {
  background: #e8e8e8;
  list-style: none outside none;
  cursor: pointer;
}

.fechas div:hover {
  background: none repeat scroll 0 0 #999;
  color: #FFFFFF;
}

.fechas a {
  display: block;
  padding: 1.25em;
}
/*Actividad*/
.actividad_foto
{

    overflow: hidden;
}

.actividad_foto img
{

}
/*HOTELES*/

.hotel_foto
{
	max-height: 250px;
    overflow: hidden;
}

.hotel_foto img
{

}

.hotel_precio
{
	float: left;
    height: auto;
    margin: 20px 0;
    width: 95%;
}

.hotel_precio img
{
    border: 1px solid #666;
    width: 45%;
}

.hotel_precio p
{
    font-size: 12px;
    padding: 4px 10px 0 10px;
    text-align: left;
    width: 94%;
    line-height: 19px;
}
.gridtable {
    border-collapse: collapse;
    border-color: #579b57;
    border-width: 1px;
}
.hotel_texto
{
    width: 95%;
    float: left;
    margin-top: 0;
    margin-left: 2%;
/*    text-align: justify;
*/}

.hotel_caracteristicas
{
    float: left;
	margin-left: 20px;
    width: 95%;
}
.hotel_caracteristicas h2
{
    margin: 0;
    padding: 0;
    color: #6C8177;
    font-weight: bold;
    font-size: 85%;
    margin-left: 2px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.hotel_caracteristicas form
{
    margin-top: 10px;
    text-align: right;
}
.hotel_masinfo
{
    text-align: left;
    margin-top: 10px;
    font-size: 10px;
    padding-left: 4px;
}
.hotel_masinfo * img
{
	border:none;
	padding-right: 2px;
	vertical-align: bottom;
}

.hotel_habitac
{
    margin: 0 0 10px 5px;
    padding: 0.5%;
    text-align: center;
    font-weight: bold;
    width: 47%;
    height: auto;
    font-size: 12px;
    color: #6C8177;
    border: 1px solid #6C8177;
    background-color: #e6e6e6;
    float: right;
}

.hotel_tabla
{
	border: none;
	width: 90%;
}
.hotel_tabla tr
{
	height: 30px;
	vertical-align: middle;
	font-size: 14px
}

.hotel_tabla_cab tr
{
	height: 30px;
	vertical-align: middle;
	font-size: 14px;
	background-color:#CCCCCC
}

.hotel_tabla td
{
	border-bottom: solid;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
}

.hotel_tabla td+td+td+td
{
	margin:auto;
	text-align: center
}

#aloj_tabladeprecios
{
	width: 92%;
	margin-left: 20px;
}
#aloj_tabladeprecios tr, th
{
	height: 30px;
	vertical-align:middle;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
#aloj_tabladeprecios td
{
	text-align:left;
}
#aloj_tabladeprecios td+td
{
	text-align: right;
}
#aloj_tabladeprecios {
	width: 92%;
	margin-left: 20px;
	margin-bottom: 40px;
}
#aloj_tabladeprecios tr, th {
	height: 30px;
	vertical-align:middle;
	border: 1px solid #CCCCCC !important;
	font-size: 14px;
}
#aloj_tabladeprecios th+th {
	text-align: right;
}

#aloj_tabladeprecios td {
	text-align:left;
}
#aloj_tabladeprecios td+td {
	text-align: right;
}


.tabladeprecios
{
	width: 92%;
	margin-left: 20px;
}
.tabladeprecios tr, th
{
	height: 30px;
	vertical-align:middle;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
}
.tabladeprecios td
{
	text-align:left;
}
.tabladeprecios td+td
{
	text-align: right;
}

.tabladeprecios tr, th {
	height: 30px;
	vertical-align:middle;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}
.tabladeprecios th+th {
	text-align: right;
}

.tabladeprecios td {
	text-align:left;
}
.tabladeprecios td+td {
	text-align: right;
}



.aloj_precios {
	text-align: right
}
.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 #579b57;
	border: none;
}
.patrocinio_logo2 img {
	border: 1px solid #579b57;
	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 tr {
	border-bottom: #999 solid 1px;
}
.tbl_seccion td {
	border-bottom: #999 solid 1px;
	vertical-align: middle;
}
.tbl_seccionsub {
	margin-top: 20px;
}
.tbl_seccionsub td {
	padding: 5px;
	border-bottom: none;
}
/*PATROCINIOS*/
.patrocinios {
	float: left;
	margin: 0;
	padding: 0;
	width: 99.5%;
}
.patrocinios div {
	padding-top: 15px;
	padding-bottom: 15px;
}
.patrocinios div a {
	background-image: none;
	padding: 0;
	color: #5B5B5B;
	text-decoration: none;
	padding-left: 5px;
	margin: 0;
	border: medium none;
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
}
.patrocinios .portlet-content {
	padding: 0; /*margin-top: -20px;*/
	background-color: #fbfbfb;
	margin: 10px 0 10px 0
}
.portlet-content img {
	margin: 10px 0 10px 0;
	border: none;
}
.patrocinios .portlet-content-container div {
	list-style-type: none; /*margin-left:12px;*/
	margin-top: 7px;
	padding-left: 0;
}
.patrocinios .portlet-content-container img {
	padding-right: 3px;
	vertical-align: middle;
	border: 0px;
	max-height: 80px;
	max-width: 90%;
	border: none;
}
.patrocinios .portlet-content-container div div {
	border-bottom: 1px solid #C9C9C9;
	color: #5B5B5B;
	font-weight: bold;
	margin: 0; /*padding-bottom:5px;*/
}
.patrocinios .portlet-content-container .portlet-journal-metadata {
	border: none;
}
.patrocinios .portlet-topper {
	background: transparent none repeat scroll 0 0;
	border-bottom: 1px solid #C9C9C9;
	position: static;
}
.patrocinios .portlet-topper .portlet-title {
	/*border-bottom:1px solid #C9C9C9;*/
    margin-left: 0;
	padding: 0;
	color: #447686;
	font-weight: bold;
}
.patrocinios .portlet-content-container div div .lfr-meta-actions {
	border: none;
}
.patrocinios.portlet-content-container div div a img {
	padding-right: 3px;
	vertical-align: middle;
	border: none;
}

.programa {
	text-align: left;
	font-size: 12px;
    border: solid 1px #CCCCCC;

}
.programa tr {
}
.programa td{
	padding: 5px;
	width: 110px;
	border-bottom: solid 1px #CCCCCC;
}
.programa td+td{
	padding: 5px;
	width: 400px;
}

/***************************** Estilos  PIE  ******************************/
div#pie {
	background-color: #E5E5E5;
	float: left;
	padding-bottom: 9px;
	padding-top: 9px;
	width: 100%; /*position: relative;*/
	margin-top: 10px;
}
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;
}
div#pie_contenedor {
	float: left;
	padding-bottom: 9px;
	padding-top: 9px;
	width: 100%;
}
/************************ 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 20px;
	margin: 20px 0;
	width: 100%;
	clear: both;
	font-size: 0.9em;
}
.formulario p {
	margin-bottom: 5px;
}
.formulario h2 {
	margin-left: -20px;
}

.labelrow {
	float: left;
}
.formulario label {
	font-weight: bold;
}
.formulario input, .formulario select, .formulario textarea {
	margin-bottom: 2px;
}
.formulario label input, .formulario label select, .formulario label textarea {
	border: 1px solid #999;
    padding: 5px;
    width: 99%;
}
.formulario em {
	color: #FF0000;
	font-weight: bold;
}
small {
	color: #AAAAAA;
	font-size: 0.8em;
	font-weight: bolder;
}
.slpass a {
	color: #000;
	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: 2%;
}
input[type="button"], input[type="submit"] {
	background-color: #579b57;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    margin: 8px;
    padding: 12px;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #999;
}

input[type="button"].inp2, input[type="submit"].inp2 {
	background-color: #0C6;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    font-weight: bold;
    margin: 8px;
    padding: 12px;
}
input[type="button"].inp2:hover, input[type="submit"].inp2:hover {
	background-color: #666;
}

input[readonly] {
	color:#777;
	background-color: #E5E5E5;
}
/*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 {
	font-size: 12px;
	width: 95%;
	text-align: left;
}
.tabla1 tr {
	height: 40px;
	vertical-align: middle;
}
.tabla1 td {
	border-bottom: 1px #CCC solid;
	padding-left: 5px;
}
.tabla1 tr th {
	font-weight: bold;
	background-color: #CCC;
	color: black;
	padding-left: 5px;
}
.tabla1 th strong, .tabla1 th b {
	color:white
}
#capam {
	margin-top:10px;
}
.capampar {
	background-color: #E5E5E5;
	padding-left: 2px;
	padding-bottom:5px;
	padding-top: 5px;
}
.capamimpar {
	background-color:#fff;
	padding-left: 2px;
	padding-bottom:5px;
	padding-top: 5px;
}
#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;
	font-size: 90%
}
#ins_tabladeprecios th {
	font-weight:bolder;
	text-align:right;
	border-bottom:2px solid #AAA;
	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:#bbb;
	color:white;
}
.grins_descripcion {
	font-size: 0.85em;
	font-weight:normal;
}
.ins_valida {
	width:20%;
	text-align:right;
	color:#AAA;
	font-weight:normal;
	vertical-align:top;
	white-space: nowrap;
}
.ins_novalida {
	padding-top:4px;
	width:20%;
	text-align:right;
	color:#AAA;
	font-weight:normal;
	vertical-align:top;
}
.ins_preaco {
	width:20%;
	text-align:right;
	vertical-align:bottom;
	padding-bottom:5px;
	color:#AAA;
	font-weight:normal;
}
.ins_pretotal {
	width:20%;
	border-top:2px solid #AAA;
	text-align:right;
	vertical-align:bottom;
	padding-top:6px;
	color:#AAA;
	font-weight:bold;
	white-space: nowrap;
}
.radioinsc {
	float: left;
    padding-left: 50%;
    text-align: right;
}
.preciolabel {
	text-align: right;
	float:right
}

/*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 #AAA;
	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:#AAA;
	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:#AAA;
	font-weight:normal;
	vertical-align:top;
	white-space: nowrap;
}
.act_novalida {
	padding-top:3px;
	width:15%;
	text-align:right;
	color:#AAA;
	font-weight:normal;
	vertical-align:top;
}
.act_unid {
	margin-left:2px;
	text-align:right;
	color:#AAA;
	font-weight:normal;
	vertical-align:top;
}
.act_unid select {
	color:#AAA;
	font-weight:normal;
	font-size:90%;
	vertical-align:top;
	/*border:solid 1px gray;*/
border:none;
}
.act_pretotal {
	width:20%;
	border-top:2px solid #AAA;
	text-align:right;
	padding-top:6px;
	color:#AAA;
	font-weight:bold;
	word-wrap:normal;
	white-space: nowrap;
}
/*Estilos tabla de pago_de_reservas*/
#pagos_reservas {
	border-collapse:collapse;
	border:none;
	width:100%;
	vertical-align:bottom;
}
#pagos_reservas th {
	background-color:#AAA;
	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:#AAA;
	text-align:center;
}
#nav {
	font-family: Arial;
	margin: 0 auto;
}
#nav li {
	list-style-type: none;
	float: left;
}
#nav li a {
	margin-right:23px;
	color:#ccc;
	font-size: 25px;
	font-weight: normal;
	font-variant: inherit;
	text-decoration:none;
	padding: 0 0 4px 0;
	text-shadow:4px 4px 1.5px #fff;
}





.sport {
    vertical-align: middle;
    height: 75px;
	background-color: #f7ca3e;
	text-align:center;
	border-right: 2px solid #fff;
}
.sport h3 {
    font-size: 24px;
    line-height: 45px;
    padding: 12px;
	text-align:left !important
}

.iconsport {
    background-color: #f7ca3e;
    display: flex;
    height: 75px;
    text-align: center;
    vertical-align: middle;
}
.iconsport img {
/*	width:auto
*/}

.compet {
    background-color: #999 !important;
	color:#FFF;
	text-align: center;
	line-height: 45px;
	cursor:pointer;
	margin-left: 0  !important;
	display: table-cell;
    vertical-align: middle;
    height: 75px;
	border-right: 2px solid #fff;
}
.compet img {
	width:auto
}
.compet a {
	color:#fff !important
}
.compet:hover {
    background-color: #333;
}
.list-dis {
	display: block;
	width: 100%;
	clear: both
}
.box-boletin {
  padding: 1.2em;
  background-color: #f9f9f9;
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
.box-boletin div {
  display: table;
}



.file-wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.file-wrapper input {
	cursor: pointer;
	font-size: 100px;
	height: 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
	position: absolute;
	right: 0;
	top: 0;
}
.file-wrapper .button {
	background: #E98A2A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-right: 5px;
	padding: 4px 18px;
	text-transform: uppercase;
}