/* CSS Document */



#logotipo 
{
        width:202px;
        height:68px;
        float:left;
}

#textosup 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align:right;
	width:535px;
	float:left;
}

#menusup 
{
	background-color:#739631;
	padding-right:13px;
	padding-left:13px;
	height:24px;
}

#col_izqsup 
{
	width: 80px;
	float:left;
	padding-top:2px;
	padding-bottom:2px;
}

#col_censup 
{
	width: 642px;
	float:left;
	padding:0px;
	margin:0px;
	padding-left:10px;
}

.final 
{
        clear:both;	
}

#navcontainer_menusup
{
        margin:0px;
        padding: 0px;
        height: 23px;
}

#navcontainer_menusup ul
{
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
}

#navcontainer_menusup ul li
{
        display: block;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
}

#navcontainer_menusup ul li a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:6px;
	padding-right:10px;
	padding-left:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;

}

#navcontainer_menusup ul li a:hover
{	
	color: #739631;
	background-color:#ffffff;
}

#navcontainer_menusup li#active a
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	color: #739631;
	background-color:#ffffff;
	cursor:default;
}

.textoblanco 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

#colizq_foto 
{
         width:557px;
         float:left;
}

#colder_banners 
{
         width:203px;
         float:left;
         background-color:#739631;
}

.banner 
{
	margin-bottom: 9px;
	width:201px;
	height:78px;
}

.bannerfin 
{
        width:201px;
	height:78px;
}

#navcontainer2
{
	margin: 0px;
	padding:0px;
	background: #9cc74a;
	clear:both;
	border: 1px solid #739631;	
}

#navcontainer2 UL
{
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: none;
}

#navcontainer2 ul LI
{
        display: block;
        margin: 0px;
        padding: 0px;
        float: left;
        width: auto;
}

#navcontainer2 A
{
	color: #314510;
	display: block;
	text-decoration: none;
	background: #9cc74a;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #739631;	
}

#navcontainer2 A:hover
{
	color: #314510;
        background: #C4DD93;	
}

#fin A
{
	border-right-width: 0px;
        padding-right: 14px;
	padding-left: 11px;
}

#fin A:hover
{ 
	color: #314510;
        background: #c4dd93;
}

#finactive A
{
	border-right-width: 0px;
        color: #ffffff;
        background: #739e31;
        padding-right: 12px;
   	padding-left: 11px;
}

#finactive A:hover
{         
        background: #c4dd93;	
}

#active A
{
	border-right-width: 0px;
        color: #314510;
        background: #C4DD93;
        border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #739631;
	cursor:default;
}

#active A:hover
{ 
        color: #314510;
        background: #c4dd93;	
}

#banda 
{
	clear:both;
	background-color:#d6e7ad;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #506921;
    height: 33px;	
 }

#ruta 
{
	float:left;
	padding-top:8px;
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #526921;
	padding-left:10px;
	margin-left:3px;	
 }

 #ruta a 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #526921;
	text-decoration:none;
 }

 #ruta a:hover 
{
        color: #9cc74a;
 }

.navcontainer_menubanda
{
	text-align:left;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:10px;	
	}

.navcontainer_menubanda ul
{
	margin:0px;
	padding:0px;
	margin-left:10px;
}

.navcontainer_menubanda li
{
	display: inline;
	list-style-type: none;
}

.navcontainer_menubanda a 
{
	padding-right:6px;
	padding-left:6px;
	padding-bottom:2px;
	padding-top:2px;

	border: 1px solid #526921;
	background: #9cc74a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #526921;
	text-decoration:none;
 }

.navcontainer_menubanda a:hover
{
        color: #ffffff;
	background: #739631;
}

#col_izq 
{
	width: 210px;
	float:left;
	margin-bottom:15px;
	padding-top:20px;
}

#col_cent 
{
	width: 334px;
	float:left;
	padding-left:13px;
	padding-right:13px;
	padding-top:20px;
	margin-bottom:15px;
}

#col_der 
{
	width: 189px;
	float:left;
	margin-bottom:15px;
}

.titulo 
{ 
	font-family: georgia,verdana, Arial, Helvetica, sans-serif; 
	color:#9cc74a; 
	font-size: 13px;
	font-weight:bold; 
	font-style:italic;
}

	
.subtitulo 
{ 
	font-family: georgia,verdana, Arial, Helvetica, sans-serif; 
	color:#526921; 
	font-size: 18px;
	font-weight:bold; 
	font-style:italic;
	margin-left:100px;
	margin-top:8px;
}

.tabla
{
	border:1pt solid #e1e1e1;
	width:190px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

.tdcab 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding:3px;
    background-color:#006DB8;
	text-decoration: none;		
}	

.td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding:5px;
}

.texto_int
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top:15px;
	line-height: 15px;
}


#navcontainer_menuint 
{
	margin: 0px;
	padding: 1px;
	border: 1px solid #739631;
	width:186px;
	background-color:#d6e7ad;
	margin-top:20px;
}

#navcontainer_menuint ul
{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
}

#navcontainer_menuint li 
{ 
       margin: 0px 0px 1px 0px; 
}

#navcontainer_menuint a
{
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid #ffffff;
	width: 158px;
	background-color: #9cc74a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#navcontainer_menuint a:hover
{
        background-color: #526921;
}

#navcontainer_menuint .active a
{
	background-color: #526921;
	cursor:default;	
}

#navcontainer_menuint .active a:hover
{
        background-color: #526921;
	cursor:default;
}

#navcontainer_menuint #final a
{
	display: block;
	padding: 2px 2px 2px 24px;
	width: 158px;
	background-color: #9CC74A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	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: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}

#navcontainer_menuint #final a:hover
{
        background-color: #526921;
}

#textoinf
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 20px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align:justify;
}

/* Aņadido por Dani para enlaces en pies y header*/

.lkhome 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.lkhome:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.lktop 
{ 		
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

A.lktop:hover 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color:  #ffffff;
	text-decoration: none;
}

.texto 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	 
	color: #000000;
}

.textocolorhotel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	 
	color: #000000;
}

.textocolorhotelnegrita
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	 
	color: #526921;
}

.textocargando
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	 
	color: #000000;
}

/********************************************************
/* AQUI COMIENZA LOS CSS EXISTENTES EN LAS ANTIGUAS WEBS
/*********************************************************/
A
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.textog 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.textotachado 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: line-through;
}

.labelDescri
{
	margin-left : 0px;
	font-size:9px;
	color : #4C6582;
}
 
.input 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #004288; 
    color: #000000;
    z-index:1;
    position:relative;
}

select
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
	background-color: #ffffff; 
    border: 1px solid #004288;
}   

.tablacolorhotel 
{
    border: 1px solid #004288;
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
} 

.tarjetaseleccionada 
{
    border: 3px solid #739e21;
} 

.imgTablaTarifas
{
	vertical-align: middle;
}

A.enlacebotonestandar  
{
	border: 1px solid #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #3296a0;
	color: #ffffff;
	text-decoration: none;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
	}
	
A.enlacebotonestandar:hover 
{
	border: 1px solid #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #739E31;
	color: #ffffff;
	text-decoration: none;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}

div.MVAyuda 
{
	position: absolute;
        background-color : #D6E7AD;
	visibility:hidden; 	
	width:250px;
	left:375px;
	top:125px;
	z-index:4;
	color:#D6E7AD;
}

div.MVAyuda table 
{
	width:96%;
	margin: 5px 0px 5px 5px;
	border:1px #000000;
	vertical-align : top;
}

div.MVAyuda td.opcion  
{
	font-weight:bold;
	font-style : italic;
}

div.MVAyuda p    
{
        background-color : #739631;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	width : 100%;
	text-transform : uppercase;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	height : 16px;
	letter-spacing : 1px; 
}

div.MVAyuda ol
{
	color: #000000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-right : 10px;
}

div.MVAyuda ul
{
	color: #000000; 
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-right : 10px;
	text-align : left;
}

div.MVAyudaSeguridad 
{ 
    position: absolute;
    background-color : #D6E7AD;
    visibility:hidden;
    width:250px;
    left:490px;
    top:760px;
    z-index:2;
    color:#D6E7AD;  
}

div.MVAyudaSeguridad table 
{
	width:96%;
	margin: 5px 0px 5px 5px;
	border:1px #000000;
	vertical-align : top;
}

div.MVAyudaSeguridad td.opcion 
{
	font-weight:bold;
	font-style : italic;
}

div.MVAyudaSeguridad p    
{
	background-color : #739631;
	text-align : center;
	font-size : 11px;
	font-weight : bold;
	width : 100%;
	text-transform : uppercase;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	height : 16px;
	letter-spacing : 1px;
}

div.MVAyudaSeguridad ol
{
	color: #000000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-right : 10px;
}

div.MVAyudaSeguridad ul
{
	color: #000000; 
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-right : 10px;
	text-align : left;
}

#formagencias
{
    width: 425px;
    margin-left: 50px;
    text-align: right;
}

img
{
	border: 0px;
}

 /* INICIO CSS CALENDARIO DISPONIBILIDAD EMPLEADOS AIFOS */
.calentitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-align: left;
	font-weight : bold;
	background-color:#ffffff;
}
	
.calencell
{
	width:13px;
	height:10px;
	border:1px solid #000000;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
}

.tablacalendarioaifos 
{
	border: 1px solid #d3e7af;           
}

.tdsidispo 
{
	background-color: #d3e7af;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    text-align: center;
	height: 21px;
	width: 21px;
	border: 1px solid #739e21;
}

.tdnodispo 
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none; 
	text-align: center;
	height: 21px;
	width: 21px;
	border: 1px solid #739e21;
}
/* FIN CSS CALENDARIO DISPONIBILIDAD EMPLEADOS AIFOS */

/* INICIO CSS PARA LOS BOTONES */
input.botonreservar
{	
background:url(http://www.suntest.biz/reservas/almeria/img/bot_reservar.gif);
vertical-align:bottom;
}

A.botoncambia
{	
    color: #000000;	
	background-color:#cccccc;
	border:0px;
	padding:4px;
	text-decoration: none;
	font-weight: bold;
}

A.botoncambia:hover
{
      color:#ffffff;  
      background-color:#666666;	
}

/* FIN CSS PARA LOS BOTONES */

/* INICIO CSS PARA EL CALENDARIO POPUP DE DISPONIBILIDAD */
 .Mes
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: default;
    color : blue;
    text-align: center;
   font-weight: bold;
  }

  .CasillaTitulo
  {
	background-color: #d3e7af;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    text-align: center;
	height: 21px;
	width: 21px;
	border: 1px solid #739e21;
  }
  
   .CasillaDia
  {
    width: 20px;
    height: 17px;
    font-size: 10px;
    text-align: center;
    background-color: #ffffff;
	color: #000000;
  }

  .CasillaDiaFS
  {
    width: 20px;
    height: 17px;
    font-size: 10px;
    text-align: center;
    background-color: #ffffff;
    color:#000000;
  }

  .CasillaDiaVacia
  {
    width: 20px;
    height: 17px;
    background-color: #ffffff;
    color: #ffffff;
  }

  .CasillaMovimientoMes
  {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #7e7972;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    width: 22px;
    height: 20px;
  }

  .CasillaMovimientoYear
  {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #7e7972;
    color: #000000;
    text-align: center;
    font-size: 14px;
    height: 20px;
  }

  .TituloMes
  {
    font-family: Arial, Helvetica, sans-serif;    
    color: #000000;
    text-align: center;
    font-size: 12px;
    height: 20px; 
  }
  
  .TituloYear
  {
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 17px;
  }
  
  .EtiquetaMes
  {
    color: #000000; 
    text-align: center;
  }
  .EtiquetaAno
  {
    color: #000000; 
    text-align: right;
    font-weight: bold;
  }

  .TituloCambioMes
  {
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #c34432;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }

  .TituloCambioAno
  {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #7e7972; 
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }

  .CasillaCambioMes
  {
    width: 25px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
  }

  .CasillaCambioMes
  {
    width: 45px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
  }

  .InputMes
  { 
    width: 20px;
    font-size: 12px;
  }

  .InputAno
  { 
    width: 35px;
    font-size: 12px;
  }
/* FIN CSS PARA EL CALENDARIO POPUP DE DISPONIBILIDAD */

/* INICIO CSS PARA EL BONO CONFIRMACION RESERVA QUE SE MUESTRA POR PANTALLA */
A.enlacebono 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #a9975f;
	font-weight: bold;
}

A.enlacebono:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #675a3d;
	font-weight: bold;
}	 
 	
.tablabono 
{
	border: 1px solid #dfcd9f;
}

.tdcabbono 
{
	background-color: #b18c54;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;	
}

.tdcab2bono
{
	background-color: #a9975f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	height:10px;
}

A.enlacebotonbono
{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #a9975f;
	color: #ffffff;
	text-decoration: none;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}
	
A.enlacebotonbono:hover 
{
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #675a3d;
	color: #ffffff;
	text-decoration: none;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;	
}

.textobono 
{ 		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.textobononegrita 
{ 		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.textobono2 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #a9975f;
	text-decoration: none;
}

.fondofilabono 
{
	background-color: #f7f2e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
} 

#TablaCancel td { text-align:left; font-size:12px; }
#TablaCancel input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid silver }
#TablaCancel textarea { border:1px solid silver;  }
#TablaCancel #mensaje { color:red; }
#TablaCancel .oblig { border:1px solid red; } 

/* FIN CSS PARA EL BONO CONFIRMACION RESERVA QUE SE MUESTRA POR PANTALLA */

input.book {
padding-right:21px;
background:url(http://www.suntest.com/reservas/almeria/img/bot_reservar.gif) 100% 50% no-repeat;
height:0;
vertical-align:bottom;
}