html, body {
	margin: 0;
    padding: 0;
    height: 100%;
	background: #CCCCCC url('/themes/rutajoven/images/fondo_negro.gif') repeat;
}
#container {
    display: table;
    height: 100%;
    width: 99%;
    margin: 0;
    }

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

#inner {
    border: 0px dashed #F00;
    width: 100%;
    margin: 0 auto;
    padding: 0 2px;
    }

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

* html #contenido_gral #inner {
    position: relative;
    top: -50%;
    }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.boton_facebook {
	display:block;
	position:fixed;
	right:0px;
	width:38px;
	top: 50px;
}

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

/*=======================================
* Textos
* ======================================*/
.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #666666;
	line-height: 13px;
}
.texto a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
	line-height: 13px;
}
.texto a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #777777;
	line-height: 13px;
}
.texto_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #990c01;
	line-height: 13px;
}
.texto_justificado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #666666;
	line-height: 13px;
}
.texto_justificado a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #888888;
	line-height: 13px;
}
.texto_justificado a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	color: #555555;
	line-height: 13px;
}
.texto_blanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.texto_blanco1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.texto_blanco2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.texto_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}
.direccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.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_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCCCCC;
	font-weight: bold;
	line-height: 30px;
}
.titulo_novedades {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.titulo_novedades a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.titulo_novedades a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #196d9b;
	font-weight: bold;
}
.titulos_subsecciones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.titulos_subsecciones a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #CCCCCC;
	font-weight: bold;
}
.titulos_subsecciones a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.titulos_noticias {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.titulos_noticias a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.titulos_noticias a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
}
.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;
}
.ver_mas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #777777;
}
.ver_mas a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #777777;
}
.ver_mas a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #9cc234;
}
.design {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
}
.sub_titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888888;
}
.sub_titulos a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #888888;
}
.sub_titulos a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ff640b;
}
.sub_tit_naranja {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ff640b;
}
.sub_tit_rojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #C30000;
}
.sub_tit_azul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.sub_tit_azul a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #196d9b;
}
.sub_tit_azul a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
}
.sub_tit_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
}
.fechas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	color: #777777;
}


/***************************************** ADMINISTRACION *****************************************/

.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;
	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: 12px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.texto_admin a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #555555;
}
.texto_admin a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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;
}

#pie_rutajoven {
	background-image: url(/themes/rutajoven/images/pie.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

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