@charset "utf-8";

/*=======================================
* Estilos b�sicos
* ======================================*/
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
}
.texto_negrita {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #666666;
}
.texto_justificado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #666666;
}
.texto_justificado a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #666666;
}
.texto_justificado a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #FF6600;
}
.texto_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	line-height: 14px;
}
.texto_blanco a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	line-height: 14px;
}
.texto_blanco a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FF6600;
	line-height: 14px;
}
.texto_blanco1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.texto_blanco1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.texto_blanco1 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FF6600;
	font-weight: bold;
}
.texto_carrito {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 13px;
}
.direccion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 13px;
}
.direccion a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #EEEEEE;
	line-height: 13px;
}
.direccion a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #EEEEEE;
	line-height: 13px;
}
.direccion1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	line-height: 13px;
}
.direccion1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	line-height: 13px;
}
.direccion1 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 13px;
}
.menues {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.menues a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.menues a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC0000;
}
.titulo_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.titulo_blanco a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.titulo_blanco a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	font-weight: bold;
}
.titulo_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #888888;
	font-weight: bold;
}
.precios {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FF6600;
	font-weight: bold;
}
BODY {
	vertical-align:top;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background: url("/themes/default/images/es/portal/fondo_web.gif") repeat;
	SCROLLBAR-FACE-COLOR: #CCCCCC; 
	SCROLLBAR-HIGHLIGHT-COLOR: #93AAB7; 
	SCROLLBAR-SHADOW-COLOR: #4C6E82; 
	SCROLLBAR-3DLIGHT-COLOR: #A3B8C5; 
	SCROLLBAR-ARROW-COLOR: #4C6E82; 
	SCROLLBAR-TRACK-COLOR: #A8BBC7; 
	SCROLLBAR-DARKSHADOW-COLOR: #577A90;
}
.ver_mas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.ver_mas a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.ver_mas a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}
.design {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.sub_titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #888888;
}
.sub_tit_celeste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #d0e3f5;
}
.sub_tit_azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #266c9f;
}
.sub_tit_naranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.titulo_blanco_fondoazul {
	COLOR: #FFFFFF;
	FONT-SIZE: 12px;
	font-weight: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: verdana,sans-serif,"trebuchet MS",arial,verdana,helvetica;
	background-color: #006699;
	background-position: center;
	width: 100%;
	text-align: center;
}
.fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #666666;
}
#menu_parent_a {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px solid; WIDTH: 90px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid; BACKGROUND-COLOR: #FFFFFF
}
#menu_child_a {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; WIDTH: 110px; BORDER-BOTTOM: black 0px solid; POSITION: absolute; BACKGROUND-COLOR: #F66E21
}
#menu_child_a A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 2px; FONT-WEIGHT: bold; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-align: left; PADDING-BOTTOM: 7px; WIDTH: 98%; COLOR: #FFFFFF; PADDING-TOP: 7px; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}
#menu_child_a A:hover {
	BACKGROUND-COLOR: #3984bd
}
#src_parent_a {
	BORDER-RIGHT: blue 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: blue 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: blue 1px solid; WIDTH: 90px; PADDING-TOP: 1px; BORDER-BOTTOM: blue 1px solid; BACKGROUND-COLOR: #eaddff
}
#src_child_a {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: black 1px solid; PADDING-LEFT: 5px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: #eaddff
}

#spotLateral {
    background:none repeat scroll 0 0 #FFFFFF;
    border-left:1px solid #E3E3E3;
    position:relative;
}
/*=======================================
* Flotantes
* ======================================*/
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0px; font-size: 1px; }

/*=======================================
* ADMIN
* ======================================*/
.areas_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.areas_admin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.areas_admin a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.titulos_admin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	font-weight: bold;
	text-align: left;
}

/*=======================================
* Formularios
* ======================================*/

.nombres_form {
	margin-bottom:3px;
	width:310px;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #CCC;
	padding:3px 3px;
}
.campos_form {
	margin-left:10px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #666666;
}

.titulo_form {
	width: 515px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	margin-right:10px;
	padding:4px;
	background-color: #004c99;
}

#submenu-newsletter {

}

#submenu-newsletter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#submenu-newsletter ul li {
    position: relative;
    float: left;
    padding: 4px;
    margin: 0 1px;
}

#submenu-newsletter ul li a {
    background: url(/themes/rutajoven/images/css-nav.gif) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 11em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center;
}

.shadow {
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#flotatorio {
    height:100%;
    position:relative;
    width:100%;
}

#flotatorio .cosotorio {
    float:left;
    height:90px;
    margin-bottom:10px;
    padding:10px;
    position:relative;
    width:90px;
}

#flotatorio .cosotorio img {
    max-height:90px;
}