﻿@charset "UTF-8";
.boton_login
{
background-image: url(../assets/button.png);
height: 24px;
width: 56px;
margin-left: 10px;
}
.cabecera_contenido
{
	margin-left:-30px;
	margin-bottom: 8px;
	border:1px solid #D1D1D1;
	width: 730px;
	
}
/*------------------INICIOLOG----------------*/
#navigation {
	background:url("../assets/LogMenu.jpg") repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #D1D1D1;
	float:left;
	height:292px;
	height:370px;
	padding:0;
	position:relative;
	top:8px;
	width:198px;
	
	}
#navigation h3 {
	padding: 7px 0px 0px 7px;
	color: #457718;
	font-size: 19px;
	font-weight: normal;
	border-bottom: 0px dashed #CCCCCC;
	margin-bottom: 4px;
	}
#navigation ul, #navigationSub ul {
	margin: 2px 0 0 0;
	padding: 0px;
	}
#navigation ul li, #navigationSub ul li {
	margin: 0px;
	list-style: none;
	float: left;
	height: 30px;
	}
#navigation ul li a {
	border-bottom:1px solid #CCCCCC;
	color:#F58021;
	color: #555555;
	display:block;
	font-size:13px;
	margin:0;
	padding:3px 0;
	text-decoration:none;
	text-indent:12px;
	width: 198px;
	}
#navigationSub ul li a {
	color:#F58021;
	color: #555555;
	display:block;
	font-size:13px;
	line-height:20px;
	margin:0;
	text-decoration:none;
	text-indent:12px;
	border: none;
	width: 198px;
	}
#navigation ul li.logDown a, #navigationSub ul li.logDown a {
	color: #444444;
	}
#navigation ul li a:hover, #navigationSub ul li a:hover {
	color: #000000;
	text-decoration: none;
	}
	
	#navigationVolver {
	border:0px solid #D1D1D1;
	float:left;
	height:29px;
	padding:0;
	position:relative;
	top:30px;
	width:196px;
	}
#navigationVolver p {
	padding: 6px 0px 0px 10px
	}
#navigationVolver a {
	color:#F58021;
	font-size: 15px;
	text-decoration: none;
	}

#navigationVolver a:hover {
	color:#444444;
	}
	
	
	
/*------------------INICIOLOG CUADRO DE LA RUBIO----------------*/
#topLog {
	position: relative;
	float: left;
	width: 730px;
	height: 370px;

	margin-left: 22px;
	margin-bottom: 2px;
	}
#topT {
	position: relative;
	left: 0px;
	top: 0px;
	width: 730px;
	height: 65px;
	background-image: url(../assets/topT.png);
	background-repeat: no-repeat;
	}
	
#headerBar {
	background-image:url(../assets/headerBar.jpg);
	background-repeat:no-repeat;
	height:31px;
	left:11px;
	position:absolute;
	top:15px;
	width:277px;
	
}
#headerBar a{
	color: #ffffff;
	
	text-decoration: none;

}
#headerBar a:hover{
	color: #457718;
}

#headerBarT {
	background-image:url(../assets/headerBar.jpg);
	background-repeat:no-repeat;
	height:31px;
	left:15px;
	position:absolute;
	top:19px;
	width:277px;
}
#headerBar h3, #headerBarT h3 {
	color:#FFFFFF;
	font-size:16px;
	margin-top:5px;
	text-indent:15px;
	}
#topM {
	position: relative;
	top: 0;
	left: 0px;
	width: 730px;
	height: 222px;
	background-image: url(../assets/topBack.png);
	background-repeat: repeat-y;
	height: 282px;

	}
#topMListL {
	float:left;
	height:200px;
	left:13px;
	position:relative;
	top:4px;
	width:550px;
	font-weight: bold;
	}
#topMListL p{
	font-weight: normal;
	text-decoration: none;
	padding-left:20px;
	font-size:16px;
	padding-right:45px;
	color:#444444;
	padding-bottom:12px;
	text-align:justify;
	}

#topMListR {
	float:left;
	height:200px;
	position:relative;
	right:8px;
	top:5px;
	width:300px;
	}
#topM span.blond img {
	float:right;
	position:absolute;
	right:16px;
	top:-5px;
	}
#topMListL ul, #topMListR ul {
	margin: 0 0 0 30px;
	padding: 0;
	width: 300px;
	}
#topMListL ul li, #topMListR ul li {
	margin: 0px;
	font-size: 15px;
	float: left;
	background-image:url("../assets/bullet.jpg");
	background-position: 1px 8px;
	background-repeat:no-repeat;
	list-style: none;
	padding-left:12px;
	}
#topMListL ul li a, #topMListR ul li a {
	color:#444444;
	display:block;
	font-size:15px;
	line-height:22px;
	margin:0;
	text-decoration:none;
	text-indent:1px;
	width:300px;
	}
#topMListL ul li ul , #topMListR ul li ul {
	list-style: none;
	margin: 0;
	}
#topMListL ul li ul li a, #topMListR ul li ul li a {
	font-size:12px;
	padding:0;
	line-height: 20px;
	color: #888888;
	}
#topMListL ul li.logDown a, #topMListR ul li.logDown a {
	}
#topMListL ul li a:hover, #topMListR ul li a:hover {
	color: #f58021;
	text-decoration: none;
	}
#topB {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 730px;
	height: 23px;
	background-image: url(../assets/topB.png);
	background-repeat: no-repeat;
	}
	
	/*------------------MIDDLE----------------*/
#middleLog {
	position: relative;
	float: left;
	top: 25px;
	left:0px;
	width: 300px;
	height: 260px;
	}
#middleLogM {
	position: relative;
	float: left;
	top: 25px;
	width: 300px;
	height: 260px;
	margin: 0 30px;
	}
#middleT {
	position: relative;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 65px;
	background-image: url(../assets/middleT.png);
	background-repeat: no-repeat;
	}
#middleM {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 172px;
	background-image: url(../assets/middleBack.png);
	background-repeat: repeat-y;
	}
#middleM p {
	padding-left:20px;
	xfont-size:15px;
	padding-right:45px;
	color:#444444;
}
#middleMList {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	left: 8px;
	}
#middleMListP {
	background-image:url("../assets/help.jpg");
	background-position:175px 90px;
	background-repeat:no-repeat;
	float:left;
	height:200px;
	left:8px;
	position:relative;
	width:300px;
	}
#middleMList span.kids img {
	float:right;
	position:relative;
	right:30px;
	top:7px;
	}	
#middleMList span.sea img {
	float:left;
	left:9px;
	position:relative;
	top:3px;
	}
#middleMList ul, #middleMListP ul {
	margin: 0 0 0 15px;
	padding: 0;
	}
#middleMList ul li, #middleMListP ul li {
	margin: 0px;
	font-size: 15px;
	background-image:url("../assets/bullet.jpg");
	background-position: 1px 8px;
	background-repeat:no-repeat;
	list-style: none;
	padding-left:12px;
	}
#middleMList ul li a, #middleMListP ul li a {
	color:#444444;
	display:block;
	font-size:15px;
	margin:0;
	padding:0 0 2px;
	text-decoration:none;
	text-indent:1px;
	width:250px;
	}
#middleMList ul li.logDown a, #middleMListP ul li.logDown a {
	}
#middleMList ul li a:hover, #middleMListP ul li a:hover {
	color: #f58021;
	text-decoration: none;
	}
#middleB {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 300px;
	height: 23px;
	background-image: url(../assets/middleB.png);
	background-repeat: no-repeat; 
	}
/*------------------BOTTOM----------------*/
#bottomLogL {
	position: relative;
	float: left;
	top: 40px;
	width: 465px;
	height: 255px;
	margin-right: 15px;	
	}
#bottomLogR {
	position: relative;
	float: left;
	top: 40px;
	width: 465px;
	height: 255px;
	margin-left: 15px;
	}
#bottomT {
	position: relative;
	left: 0px;
	top: 0px;
	width: 465px;
	height: 65px;
	background-image: url(../assets/bottomT.png);
	background-repeat: no-repeat;
	}
#bottomM {
	position: relative;
	top: 0;
	left: 0px;
	width: 465px;
	height: 97px;
	height: 120px;
	background-image: url(../assets/bottomBack.png);
	background-repeat: repeat-y;
	}
#bottomMList {
	position: relative;
	float: left;
	width: 400px;
	height: 45px;
	left: 8px;
	padding-left:24px;
	}
#bottomMList a {
	color:#444444;
	font-size:15px;
	margin:0 0 0 20px;
	text-align:justify;
	width:250px;
	text-decoration: none;
	}
#bottomMList span.graph {
	float:right;
	position:absolute;
	right:-15px;
	top:25px;
	}
#bottomMList ul {
	margin: 0 0 0 30px;
	padding: 0;
	}
#bottomMList ul li {
	background-image:url("../assets/bullet.jpg");
	background-position: 1px 8px;
	background-repeat:no-repeat;
	list-style: none;
	font-size:15px;
	margin:0;
	padding-left:12px;
	text-indent:0;
	}
#bottomMList ul li a {
	color:#444444;
	display:block;
	font-size:15px;
	margin:0;
	padding:0 0 7px 1px;
	text-align:left;
	text-decoration:none;
	width:315px;
	line-height: 18px;
	}
#bottomMList ul li.logDown a {
	}
#bottomMList ul li a:hover {
	color: #f58021;
	text-decoration: none;
	}
#bottomB {
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 465px;
	height: 23px;
	background-image: url(../assets/bottomB.png);
	background-repeat: no-repeat; 
	}
#bottomMList span.help img {
	float:right;
	position:absolute;
	right:-40px;
	top:33px;
	}
	
	
	
	
/*------------------footer----------------*/
#footer {
	position: relative;
	float: left;
	width: 960px;
	left: 0px;
	height: 25px;
	top: 70px;
	color: #666666;
	text-align: center;
	font-size: 14px;
	}
#footer a {
	color: #666666;
	text-decoration: none;
	}
#footer a:hover {
	color: #f58021;
	text-decoration: none;
	}



#topM .area_general_ofertas
{
	position:absolute;
	top: 240px;
	left: 430px;

	font-size: 15px;
	float:right;
	color:#444444;
	height:31px;
	width:277px;
	text-align: center;
}

#topM .area_general_ofertas a
{
	color:#444444;
}

#topM .area_general_ofertas a:hover
{
	color: #F58021;
}


	
	
	
	
	/*------------------BENEF MODULOS----------------*/	

#mainContentCabecera {
	background-color:#FFFFFF;
	border:1px solid #D1D1D1;
	float:left;
	height:142px;
	margin-left:20px;
	position:relative;
	top:8px;
	width:730px;
	}
	
#mainContentContenido {
	background-color:#FFFFFF;
	border:1px solid #D1D1D1;
	float:left;
	margin-left:20px;
	position:relative;
	top:25px;
	width:730px;
	
	}		
#ContentContenidoTexto {
	float:left;
	left:30px;
	margin-bottom:30px;
	position:relative;
	width:670px;
	
	}
#ContentContenidoTexto h1 {
	font-weight: normal;
	xcolor: #F58021;
	font-size: 16px;
	padding-top: 0px;
	background-color:#ffFFFF;
	font-weight: bold;
	width:450px;
	margin-top: 8px;
	}
#ContentContenidoTexto p {
	color:#444444;
	font-size:14px;
	margin-top:15px;
	text-align:justify;
	}
#ContentContenidoTexto ul {
	color:#444444;
	padding-top: 20px;
	padding-left: 40px;
	}
#ContentContenidoTexto li {
	font-size: 14px;
	}

#ContentContenidoTexto ul.cliente {
	padding-top: 20px;
	padding-left: 10px;
	list-style: none;
	}
#ContentContenidoTexto ul.cliente li {
	padding-top: 3px;
}
#ContentContenidoTexto ul.cliente li a {
	font-size: 14px;
	color: #444444;
	text-decoration: none;
}
#ContentContenidoTexto ul.cliente li a:hover {
	color: #F58021;
	text-decoration: none;
}
#ContentContenidoImage {
	border:1px solid #BBBBBB;
	position:absolute;
	right:30px;
	top:190px;
	}
#ContentContenidoEnlaces {
	background:url("../assets/LogIn/shadowUnder.jpg") no-repeat scroll center top transparent;
	float:left;
	height:180px;
	left:30px;
	position:relative;
	width:670px;
	}
#ContentContenidoEnlacesL {
	border-right:1px solid #EEEEEE;
	float:left;
	height:130px;
	left:30px;
	position:relative;
	top:25px;
	width:280px;
	margin-right: 20px;
	}
#ContentContenidoEnlacesR {
	float:right;
	height:155px;
	right:0px;
	position:relative;
	top:25px;
	width:300px;
	}
#ContentContenidoEnlacesL h3, #ContentContenidoEnlacesR h3 {
	font-weight: normal;
	color: #F58021;
	padding-top: 10px;
	font-size:18px;
	}
#ContentContenidoEnlacesL ul, #ContentContenidoEnlacesR ul {
	padding-top: 3px;
	list-style: none;
	}
#ContentContenidoEnlacesL ul li, #ContentContenidoEnlacesR ul li {
	font-size:12px;
}
#ContentContenidoEnlacesL ul li a, #ContentContenidoEnlacesR ul li a  {
	font-size: 13px;
	color: #444444;
	text-decoration: none;
}
#ContentContenidoEnlacesL ul li a:hover, #ContentContenidoEnlacesR ul li a:hover  {
	color: #F58021;
	text-decoration: none;
}	
	
	

.logItems {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-right: 10px;
	}
	
.logEntrar {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
.button {
	padding: 0px;
	}

#wrapper {
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #ff;
	
	border: 1px solid #ddeddd;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}


.contenidoHighlight {
	color: #000000;
	}	
#conte_derecho_propaganda0
{
	width: 279px;
	position: relative;
	float: right;
	top: 70px;

}

	#conte_izquierda_propaganda0
{
	width: 279px;
	height: 300px;
	position: relative;
	float: left;
	top: 100px;

}
#conte_izquierda_propaganda1
{
	width: 279px;
	height: 300px;
	position: relative;
	float: left;
	top: 100px;

}
#conte_izquierda_propaganda2
{
	width: 279px;
	height: 300px;
	position: relative;
	float: left;
	top: 200px;

}
#conte_izquierda_propaganda3
{
	width: 279px;
	height: 300px;
	position: relative;
	float: left;
	top: 30px;

}
#conte_izquierda_propaganda4
{
	width: 279px;
	height: 300px;
	position: relative;
	float: left;
	top: 30px;

}


#contenidoNavi {
	position: relative;
	float: left;
	top: 70px;
	width: 235px;
	height: 280px;
	left: 15px;
	}
#contenidoNaviLogo {
	position: relative;
	float: left;
	left: 25px;
	background-image: url(../assets/logoWhite.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 99px;
font-size: 17px;
	}

#contenidoNavi ul {
	display: block;
	margin: 0;
	padding: 0;
	}
	
#contenidoNavi ul li {
	list-style:none;
	font-size: 17px;
	margin-bottom: 10px;
	}
	
#contenidoNavi ul li a {
	color: #333333;
	text-decoration: none;
	display: block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px 4px;
	}
	
#contenidoNavi ul li a img {
	padding-bottom: 2px;
	}

#contenidoNavi ul li.sideDown a {
	color: #fff;
	cursor: default;
	font-weight: bold;
	}
	
#contenidoNavi ul li a:hover {
	text-decoration: none;
	color: #FFF;
	padding: 3px 4px;
	font-weight: bold;
	}


#login_izquierdo {
	position: relative;
	float: left;
	left: 8px;
	width: 279px;
	height: 90px;
	top: 0px;
	}
#footer_menu{
	position: relative;
	float: left;
	top: 30px;
	width: 960px;
	height: 600px;
}

	#footer_menu_opciones {
	position: relative;	
	float: left;
	width: 960px;
	background:url("../assets/barra_colores.jpg") no-repeat ;	
	top: 20px;
	}	
	
#footer_menu_opciones ul{
	margin: 0px;
	padding: 0px;
	margin-left: 60px;
	}

#footer_menu_opciones ul li{
	position: relative;
	float: left;
	list-style:none;
	top: 3px;	
	text-align: center
	}

#footer_menu_opciones ul li a{
	color: #000000;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 10px 23px 5px 23px;
	font-size: 14px;
	}

#footer_menu_opciones ul li a:hover{
	color: #457718;
}

	
#sideLeftContacto{
	position: relative;
	float: left;
	width: 279px;
	top: 190px;
	left: 5px;
	
	}
	
#sideLeftContacto p {
	color: #000000;
	font-size: 16px;
	}
	
#sideLeftContacto p a {
	color: #457718;
	text-decoration: none;	
	}
#footer {
	position: relative;
	float: left;
	width: 960px;
	height: 15px;
	top: 30px;
	color: #ADADAD;
	text-align: center;
	font-size: 14px;
	}


#footer a{
	color: #ADADAD;
	text-decoration: none;
	}

#footer a:hover{
	color: #ffd100;
	text-decoration: none;
	}

	
.txtnegrita
{
	color : #007BBB;
	font-weight : bold;
}

#main {
	position: relative;
	float: left;
	width: 960px;
		
	}

#mainContenidoAll {
	position: relative;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
	} 	

	

#mainHeaderTar {
	position: relative;
	float: left;
	background: url(../assets/cabecera.png) no-repeat top left;
	width: 960px;
	height: 125px;
	border: 0px solid #ddeddd;	
	}
#conte_izquierdo {
	position: relative;
	float: left;
	height: 472px;
	width: 279px;
	background-image: url(../assets/fondo_izquierdo.png);
	background-repeat: no-repeat;
	top: -0px;
	}



#contenidoMainAll {
	float:left;
	left:30px;
	position:relative;
	text-align:justify;
	top:10px;
	width:620px;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #444444;
	border-top: 1px solid #ddeddd;	
    }

#contenidoMainAll a {
	color: #006bff;
	color: #457718;
	font-size: 13px;
	font-weight: bold;
	}
	
#contenidoMainAll h1 {
	color:#555555;
	font-size:21px;
	font-weight:bold;
	padding:10px 0 10px 0;
	}
	
#contenidoMainAll h2 {
	font-size: 16px;
	color: #666666;
	}
	
#contenidoMainAll h3 {
	font-size: 14px;
	color: #666666;
	padding-bottom: 5px;
	}
#contenidoMainAll p {
	padding: 10px 20px 10px 0px; 
	font-size: 13px;
	color: #444444;
}
	
ul.blueList, ul.blueListSmall {
	color:#035DD9;
	color: #457718;
	padding-left:40px;
	margin-top: 6px;
	}
	
ul.blackList {
	color:#444444;
	padding-left:30px;
	}

#contenidoMainAll ul.blueList li ul,
#contenidoMainAll ul.blueListSmall li ul {
	list-style:none outside none;
	text-indent:10px;
	}
	
#contenidoMainAll ul.blueList li a, #contenidoMainAll ul.blueList li ul a, #contenidoMainAll ul.blueListSmall li a, #contenidoMainAll ul.blueListSmall li ul a {
	font-weight: normal;
	text-decoration: none;
	}
	
#contenidoMainAll ul.blueList li a:hover, #contenidoMainAll ul.blueList li ul a:hover, #contenidoMainAll ul.blueListSmall li a:hover, #contenidoMainAll ul.blueListSmall li ul a:hover {
	color: #444444;
	}

.opc-hidden {
	display: none;
	}

.opc-show {
	display: block;
	color: #444444; 
	margin-left:20px;
	}	
/*---- Basic Styling ----*/
body
{
	background-color: #ffffff;
	margin-top: 15px;
}
-->
* 	{
	margin: 0px;
	padding: 0px;
	}
	
#clear {
	clear:both
	}

#wrapper {
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #ff;
	}

a {
  outline: none;
}

