@charset "utf-8";

/*=======================================
* Estilos básicos
* ======================================*/
html, body {
	margin: 0;
    padding: 0;
    height: 100%;
	font-family: sans-serif;
	background: #FFF url(/themes/default/images/fondo.jpg) no-repeat center top;
	color: #404040;
}

ul{
   margin: 5px 0 0 30px;
   padding: 0;
   list-style-type: circle;
}

img{
	border: 0;
}

#container {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    }

#contenido_gral {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    }

#inner {
	border: 0px dashed #F00;
	width: 924px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
    }

/* \*/
* html #contenido_gral {
    top: 50%;
    left: 0;
    height: 1px;
    }

* html #contenido_gral #inner {
    position: relative;
    top: -50%;
    }

    div.slide_cont{width:904px; height: 238px; float: left;}
    .verde{color:#13820A !important}
    .verde_f{background-color:#13820A !important}
/*=======================================
* Links
* ======================================*/
a, a:link, a:hover, a:active, a:visited{
   	text-decoration: none;
	}

a.page{ 
	color: #FF7C0A; 
	font-weight: bold; 
	}


/*=======================================
* Flotantes
* ======================================*/
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; height: 0px; font-size: 1px; }
#clear{ clear: both; height: 0px; font-size: 1px; }


/*=======================================
* Contenedor
* ======================================*/
#contenedor{
	width: 904px;
	padding: 5px;
	background-color: #FFFFFF;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-image: url(/themes/default/images/sep_vert.gif);
	background-position: 220px;
	background-repeat: repeat-y;
}
  
/*=======================================
* Cabezal
* ======================================*/
#cabezal{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-weight: normal;
	background-image:url(/themes/default/images/ondas_arriba.gif);
	background-repeat: no-repeat;
	background-position:top right;
	height: 335px;
}

/*
   #cabezal a{
      color: white;
      font-weight: bold;
   }
*/

#Logo{
	margin: 0;
	padding: 0;
	width:360px;
	height: 87px;
}

/*=======================================
* botonera
* ======================================*/
.botonera{
	width: 550px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	margin-right:20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*=======================================
* BUSCADOR
* ======================================*/
#results_main {
	border: 1px solid #777;
	border-bottom: 0px;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	margin-left:2px;
	padding: 0px;
	display: none;
}

#results_main div {
    border-bottom: 1px solid #777;
    padding: 3px;
	width:193px;
}

/*=======================================
* varios
* ======================================*/
.barras{
	height:15px; 
	margin-top:3px; 
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #FFF;
}

#paginado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
	text-align:center;
}
#paginado a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
	text-align:center;
}
#paginado a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	text-align:center;
}

/*=======================================
* pie
* ======================================*/
#pie{
	background-image:url(/themes/default/images/pie.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:195px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-align:center;
	color:#FFF;
}

   #pie a{
    	text-decoration:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#FFF;
   }
   
   #pie a:hover{
		text-decoration:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		color:#fc8d08;
   }


/*=======================================
* Tamaños de Fotos
* ======================================*/
    .foto_noticias {
        max-height: 200px;
		max-width:205px;
		border: none;
    }
	.foto_chica {
        max-height: 200px;
		max-width:170px;
		border: none;
    }
    .foto_mediana {
        max-height: 280px;
		max-width:300px;
		border: none;
    }
    .foto_grande {
        max-height: 400px;
		max-width:600px;
		border: none;
    }
	.foto_agrandada {
        max-height: 600px;
		max-width:800px;
		border: none;
    }
	

/*=======================================
* 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;
}


/*=======================================
* 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: #CEE7FF;
}
.admin_acciones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.admin_acciones a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.admin_acciones a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #777;
}
.titulos_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.titulos_admin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.titulos_admin a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
}
.titulos_admin_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.titulos_admin_blanco a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.titulos_admin_blanco a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #CCC;
	font-weight: bold;
}
.texto_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.texto_admin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.texto_admin a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #777777;
}
#writemessage {
    color:#2C7EB8;
    text-decoration:none;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:normal;
    text-align:justify;
    position:relative;
}

.div_Dmsg {
    background:gainsboro none repeat scroll 0 0;
    height:30px;
    margin:2px;
    padding:2px;
    position:relative;
    width:98%;
}

.btnClose {
    float:right;
    position:relative;
}

.newsMsg {
    float:left;
    position:relative;
}

#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;
}


/*=======================================
* Textos
* ======================================*/
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #a4c409;
}
.titulo_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #7a7a7c;
	line-height: 23px;
}
.titulo_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #FFF;
}
.titulo_destacados {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #377850;
}
.subtit_gris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #7a7a7c;
}
.subtit_rojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #da251c;
}
.subtit_azul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #13820a;
        
}
.subtit_azul a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #13820a;
}
.subtit_azul a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #444;
}
.subtit_naranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #ff6600;
}
.subtit_naranja a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #ff6600;
}
.subtit_naranja a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #006;
}
.links_pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #444;
}
.links_pie a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #444;
}
.links_pie a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #da251c;
}
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
}
.texto a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
}
.texto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}
.texto_justificado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #777;
	text-align: justify;
	line-height: 17px;
}
.texto_justificado a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: justify;
}
.texto_justificado a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: justify;
}
.ver_mas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
}
.ver_mas a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #13820a;
}
.ver_mas a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
}
.email{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #CCCCCC;
}

#sep_horiz {
	background-image: url(/themes/default/images/sep_horiz.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height:15px;
}
#sep_horiz_esfum {
	background-image: url(/themes/default/images/sep_horiz_esfum.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	height:15px;
}
.sep_horiz {
	background-image: url(/themes/default/images/sep_horiz.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height:15px;
}

#sep_vert {
	background-image: url(/themes/default/images/sep_vert.gif);
	background-repeat: repeat-y;
	background-position: center center;
	width:5px;
	height: 100%;
}
#sep_vert_esfum {
	background-image: url(/themes/default/images/sep_vert_esfum.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	width:5px;
	height: 100%;
}
.sep_vert {
	background-image: url(/themes/default/images/sep_vert.gif);
	background-repeat: repeat-y;
	background-position: center center;
	width:5px;
	height: 100%;
}

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

.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);
}

#login #logindeco {
    padding:10px;
    position:relative;
    width:260px;
    margin:0 auto;
}

.separador_consejos{
    background-color:#4C6BAE;
    clear: both; 
    height: 10px; 
    font-size: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.titulo_consejos{
    font-weight: bold;
    font-size: 12px;
    color:#000;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
}

.imagen_rendimiento{
    float:right;
    margin-left: 8px;
}

/*LISTADOS*/
.tabla_listado_admin{
     width: 100%;
    height: auto;
    background-color: #FFF;
    text-align: left;
}

.tabla_listado_admin th{
    height: 25px;
    background-color: #2C7EB8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.tabla_listado_admin td{
    text-align: center;
}

.tabla_listado_admin_td_borde{
    border-bottom: 1px solid  #F1F1F1;
    width: 100%;
    height: 1px;
    text-align: center;
}

.tabla_listado_admin th a{
    color: #FFFFFF;
}

/*PEDIDOS*/
.tabla_detalle_admin{
    width: 100%;
    height: auto;
    background-color: #F1F1F1;
    text-align: left;
}

.tabla_detalle_admin th{
    height: 20px;
    background-color: #2C7EB8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.tabla_detalle_admin td{
    text-align: center;
}

.tabla_detalle_admin_td_borde{
    border-bottom: 1px solid  #B9B9B9;
    width: 100%;
    height: 1px;
    text-align: center;
}

/*CONTENT*/
.tabla_fila_content{
   width: 100%;
   height: auto;
   background-color: #FFF;
   text-align: left; 

}
.tabla_fila_content td{
   border-bottom: 1px solid  #F1F1F1; 
}

.tooltip {
    background-color:#F5F5B5;
    border:1px solid #DECA7E;
    color:#303030;
    font-family:sans-serif;
    font-size:12px;
    line-height:18px;
    padding:10px 13px;
    position:absolute;
    text-align:left;
    z-index: 2;
}

.titulos_secciones_admin{
    width: 100%;
    height: 25px;
    background-color: #2C7EB8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    
}

/*SECCIONES ADMIN*/

.tabla_admin{
    width: 100%;
    height: auto;
    background-color: #FFF;
    text-align: left;
}

.tabla_admin td{
    padding:3px;
    padding-left: 25px;
    text-align: left;
}
.tabla_admin td input{
    height: 20px;
    width: 200px;
}

.tabla_admin1{
    width: 100%;
    height: auto;
    background-color: #FFF;
    text-align: left;
}



.tabla_fila td{
   width: 100%;
   height: auto;
   background-color: #FFF;
   text-align: left; 
   border-bottom: 1px solid  #F1F1F1;
   padding-left: 25px;
}


/*DATOS DE ACCESO*/
.tabla_usuarios_conectados{
   width: 100%;
   height: auto;
   background-color: #FFF;
   text-align: left;  
}
.tabla_usuarios_conectados td{
   padding:3px;
   padding-left: 25px;
   text-align: left;
   border-bottom: 1px solid  #F1F1F1;
}

.btn_comprar {
    background-image: url("/themes/default/images/Agregar_al_Carrito.png");
    background-repeat: no-repeat;
    float: right;
    height: 18px;
    width: 147px;
    margin-top:5px
}

.btn_actualizar_carro {
    background-image: url("/themes/default/images/Ver_Editar_Carrito.png");
    background-repeat: no-repeat;
    float: right;
    height: 18px;
    width: 147px;
}

/*********TOOL TIPS************/


span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0em;
  left: 50px;
  width: 100px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool:after {
  padding-left: 2px;            /* eye candy */
  /*content: url(/img/bubble.gif);*/
}

/*COMO COMPRAR*/

.fig1{
    width: 156px;
    height: 74px;
    background: url(/themes/default/images/Como_Comprar/fig1.jpg)no-repeat;
    float: left;
}
.fig2{
    width: 319px;
    height: 194px;
    background: url(/themes/default/images/Como_Comprar/fig2.jpg)no-repeat;
    float: left;
}
.fig3{
    width: 249px;
    height: 191px;
    background: url(/themes/default/images/Como_Comprar/fig3.jpg)no-repeat;
    float: left;
}
.fig4{
    width: 320px;
    height: 159px;
    background: url(/themes/default/images/Como_Comprar/fig4.jpg)no-repeat;
    float: left;
    
}
.fig5{
    width: 470px;
    height: 206px;
    background: url(/themes/default/images/Como_Comprar/fig5.jpg)no-repeat;
    float: left;
}
.fig6{
    width: 470px;
    height: 385px;
    background: url(/themes/default/images/Como_Comprar/fig6.jpg)no-repeat;
    float: left;
    
}
.fig7{
    width: 470px;
    height: 199px;
    background: url(/themes/default/images/Como_Comprar/fig7.jpg)no-repeat;
    float: left;
    
}
.cont_imagenes{
    width: 570px;
    float: left;
    padding-left: 100px;
    margin-bottom: 10px;
    margin-top: 10px
}

/* Paginador
-------------------------------------------*/
div.paginacion_cont{width:100%; float: left;text-align: center;margin: 12px 0px}
div.paginacion_cont a.item_pag{display: inline-block ;padding: 3px 6px; border:1px solid #343434; margin-left: 5px;color:#343434 }
div.paginacion_cont a.item_pag.actual{color:white; background-color:#343434;border:1px solid #343434}
div.paginacion_cont a.item_pag.sin_borde{border:none;font-weight:bold }