﻿/* CSS Document */
/*----------------------------------------------------------------------------------------------
	[Esquema Plantilla]
	
	*body
			+ Contenedor / #Contenedor
			
					- Cabecera Superior / #Cabecera1
							+ Opciones Cabecera / #OpcionesCabecera
							+ Idiomas / #Idiomas
							+ Telefono de información / #TelefonoInformacion
					- Banner Cabecera / #BannerCabecera
					- Cabecera Inferior / #Cabecera2
							+ Menu Primario / #MenuPrimario
							
					- Cuerpo / #Cuerpo
							+ Contenido Izquierda / #ColumnaIzquierda
							+ Contenido Central-derecha / #ContenidoCentral
                                - Contenido central + derecha / #ContenidoInterno
                                o
								- Contenido columna central / #ColumnaCentral
                                - Contenido columna derecha / #ColumnaDerecha
                    - Pie / #Pie			
                            + Contenido Izquierda / #PieIzquierdo
                            + Contenido Central / #PieCentro
                            + Contenido Derecha / #PieDerecha			
                            + Contenido Inferior / #PieInferior

	---------------------------------------------------------------------------------------------*/
	
	
/*** HACKS PARA IE ***/
	/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
	/**html {
	}*/
	/* Si necesitas aplicarlo a IE7 utiliza este:*/
	*:first-child+html {
	}
/*** NEUTRALIZANDO ESTILOS:
		elementos que queremos limpiar completamente: ***/
	* {
		margin: 0;
		padding: 0;
		border: none;
	}
	html {
		font: 12px "Trebuchet MS", Tahoma, Verdana, sans-serif;
		/*text-shadow: #555555 0px 0px 0px; Elimina el efecto bold en Safari*/
		color: #555555;
	}
	
/*** NEUTRALIZANDO ESTILOS:
		elementos con margen vertical: ***/
	h1, h2, h3, h4, h5, h6, p, pre,
	blockquote, ul, ol, dl, address {
		font-weight: normal;
		margin: 0 0 1em 0;
	}
/*** Algunos ajustes basicos: ***/
	sup {
		position: relative;
		bottom: 0.3em;
		vertical-align: baseline;
	}
	sub {
		position: relative;
		bottom: -0.2em;
		vertical-align: baseline;
	}
/*** LINKS:
		recuerda utilizar siempre la regla del LoVe-HAte ***/
		a, a:link, a:visited, a:hover, a:active {
		/*
		Si quisieramos eliminar la lÃ­nea de puntos que aparece al pulsar un enlace, aplicarÃ­amos la siguiente propiedad:
		outline: 0;
		Sin embargo no se recomienda, por temas de accesibilidad para navegaciÃ³n con teclado (lo cual implica temas legales, un tema peliagudo).
		*/
		color: #555555;
	}
	a img {
		border: none;
		text-decoration: none;
	}
	img {
		border: none;
		text-decoration: none;
		/*Si añades un background aparecerÃ¡ como fondo de la imagen, útil para imágenes de carga*/
	}
/*** FORMULARIOS: ***/
	label, button {
	cursor: pointer;
	}
	input, select, textarea {
		font: 12px 'Open Sans', sans-serif;
		/*font-size: 100%;*/
	}
	input:focus, select:focus, textarea:focus {
		background-color: #FFF;
	}
	fieldset {
		border: none;
	}
/*** Algunas clases Utiles: ***/
	.clear {
		clear: both;
	}
	.float-left {
		float: left;
	}
	.float-right {
		float: right;
	}
	.helvetica {
		font-family: Arial, Helvetica, Geneva, sans-serif;
	}
	.destacado {
	    color:Red;
	}
	.botonVolver
        {
            clear: both;
            color: #0d427b;
            background-image: url(../img/flechasRojasIzq.gif);
            background-position: 0 8px;
            background-repeat: no-repeat;
            float: right;
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 20px;
            font-weight: bold;
            padding: 0 0 5px 15px;
            width: auto;
        }
/*** ESTILOS POR IDENTIFICADOR ***/
body {	/* AJUSTE: para poner un color de fondo */
	background-color: #ffffff;
}

#Contenedor {
	margin: 0 auto;
	width: 960px;
	height: auto;
}

/*------------------------------------------------------------------------------------------------*/
#Cabecera1 {
    border-bottom: solid 1px #e7e7e7;
	float: left;
	height: 76px;
	width: 100%;
}
    #Cabecera1 h1{
        background: url(../img/logoFOE.gif) no-repeat;
        float:left;
        height:76px;
        margin:0;
        padding:0;
        width:333px;
    }
        #Cabecera1 h1 span{
            display:none;
        }
        
    #OpcionesCabecera{
        float:left;
        height:76px;
        width:295px;
    }
        #OpcionesCabecera ul{
            display:block;
	        list-style: none;
	        margin:0 0 0 70px;
	        padding:0;
	        width: auto;
        }
            #OpcionesCabecera ul li{
                display:block;
	            float: left;
            }
                #OpcionesCabecera ul li a{
                    display:block;
                    height:76px;
                }
                    #OpcionesCabecera ul li a.Facebook {
                        background: url(../img/btnFacebook.jpg) no-repeat;
	                    width: 34px;
                    }
                    #OpcionesCabecera ul li a.YouTube {
                        background: url(../img/btnYouTube.jpg) no-repeat;
	                    width: 33px;
                    }
                    #OpcionesCabecera ul li a.Twitter {
                        background: url(../img/btnTwitter.jpg) no-repeat;
	                    width: 33px;
                    }
                    #OpcionesCabecera ul li a.Flickr {
                        background: url(../img/btnflickr.jpg) no-repeat;
	                    width: 33px;
                    }
                    #OpcionesCabecera ul li a.Estrella {
                        background: url(../img/btnEstrella.jpg) no-repeat;
	                    width: 35px;
                    }
                    #OpcionesCabecera ul li a.Google{
                        background: url(../img/btnGoogle.jpg) no-repeat;
	                    width: 32px;
                    }
                    #OpcionesCabecera ul li a.RSS{
                        background: url(../img/btnRSS.jpg) no-repeat;
	                    width: 54px;
                    }
                    #OpcionesCabecera ul li a span{
                        display:none;
                    }
                    
    #Idiomas{
        float:left;
        height:45px;
        width:278px;
    }
        #Idiomas ul{
            display:block;
	        list-style: none;
	        margin:26px 0 0 197px;
	        padding:0;
	        width: auto;
        }
            #Idiomas ul li{
                display:block;
	            float: left;
            }
                #Idiomas ul li a{
                    display:block;
                    height:15px;
                }
                    #Idiomas ul li a.Espaniol{
                        background: url(../img/btnEspaniol.jpg) no-repeat;
                        border-right: solid 1px #e7e7e7;
	                    width: 24px;
                    }
                    #Idiomas ul li a.English{
                        background: url(../img/btnEnglish.jpg) no-repeat;
	                    width: 23px;
                    }
                    #Idiomas ul li a span{
                        display:none;
                    }
        
    
    #TelefonoInformacion{
        color:#9a9a9a;
        float:left;
        font-weight:bold;
        height:31px;
        /*width:278px;*/
        margin:0 0 0 51px;
    }
        #TelefonoInformacion span{
            font-size:15px;
        }
            #TelefonoInformacion span.azul{
                color: #45729c;
            }
/*------------------------------------------------------------------------------------------------------*/       

#BannerCabecera {
    border-bottom: solid 1px #e7e7e7;
	float: left;
	height: 296px;
	margin: 2px 0 0 0;
	width: 100%;
}
/*-------------------------------------------------------------------------------------------------------*/

#Cabecera2 
{
    border-bottom: solid 1px #e7e7e7;
    float:left;
    height:41px;
    margin:2px 0 0 0;
    width: 100%;
}
    #MenuPrimario 
    {
        background:#e7e7e7;
        float:left;
        height:39px;
        width:100%;
    }
        #MenuPrimario ul{
            display:block;
	        list-style: none;
	        margin:12px 0 0 15px;
	        padding:0;
	        width: auto;
        }
            #MenuPrimario ul li{
	            float: left;
	            margin: 0 5px;
            }
                #MenuPrimario ul li a
                {    
                    display:block;
                    color: #7e7e7e;
                    font-family: Arial, Helvetida, Sans-Serif;
                    font-size: 13px;
                    font-weight:bold;
                    height:17px;
                    text-decoration:none;
                }
                    #MenuPrimario ul li a:hover, #MenuPrimario ul li a.Seleccionado
                    {
                        border-bottom: solid 2px #ff0000;
                    }
                       
                #MenuPrimario ul li.Separador
                {
                    background-image: url(../img/separacionMenu.gif);
                    display:block;
                    height:17px;
                    width:2px;
                    margin:0;
                }
/*------------------------------------------------------------------------------------------------*/                
#Cuerpo 
{
    border-bottom: solid 1px #e7e7e7;
	float: left;
	height: auto;
	margin: 0 0 0 0;
	width: 100%;
}
    #ColumnaIzquierda 
    {
        float:left;
        height:auto;
        width:251px;
    }
        #ColumnaIzquierda p 
        {
            float:left;
            margin: 0 0 10px 0;
            width:251px;
        }
        #ColumnaIzquierda ul 
        {
            clear:both;
            display:block;
            height:auto;
            list-style: none;
            margin:0 0 10px 0;
            padding:0;
            width: 251px;
        }
            #ColumnaIzquierda ul li
            {
                float:left;
                height:auto;
                margin: 1px 0;
                width:251px;
            }
            
				#ColumnaIzquierda ul li a
                {
                    background-image: url(../img/fondoMenuSecundario.jpg);
                    background-repeat:repeat-y;
                    border-bottom: solid 1px #727272;
                    color:#00437D;
                    display:block;
                    font-family:Arial, Helvetica, Sans-Serif;
                    font-size:16px;
                    font-weight:bold;
                    height:30px;
                    padding: 9px 0 0 22px;
                    text-decoration:none;
                }
                    #ColumnaIzquierda ul li a.Primero 
                    {
                        background-image: url(../img/fondoMenuSecundario_sup.jpg);
                        background-repeat:no-repeat;
                    }
                    #ColumnaIzquierda ul li a.Ultimo 
                    {
                        background-image: url(../img/fondoMenuSecundario_inf.jpg);
                        background-repeat:no-repeat;
                        background-position:bottom left;
                        border-bottom: none;                      
                    }
                    #ColumnaIzquierda ul li a:hover, #ColumnaIzquierda ul li a.Seleccionado
                    {
                        background-image: url(../img/fondoMenuSecundario_sel.jpg);
                        background-repeat:repeat-y;
                    }
                    #ColumnaIzquierda ul li a.Primero:hover, #ColumnaIzquierda ul li a.SeleccionadoPrimero
                    {
                        background-image: url(../img/fondoMenuSecundario_sup_sel.jpg);
                        background-repeat:no-repeat;
                    }
                    #ColumnaIzquierda ul li a.Ultimo:hover, #ColumnaIzquierda ul li a.SeleccionadoUltimo
                    {
                        background-image: url(../img/fondoMenuSecundario_inf_sel.jpg);
                        background-repeat:no-repeat;
                        background-position:bottom left;
                    }
                    
    /* --- Formulario de compra de billetes -----------------------------------------------------*/                    
    #FormularioCompraBilletes                    
    {
        float:left;
        width:248px;
    }
        #FormularioCompraBilletes h2
        {
            background-image: url(../img/cabCompraBillete.jpg);   
            background-repeat: no-repeat;
            float:left;
            height:43px;
            margin:0 0 2px 0;
            width:248px;
        }
            #FormularioCompraBilletes h2 span
            {
                display:none;
            }
        #FormularioCompraBilletes fieldset
        {
            background-color: #0091D4;
            float:left;
            padding: 5px;
            width: 238px;
        }
            #FormularioCompraBilletes fieldset label
            {
                color:#fff;
                float:left;
                font-family: Arial, Helvetica, Sans-Serif;		
			    font-size:12px;
			    margin: 2px 5px 0 0;
			    text-align:right;
			    width:70px;
            }
            #FormularioCompraBilletes fieldset img
            {
                float:left;
                margin: 0 5px 0 0;
            }
            #FormularioCompraBilletes fieldset input, #FormularioCompraBilletes fieldset select
            {
                border:solid 1px #fff;
                color: #0091D4;
			    float:left;		
			    font-family: Arial, Helvetica, Sans-Serif;		
			    font-size:12px;	
			    margin: 0 5px 0 0;
			    width:130px;	
            }
                #FormularioCompraBilletes fieldset span.CheckBox input
                {
                    width:20px;
                }
            #FormularioCompraBilletes fieldset.Pasajeros label.Pasajeros
            {
                height: 50px;   
                padding: 10px 0 0 0;
            }
            #FormularioCompraBilletes fieldset.Pasajeros div
            {
                float:left;
                width:50px;
                margin: 0 3px 5px 0;
            }
                #FormularioCompraBilletes fieldset.Pasajeros div label
                {
                    float:left;
                    width:50px;
                    text-align:center;
                }
                #FormularioCompraBilletes fieldset.Pasajeros div input, 
                #FormularioCompraBilletes fieldset.Pasajeros div select
                {
                    float:left;
                    width:50px;
                }
            #FormularioCompraBilletes fieldset.BotonCompra
            {
                float:left;
                margin: 0;
                padding:0;
                width:100%;
            }
                #FormularioCompraBilletes fieldset.BotonCompra input
                {
                    border:none;
                    margin:0;
                    padding:0;
                    width:100%;
                }
    /* --- Fin formulario compra de billetes -----------------------------------------------------*/                    

    #ColumnaCentralFancy
    {
        float:left;
        height:auto;
        margin: 0 0 0 12px;
        text-align:justify;
        width:500px;
    }   
    
    #ColumnaCentral
    {
        color:#2F2F2F;
        float:left;
        font-family:Arial, Helvetica 25 UltraLight, Sans-Serif;
        font-size:12px;
        height:auto;
        /*margin: 0 0 0 14px;*/
        text-align:justify;
        /*width:693px;*/
        width: 100%;
    }     
        #ColumnaCentral h2
        {
            clear: both;
            color: #00427f;
            background-image: url(../img/flechasRojas.gif);
            background-position: 0 8px;
            background-repeat: no-repeat;
            float: left;
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 20px;
            font-weight: bold;
            padding: 0 0 5px 15px;
            width: 95%;
        }
        
			#ColumnaCentral h2.noticias
			{
				font-size:15px;
			}
		#ColumnaCentral h3
		{
		    color: #00427f;
		    font-family: Arial, Helvetica, Sans-serif;
            font-size: 15px;
            font-weight: bold;
            margin:0 0 10px 0;
		}
		                
        #ColumnaCentral h4 
        {
            color: #2f2f2f;
            float:left;
            font-family:Arial, Helvetica, Sans-serif;
            font-size:12px;
            width:100%;
        }
        #ColumnaCentral p
        {
            color: #2f2f2f;
            font-family: Arial, Helvetica, Sans-serif;
            font-size:12px;
            margin:0 15px 11px 0;
            text-align:justify;
        }
        
        @media (max-width: 768px)
        {
            #ColumnaCentral p{margin:0 0 11px 0;}
        }
        
        #ColumnaCentral #buscadorNoticias
        {	
        	color:#2F2F2F;
            float: right;
            font-family:Arial,Helvetica,Sans-serif;
			font-size:12px;
			height:50px;
            padding-right:20px;
        }
        
			#ColumnaCentral #buscadorNoticias input
			{
				border:solid 1px #E2EBF2;
				width:140px;
			}
		
		#ColumnaCentral #NoticiasPortada
		{
		    float:left;
		    margin:10px 5px 0 0;
		    width:360px;
		}
		
		#ColumnaCentral #NoticiasPortada.videoYouTube
		{
		    float:left;
		    margin:10px 0 0 40px;
		    width:360px;
		}
		
		
		    #ColumnaCentral #NoticiasPortada h2
		    {
		        margin:0 0 5px 0;   
		    }
		        #NoticiasPortada h2 a
		        {
		            color: #00427f;
		            text-decoration:none;
		        }
		    #ColumnaCentral #NoticiasPortada div.InfoNoticia
		    {
		        float:left;
		        margin:10px 10px 0 0;
		        width:265px;
		        color:#00427F;
		        text-decoration:none;
		        font-size:14px;
		    }
		    
		    #ColumnaCentral #NoticiasPortada div.InfoNoticia h3 a
		    {
		        color:#00427F;
		        text-decoration:none;
		        font-size:14px;
		    }
		    
		    #ColumnaCentral #NoticiasPortada div.FotoNoticia
		    {
		        float:right;
		        margin:36px 0 0 0;
		        width:83px;
		    }
		    #ColumnaCentral #NoticiasPortada p
		    {
		        margin:0 0 5px 0;   
		    }
			
		#ColumnaCentral #panelNoticia
        {	
            float: left;
            margin-left:5px;
            padding:0 0 15px 0;
            width:100%;
        }
        
			#ColumnaCentral #panelNoticia #titulo a
			{	
        		background:none;
        		border-bottom:solid 10px #E4EDF4;
				color: #00427f;
				float:left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 15px;
				font-weight: bold;
				margin:0;
				width:470px;
				text-decoration:none;
			}
			
			#panelNoticia #tituloMasInfo a
			{
			    float:left;
			    border-bottom:solid 10px #E4EDF4;
			    margin:0;
			    padding: 0 0 0 10px;
			    width:48px;
			}
			    #panelNoticia #tituloMasInfo a img
			    {
			        margin:0 0 1px 0;
			        float:left;
			    }
			
			#ColumnaCentral #panelNoticia img
			{	
        		float:left;
				margin:18px 15px 15px 0;
			}
			
			#ColumnaCentral #panelNoticia p
			{	
				/*float:left;*/
				margin:0 0 10px 0;
				width:100%;
				text-align:justify;
			}
			
			    #ColumnaCentral #panelNoticia p.DocumentosAdjuntos
			    {
			        background: url(/img/attachment.png) no-repeat 3px 3px;
			        border: solid 1px #666;
			        margin: 10px 0 10px 0;
			        min-height:50px;
			        padding: 3px 3px 3px 50px;
			        width: 681px;
			    }
        
            #ColumnaCentral #panelNoticia #imagenNoticia
            {	
                float: left;
                width:20%;
            }
        
			#ColumnaCentral #panelNoticia img.info
			{	
				float: right;
			}
        
        #ColumnaCentral #panelNoticia h2
        {	
        	background:none;
        	border-bottom:solid 10px #E4EDF4;     	
        	clear: both;
            color: #00427f;
            float: left;
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 16px;
            font-weight: bold;
            padding: 0 0 5px 0;
            width: 100%;
        }
        
        #ColumnaCentral #localizacion{
        	float:left;        	
        	padding:20px 0 0 0;
        	width:100%;
        }
        
        #ColumnaCentral #localizacion #mapa
        {
        	float:left;
        	width:450px;
        }
        
        #ColumnaCentral #localizacion #datosContacto{
			float:left;
			padding:0 10px;
			width:220px;
        }
        #ColumnaCentral #localizacion #datosContacto h3{
			color:#666666;
			float:left;
			font-size:20px;
			font-weight:normal;
			margin:0 0 5px;
			padding:10px 0 0 0;			
			width:100%;
        }
        
        #ColumnaCentral #localizacion #datosContacto p
        {
        	color: #2f2f2f;
            float:left;
            font-family: Arial, Helvetica, Sans-serif;
            font-size:12px;
        }
         #ColumnaCentral #localizacion #datosContacto p.azul14
         {
         	 color: #00427f;        	
        	 font-family: Arial, Helvetica, Sans-Serif;
        	 font-size:14px;
        	 font-weight:bold; 
        	 margin-top:10px;  
        	 width:100%;      	        	        	
         }
         #ColumnaCentral #localizacion #datosContacto #llegar{
			color: #00427f;	
			float:left;		
			font-size:16px;
			font-weight:bold;
			padding:10px 0;			
			width:255px;		
        }
        
        #ColumnaCentral #localizacion #datosContacto .btnVer{
			background-color:Transparent;
			background-image:url("/img/btnVer.jpg");
			background-repeat:no-repeat;
			float:left;
			height:29px;	
			margin-top:10px;
			width:105px;	
        }
        
        
        .negrita{
			font-weight:bold;			
        }
        
        #ColumnaCentral #localizacion #datosContacto #logoFOE{			
			background-image:url("/img/logoFOE.jpg");
			float:left;
			width:250px;			
			height:35px;			
		}
		
		#ColumnaCentral #pestaniaFredOlsen
		{
		    background: url("/img/pestaniaFredOlsen.gif") no-repeat;
			float:left;
			height:43px;
			padding-bottom:10px;
			width:100%;
		}
	       #ColumnaCentral #pestaniaFredOlsen ul{	
			    float:left;
			    list-style-type:none;							
	       }
	           #ColumnaCentral #pestaniaFredOlsen ul li{	
			        float:left;		
			        list-style:none;
			        padding: 5px 5px;							
	           }
	               #ColumnaCentral #pestaniaFredOlsen ul #FredOlsen{	
			            float:left;		
			            list-style:none;
			            width:200px;							
	               }
	               #ColumnaCentral #pestaniaFredOlsen ul #Historia{	
			            float:left;		
			            list-style:none;
			            width:180px;							
	               }
	               #ColumnaCentral #pestaniaFredOlsen ul li a{					
				        clear: both;
				        color: #FFF;			
				        float: left;
				        font-family: Arial, Helvetica, Sans-serif;
				        font-size: 16px;
				        font-weight: bold;			
				        padding: 0 0 0 20px;	
				        text-decoration:none;			
		           }
        		   
		           #ColumnaCentral #pestaniaFredOlsen ul li a.activo{					
				        clear: both;
				        color: #00427f;
				        background-image: url(/img/flechasRojas.gif);
				        background-position: 6px 6px;
				        background-repeat: no-repeat;
				        float: left;
				        font-family: Arial, Helvetica, Sans-serif;
				        font-size: 16px;
				        font-weight: bold;
				        padding: 1px 5px 5px 20px;		
		           }
		
		/*-----------------	 DESTINOS -------------------*/
		#ColumnaCentral #datosDestino, 
		#ColumnaCentralFancy #datosDestino{
			float:left;
			width:100%;
			margin-top:20px;	
        }
            #ColumnaCentral #datosDestino h2,
            #ColumnaCentralFancy #datosDestino #datosDestino h2
		    {
		        height:30px;
		        margin:0;
		    }
		        #ColumnaCentral  #datosDestino h2.tenerife,
		        #ColumnaCentralFancy #datosDestino h2.tenerife
		        {
			         background: url(/img/icon_tenerife.gif) no-repeat;
			         padding:12px 0px 25px 62px;	
			         width:440px;		 
		        }
		        #ColumnaCentral  #datosDestino h2.grancanaria,
		        #ColumnaCentralFancy  #datosDestino h2.grancanaria{
			         background: url(/img/icon_grancanaria.gif) no-repeat;
			         padding:0 0px 25px 62px;
			         width:303px;			 
		        }
		        #ColumnaCentral #datosDestino h2.lanzarote,
		        #ColumnaCentralFancy #datosDestino h2.lanzarote{
			         background: url(/img/icon_lanzarote.gif) no-repeat;
			         padding:12px 0px 25px 62px;	
			         width:292px;		 
		        }
		        #ColumnaCentral  #datosDestino h2.fuerteventura,
		        #ColumnaCentralFancy #datosDestino h2.fuerteventura{
			         background: url(/img/icon_fuerteventura.gif) no-repeat;
			         padding:12px 0px 25px 62px;	
			         width:440px;		 
		        }
		        #ColumnaCentral  #datosDestino h2.gomera,
		        #ColumnaCentralFancy #datosDestino h2.gomera{
			         background: url(/img/icon_gomera.gif) no-repeat;
			         padding:12px 0px 25px 62px;
			         width:440px;			 
		        }
		        #ColumnaCentral  #datosDestino h2.hierro,
		        #ColumnaCentralFancy  #datosDestino h2.hierro{
			         background: url(/img/icon_hierro.gif) no-repeat;
			         padding:12px 0px 25px 62px;		
			         width:440px;	 
		        }
		        #ColumnaCentral  #datosDestino h2.lapalma,
		        #ColumnaCentralFancy #datosDestino h2.lapalma{
			         background: url(/img/icon_lapalma.gif) no-repeat;
			         padding:12px 0px 25px 62px;
			         width:440px;			 
		        }
			#ColumnaCentral  #datosDestino #informacionDestino{
				float:left;								
				padding:0;
				width:380px;				 
			}
	        
			#ColumnaCentral  #datosDestino #detallesDestino{
				float:left;								
				padding:5px 0 5px 10px;	
				width:300px;			 
			}
	       
			#ColumnaCentral  #datosDestino #detallesDestino ul{
				float:left;	
				list-style:none;		
				margin:0;					
				padding:0;	
				width:100%;			 
			}
				#ColumnaCentral  #datosDestino #detallesDestino ul li
				{
					float:left;								
					padding:5px 5px 10px 7px;	
					width:80px;	
				}
					#ColumnaCentral  #datosDestino #detallesDestino ul li a
					{
						float:left;
						font-weight:bold;
						height:30px;
						text-decoration:none;						
						width:100%;											
					}
					#ColumnaCentral  #datosDestino #detallesDestino ul li.historiaDestino{
						background:transparent url("/img/btnHistoria.jpg") no-repeat 60px 0px;							 
					}	
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaTenerife{
						background:transparent url("/img/btnTenerife.jpg") no-repeat 60px 0px;								 
					}
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaTenerife a{
							margin-left:14px;
							width:70px;						 
						}
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLaPalma{
						background:transparent url("/img/btnLaPalma.jpg") no-repeat 60px 0px;								 
					}
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLaPalma a{
							margin-left:14px;
							width:70px;						 
						}
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaElHierro{
						background:transparent url("/img/btnElHierro.jpg") no-repeat 60px 0px;								 
					}
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaElHierro a{
							margin-left:14px;
							width:70px;						 
						}
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLanzarote{
						background:transparent url("/img/btnLanzarote.jpg") no-repeat 63px 0px;								 
					}
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLanzarote a{
							margin-left:14px;
							width:70px;						 
						}
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaFuerteventura{
						background:transparent url("/img/btnFuerteventura.jpg") no-repeat 60px 0px;								 
					}
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaFuerteventura a{
							margin-left:14px;
							width:70px;						 
						}
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLaGomera{
						background:transparent url("/img/btnLaGomera.jpg") no-repeat 60px 0px;								 
					}	
					
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaLaGomera a{
							margin-left:14px;
							width:70px;						 
						}
										
					#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaGranCanaria{
						background:transparent url("/img/btnGranCanaria.jpg") no-repeat 60px 0px;	
						width:83px;						 
					}
						#ColumnaCentral  #datosDestino #detallesDestino ul li.mapaGranCanaria a{
							width:67px;
							margin-left:17px;								 
						}
					#ColumnaCentral  #datosDestino #detallesDestino ul li.folletoDestino{
						background:transparent url("/img/btnFolleto.jpg") no-repeat 60px 0px;							 
					}	
					
					#ColumnaCentral  #datosDestino #detallesDestino ul li.Barco{
						background:transparent url("/img/btnBarco.jpg") no-repeat 63px 0px;							 
					}	
				        
            #ColumnaCentral #trayectos
            {
                background-color: #FEEEEE;
                float:left;
                margin:10px 0;
                padding:5px 5px 5px 10px;
                width:281px;
            }
                #trayectos h4
                {
                    color: #00427F;
                    font-size: 18px;
                }
                #trayectos a
                {
                    background: url(/img/btnPlusInfo.jpg) no-repeat 5px 2px;
                    display:block;
                    height:20px;
                    float:left;
                    margin: 4px 5px 4px 0;
                    text-decoration:none;
                    width:250px;
                }
                    #trayectos a span
                    {
                        display:block;
                        font-size:12px;
                        margin: 3px 0 0 60px;
                    }
		
		/*-----------------	 FIN DESTINOS -------------------*/ 
		
		
		
       /*--------------------- UserControl PestaniasFlota ---------------------- */
       #ColumnaCentral #tabsOpciones
       {
			background: url("/img/pestaniasFlota.jpg") no-repeat;
			float:left;
			height:43px;
			padding-bottom:10px;
			width:100%;
			
       }
		   #ColumnaCentral #tabsOpciones ul{	
				float:left;
				list-style-type:none;							
		   }
		   
		   #ColumnaCentral #tabsOpciones ul li{	
				float:left;		
				list-style:none;
				padding: 5px 5px;							
		   }
		   
		   #ColumnaCentral #tabsOpciones ul #Barco{	
				float:left;		
				list-style:none;
				width:200px;							
		   }
		   
		   #ColumnaCentral #tabsOpciones ul #Especificaciones{	
				float:left;		
				list-style:none;
				width:170px;							
		   }
		   
		   #ColumnaCentral #tabsOpciones ul #Multimedia{	
				float:left;		
				list-style:none;
				width:130px;							
		   }
		   
		   #ColumnaCentral #tabsOpciones ul li a{					
				clear: both;
				color: #FFF;			
				float: left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 16px;
				font-weight: bold;				
				text-decoration:none;			
		   }
		   
		   #ColumnaCentral #tabsOpciones ul li a.activo{					
				clear: both;
				color: #00427f;
				background-image: url(/img/flechasRojas.gif);
				background-position: 6px 6px;
				background-repeat: no-repeat;
				float: left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 16px;
				font-weight: bold;
				padding: 1px 5px 5px 20px;		
		   }
       
       
       /*---------------------	FIN UserControl PestaniasFlota ----------------- */ 
       
       /*--------------------- UserControl Nuestra Flota ----------------------- */
       #ColumnaCentral #NuestraFlota
       {
			float:left;		
			margin-top:10px;
       }
		   #ColumnaCentral #NuestraFlota h2
		   {
		   		background-image:none;  
				clear: both;
				color: #878787;
				float: left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 16px;
				font-weight: bold;
				padding: 0 0 0px 0px;
				width: 100%;
				          
		   }
	       
		   #ColumnaCentral #NuestraFlota ul{
				list-style:none;
				margin:0;
				padding:0;
		   }
			   #ColumnaCentral #NuestraFlota ul li
			   {
		   			float:left;
					list-style:none;
					margin:0;
					padding:0;
			   }
				   #ColumnaCentral #NuestraFlota ul li span
				   {
			   			background-repeat:no-repeat;
			   			float:left;
			   			height:116px;
						padding:0 4px;
						width:130px;
				   }
				   #ColumnaCentral #NuestraFlota ul li .bencomo{
						background-image:url("../img/small_bencomo.jpg");								
				   }
				   #ColumnaCentral #NuestraFlota ul li .bentago{
						background-image:url("../img/small_bentago.jpg");
				   }
				   #ColumnaCentral #NuestraFlota ul li .bocayna{
						background-image:url("../img/small_bocayna.jpg");									
				   }
				   #ColumnaCentral #NuestraFlota ul li .benchi{
						background-image:url("../img/small_benchi.jpg");
				   }
				   #ColumnaCentral #NuestraFlota ul li .bonanza{
						background-image:url("../img/small_bonanza.jpg");
				   }
				   #ColumnaCentral #NuestraFlota ul li .benchijigua{
						background-image:url("../img/small_benchijigua.jpg");
				   }
				   #ColumnaCentral #NuestraFlota ul li .oculto{
						display:none;
				   }
     /*-----------------FIN usercontrol nuestraFlota---------------------*/  
     
     
     /*-----------------	 Tarjeta Plus -------------------*/
			#ColumnaCentral #contenidoTPlus{
				float:left;
				height:auto;
				width:458px;	
			}
			
			#ColumnaCentral #columnaDerechaTPlus{
				float:left;
				height:auto;
				width:230px;	
			}
			
			#ColumnaCentral #columnaDerechaTPlus h2,
			#ColumnaCentral #formularioTPlus h2
			{
				background:none;
				clear: both;
				color: #FF0006;
				float: left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 20px;
				font-weight: bold;
				padding: 0 0 5px 15px;
				width: 100%;
			}
			
			#ColumnaCentral #columnaDerechaTPlus fieldset
			{
				background:none;
				clear: both;
				color: #656565;
				float: left;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 14px;
				font-weight: bold;
				padding: 0 0 5px 15px;
				width: 100%;
			}
			
			#ColumnaCentral #columnaDerechaTPlus input
			{
				background:none;
				border:#CAD6E1 solid 1px;
				clear: both;
				color: #656565;
				float: right;
				font-family: Arial, Helvetica, Sans-serif;
				font-size: 12px;
				font-weight: normal;
				padding: 0;
				margin: 0 30px 0 0;
				width:110px;
			}
			#columnaDerechaTPlus a
			{
			    text-decoration:none;
			}
			
			#ColumnaCentral #columnaDerechaTPlus .ancho
			{
				margin:10px 30px 15px 0;
				width:247px;
			}
			
			#ColumnaCentral #columnaDerechaTPlus .fondo70
			{
				background-image: url("/img/background_btn_70.png");
				border:0;
				color:#FFF;
				float:left;
				margin:0;
				padding:0;
				height:25px;
				width:70px;
			}
			    #columnaDerechaTPlus .fondo70 span
			    {
			        display:block;
			        font-size: 12px;
			        font-weight:normal;
			        padding: 5px 0 0 10px;
			    }
			
			
			#ColumnaCentral #columnaDerechaTPlus .fondo100
			{
				background-image: url("/img/background_btn_100.png");
				border:0;
				color:#FFF;
				float:left;
				margin:0;
				padding:0;
				height:25px;
				width:100px;
			}
			    #columnaDerechaTPlus .fondo100 span
			    {
			        display:block;
			        font-size: 12px;
			        font-weight:normal;
			        padding: 5px 0 0 10px;
			    }
			
			#ColumnaCentral #columnaDerechaTPlus .fondo150
			{
				background-image: url("/img/background_btn_150.png");
				border:0;
				color:#FFF;
				float:left;
				height:25px;
				margin:0;
				padding:0;
				width:150px;
			}
			    #columnaDerechaTPlus .fondo150 span
			    {
			        display:block;
			        font-size: 12px;
			        font-weight:normal;
			        padding: 5px 0 0 10px;
			    }
			
			#ColumnaCentral #columnaDerechaTPlus p
			{
				color:#656565;
				font-size:12px;
				margin:15px;
			}
			
			#ColumnaCentral #formularioTPlus
			{
				width:100%;	
			}
				#ColumnaCentral #formularioTPlus h2,
				#ColumnaCentral #formularioTPlus p,
				#ColumnaCentral #formularioTPlus div
				{
					float:left;
					padding:0;	
					width:auto;
				}
				
				#ColumnaCentral #formularioTPlus div,
				#ColumnaCentral #formularioTPlus .ancho
				{
					width:100%;
				}
				
				#ColumnaCentral #formularioTPlus a
				{
					color:#419BD3;
					text-decoration:underline;
					font-weight:bold;	
				}
				
				#ColumnaCentral #formularioTPlus fieldset
				{
					color:#656565;
					float:left;
					font-weight:bold;
					margin:5px 5px;
					width:160px;
				}
				
					#ColumnaCentral #formularioTPlus fieldset input,
					#ColumnaCentral #formularioTPlus fieldset textArea
					{
						border:1px solid #CAD6E1;
					}
				
     /*-----------------FIN Tarjeta Plus---------------------*/     
        
     /*------------------- Ofertas ---------------------------------*/
			#Ofertas
			{
				float:left;				
				width:100%;
			}
			
				#Ofertas ul
				{
					float:left;					
					padding:0;					
					width:100%;		
								
				}
					#ofertas ul li
					{
						float:left;
						list-style:none;
						margin:0;
						min-height:270px;
						padding:0 10px 0 0;
						width:220px;
					}
						#ofertas ul li h3 a
						{
							background-image:none;  
							clear: both;
							color: #004281;
							float: left;
							font-family: Arial, Helvetica, Sans-serif;
							font-size: 14px;
							font-weight: bold;
							margin:0;
							min-height:32px;
							padding: 0;
							text-align:left;					
							text-decoration:none;		
							width: 100%;
						}
						
						#ofertas ul li span.separador
						{
							background-color:#E4EDF4;  							
							float: left;			
							height: 10px;				
							margin: 10px 0;
							width: 100%;							
						}
						
						#ofertas ul li img
						{
							width:220px;
						}
						#ofertas ul li p
						{													
							float: left;	
							color:#333;
							text-align:justify;
						}
						#ofertas ul li a
						{													
							/*float: left;*/
							color:#004281;
							margin-bottom:15px;
						}
						
						#ofertas ul li a img
						{
							width:auto;
						}
					
     /*------------------- FIN Ofertas ---------------------------------*/
     
     /*------------------- Profesionales ---------------------------------*/
		#Profesionales 		
		{			
			float:left;										
		}
			#Profesionales img{padding:10px 0 10px 15px;}
			#Profesionales  a{color:#004281;}
			#Profesionales  p
			{	
				color:#666;
				font-size:13px;
				padding:0 10px;
			}
			#Profesionales #colIzquierda
			{
				float:left;
				width:320px;
				margin-right:25px;
			}
			#Profesionales #colDerecha
			{	
				float:left;
				width:320px;				
			}
			
			#Profesionales #colDerecha #contenido, #Profesionales #colIzquierda #contenido
			{
				background-color:#F2F2F2;				
				float:left;
				min-height:400px;
				padding:10px;				
				width:300px;						
			}
			
			
			#Profesionales #colDerecha #bordeSup,#Profesionales #colIzquierda #bordeSup
			{				
				background-image:url("/img/cuadro-prof-sup.jpg");
				float:left;
				height:7px;
				width:320px;				
			}
			#Profesionales #colDerecha #bordeInf,#Profesionales #colIzquierda #bordeInf
			{
				background-image:url("/img/cuadro-prof-inf.jpg");
				height:7px;
				width:320px;		
			}
				#Profesionales #contenido h3
				{
					background-image:none;  
					clear: both;
					color: #424242;
					float: left;
					font-family: Arial, Helvetica, Sans-serif;
					font-size: 18px;
					font-weight: bold;
					margin:0;
					padding:0 10px;							
					width: 100%;					
				}				
				#Profesionales #colDerecha #contenido input.BotonEntrar
				{
					background-image:url("/img/background_btn_150.png");
					color:#FFF;				
					font-weight:bold;				
					height:25px;		
					margin-left:80px;		
					width:150px;
				}
				    
				#colDerecha #contenido a
			    {
				    background-image: url("/img/background_btn_150.png");
				    border:0;
				    color:#FFF;
				    float:left;
				    height:25px;
				    margin:0 0 0 80px;
				    padding:0;
				    text-decoration:none;
				    width:150px;
			    }
			        #colDerecha #contenido a span
			        {
			            display:block;
			            font-size: 12px;
			            font-weight:normal;
			            padding: 5px 0 0 58px;
			        }
		
     /*------------------- FIN Profesionales ---------------------------------*/
     
     /*----------------- Tabla Para Especificaciones ---------------------*/
     
     #ColumnaCentral #tablaEspecificicaciones	
     {
     	/*background-image:none;*/
	   	clear: both;	   	
		color: #666666;
		float: left;
		font-family: Arial, Helvetica, Sans-serif;
		font-size: 16px;
		font-weight: bold;				
		margin:0;
		padding:0;
		width: 100%;	          
	 }     
	 
		 #ColumnaCentral #tablaEspecificicaciones tr.primera
		 {
     		background-color:#E7E7E7;
	   		clear: both;	   	
			/*color: #878787;*/
			/*float: left;*/
			/*font-family: Arial, Helvetica, Sans-serif;
			font-size: 16px;
			font-weight: bold;*/
			margin:0;
			padding:2px 0;
			          
		 }  
		 
		 #ColumnaCentral #tablaEspecificicaciones tr.segunda
		 {
     		/*background-image:none;*/
     		background-color:#D5D3D4;
	   		clear: both;	   	
			/*color: #878787;*/
			/*float: left;*/
			/*font-family: Arial, Helvetica, Sans-serif;
			font-size: 16px;
			font-weight: bold;*/
			margin:0;
			padding:2px 0;	          
		 }  
		 
			 #ColumnaCentral #tablaEspecificicaciones tr td
			 {
     			/*background-image:none;*/
	   			clear: both;	   	
				/*color: #878787;*/
				/*float: left;*/
				/*font-family: Arial, Helvetica, Sans-serif;
				font-size: 16px;
				font-weight: bold;*/
				margin:0;
				padding:8px 20px;	          
			 }  
			 
			 #ColumnaCentral #tablaEspecificicaciones tr td.centrado
			 {
	   			text-align:center;   	
			 } 
			 
			 #ColumnaCentral #tablaEspecificicaciones tr td.derecha
			 {
	   			text-align:right;
	   			padding-right:30px;  	
			 } 
     
     
     /*----------------- FIN Tabla Para Especificaciones ---------------------*/
     #ColumnaCentral #panoramica360
      {
		float:left;
		margin-bottom:20px;
		width:100%;	
      }
     
		 #ColumnaCentral #panoramica360 h2		
		 {
     		background-image:none;
	   		clear: both;	   	
			color: #424242;
			float: left;
			font-family: Arial, Helvetica, Sans-serif;
			font-size: 22px;
			font-weight: bold;				
			margin:0;
			padding:0;
			width: 100%;	          
		 }    
/*--------------------- MAPA WEB ----------------------- */

#mapaWeb
{
	float:left;
	width:100%;	
}
	
	#mapaWeb ul.columnaIzquierda, ul.columnaDerecha
	{
		float:left;
		width:340px;
	}
	
	#mapaWeb ul
	{
		list-style:none;
		margin:5px 0;
	}
		#mapaWeb ul li
		{
			margin-bottom:10px;	
		}
	
		#mapaWeb ul li a
		{
			color:#7E7E7E;
			font-size:13px;	
			margin-left:5px;
			font-weight:bold;
			text-transform:uppercase;		
			text-decoration:none;
			border-bottom:2px solid #FF0004;
			
		}	
			#mapaWeb ul li ul li 
			{
				margin:0;	
			}
			
			#mapaWeb ul li ul li a
			{	
				border:none;
				color:#00427F;
				font-size:13px;	
				margin-left:20px;	
				text-decoration:underline;			
				text-transform:none;					
			}
				#mapaWeb ul li ul li ul li a
				{			
					color:#00427F;	
					margin-left:40px;
					font-size:12px;					
				}


/*--------------------- FIN MAPA WEB ----------------------- */
		 
		        
/*------------------------------------------------------------------------------------------------*/   

	 /*--------------------- UserControl BannersInferiores ----------------------- */
        #bannersInferiores
        {
        	float:left;
        	width:100%;
        }
        
        #bannersInferiores a img
        {
			margin:3px 0;
			width:227px;
        }
     /*-----------------FIN usercontrol BannersInferiores ---------------------*/   

#Pie 
{
    background-color: #bbbbbb;
	float: left;
	height: auto;
	margin: 5px 0 0 0;
	width: 100%;
} 
    #Pie p 
    {
        color: #2f2f2f;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        margin: 0 0 0 28px;
    }
    #PieIzquierdo 
    {
        float:left;
        height:auto;
        width:300px;
    }
        #PieIzquierdo h3
        {
            background-image: url(../img/tituloZonaIzq_es.jpg);
            background-repeat: no-repeat;
            float:left;
            height:68px;
            width:300px;
        }
            #PieIzquierdo h3 span
            {
                display:none;
            }
    #PieCentral
    {
        float:left;
        height:auto;
        width:300px;
    }
        #PieCentral h3
        {
            background-repeat: no-repeat;
            float:left;
        }
            #PieCentral h3.MapaWeb
            {
                background-image: url(../img/tituloZonaCentral_es.jpg);
                height:68px;
                width:300px;
            }
            #PieCentral h3.MapaWeb_en
            {
                background-image: url(../img/tituloZonaCentral_en.jpg);
                height:68px;
                width:300px;
            }
            #PieCentral h3.RedesSociales
            {
                background-image: url(../img/tituloZonaCentral2_es.jpg);
                height:63px;
                width:300px;
            }
            #PieCentral h3.RedesSociales_en
            {
                background-image: url(../img/tituloZonaCentral2_en.jpg);
                height:63px;
                width:300px;
            }
            #PieCentral h3 span
            {
                display:none;
            }
        #PieCentral ul
        {
            display:block;
	        list-style: none;
	        margin:0 0 0 25px;
	        padding:0;
	        width: auto;
        }
            #PieCentral ul li{
                display:block;
	            float: left;
            }
                #PieCentral ul li a{
                    display:block;
                    height:41px;
                }
                    #PieCentral ul li a.Facebook {
                        background: url(../img/btnFacebook_gris.jpg) no-repeat;
	                    width: 40px;
                    }
                    #PieCentral ul li a.YouTube {
                        background: url(../img/btnYouTube_gris.jpg) no-repeat;
	                    width: 43px;
                    }
                    #PieCentral ul li a.Twitter {
                        background: url(../img/btnTwitter_gris.jpg) no-repeat;
	                    width: 45px;
                    }
                    #PieCentral ul li a.Flickr {
                        background: url(../img/btnFlickr_gris.jpg) no-repeat;
	                    width: 43px;
                    }
                    #PieCentral ul li a.Estrella {
                        background: url(../img/btnEstrella_gris.jpg) no-repeat;
	                    width: 43px;
                    }
                    #PieCentral ul li a.Google{
                        background: url(../img/btnGoogle_gris.jpg) no-repeat;
	                    width: 46px;
                    }
                    #PieCentral ul li a.RSS{
                        background: url(../img/btnRSS_gris.jpg) no-repeat;
	                    width: 42px;
                    }
                    #PieCentral ul li a span{
                        display:none;
                    }
    #PieDerecha
    {
        float:left;
        height:auto;
        width:300px;
    }
        #PieDerecha h3
        {
            background-repeat: no-repeat;
            float:left;
            height:68px;
            width:300px;
        }
            #PieDerecha h3.Destinos
            {
                background-image: url(../img/tituloZonaDer_es.jpg);
            }
            #PieDerecha h3.Destinos_en
            {
                background-image: url(../img/tituloZonaDer_en.jpg);
            }
            #PieDerecha h3 span
            {
                display:none;
            }
    #PieInferior
    {
        float:left;
        height:auto;
        margin:15px 0 10px 28px;
        width:955px;
    }            
        #PieInferior p 
        {
            color: #ffffff;
            float:left;
            font-family: Arial, Helvetica, Sans-Serif;
            font-size: 12px;
            margin: 0;
        }
        
/* --- MenuSecundario2 -------------------------------------------------*/
#contenedorValidacion {
    margin:0 auto;
    position: relative;
}
    #contenedorValidacion.desplegado
    {
        height:170px;
    }
    #contenedorValidacion.replegado
    {
        height:30px;
    }
#topnav {
    line-height:23px;
    /*text-align:right;*/
}
    #topnav a.signin {
        background-image: url(/img/fondoMenuSecundario.jpg);
        background-repeat:repeat-y;
        color: #00437D;
        font-family: Arial,Helvetica,Sans-Serif;
        font-size:16px;
        font-weight:bold;
        /*padding:3px 36px 6px 36px;*/
        text-decoration:none;
    }
    
    #topnav a.signin:hover {
        background-image: url(/img/fondoMenuSecundario_login.jpg);
        background-repeat:repeat-y;
        color:White;
    }

    #topnav a.menu-open {
        background-image: url(/img/fondoMenuSecundario_login.jpg);
        background-repeat:repeat-y;
        color:#fff!important;
        outline:none;
    }
    a.signin {
        position:relative;
    }
    a.signin span {
        background-image:url("/img/toggle_down_light.png");
        background-repeat:no-repeat;
        background-position:186px 50%;
        display:block;
    }
    #small_signup {
        display:inline;
        float:none;
        line-height:23px;
        margin:25px 0 0;
        width:170px;
    }
    a.signin.menu-open span {
        background-image:url("/img/toggle_up_dark.png");
    }

#signin_menu {
    display:none;
    background-image: url(/img/fondoMenuLogin.jpg);
    background-repeat:repeat-y;
    position:absolute;
    z-index:100;
    text-align:left;
    padding:12px 0 0 0;
    top: 39px; 
    margin: 2px 0 0 0;
    color:#A7EDE9;
    font-size:11px;
}
    #signin_menu input[type=text], #signin_menu input[type=password] {
        display:block;
        float:left;
        font-size:13px;
        margin:0 0 5px;
        width:110px;
    }
    #signin_menu p {
        margin:0;
    }
    #signin_menu a {
        color:#6AC;
    }
    #signin_menu label {
        color:#A7EDE9;
        float: left;
        font-weight:normal;
        padding: 0 0 0 18px;
        width: 100px;
    }
    #signin_menu p.forgot a
    {
        background:none;
        border:none;
        color:#A7EDE9;
        float: left;
        font:11px "Trebuchet MS",Tahoma,Verdana,sans-serif;
        font-weight:normal;
        height:auto;
        padding: 0 0 0 18px;
        text-decoration:underline;
        width: 150px;
    }
    #signin_menu p.forgot a:hover
    {
        background:none;
    }
    
.signin_submit 
{
    float:left;
    padding:2px;
    margin:0 5px 0 0;
}
    .signin_submit::-moz-focus-inner {
        padding:0;
        border:0;
    }
    .signin_submit:hover, .signin_submit:focus {
        background-position:0 -5px;
        cursor:pointer;
    }
    
#PanelOpciones
{
    background-image: url(/img/fondoMenuLogin.jpg);
    background-repeat:repeat-y;
    position:absolute;
    z-index:100;
    text-align:left;
    color:#A7EDE9;
    font-size:11px;   
}
    #PanelOpcionesTopnav a
    {
        border:none;   
    }
    #PanelOpcionesTopnav a.signin {
        background-image: url(/img/fondoMenuSecundario_login.jpg);
        background-repeat:repeat-y;
        border:none;
        color:White;
    }
    #PanelOpciones p
    {
        float:left;
        margin:0 0 0 10px;
        width:251px;   
    }
    #PanelOpciones ul
    {
        
    }    
        #PanelOpciones ul li 
        {
            color: #00437D;
            font-family: Arial,Helvetica,Sans-Serif;
            font-size:16px;
            font-weight:bold;
            height:auto;
            margin: 5px 0 5px 0;
            text-decoration:none;
        }    
            #PanelOpciones ul li a
            {
                background:none;
                border:none;
                color:#A7EDE9;
                display:block;
                font-family:Arial,Helvetica,Sans-Serif;
                font-size:12px;
                height:15px;
                padding:9px 0 0 22px;
                text-decoration:underline;
            }
            #PanelOpciones ul li a:hover
            {
                background:none;
                color: #fff;
            }        