body{
	background: url("../images/bg1.jpg") repeat-y scroll 5.5% top, url("../images/bg2.jpg") repeat-y scroll 94.5% top #F8F6F7 !important;
	margin:0px;
}
#contenTotal{    
	background:#FFF;
	margin: 0 auto auto auto;
    padding: 1%;
    width: 85%;
	min-width:1325px;
	/*font:11pt "Calibri";*/
}

/***** CABECERA *****/
#contenTotal > header{
	color:#EEEEEE;
	width:100%;
	height:15%;
	min-height: 120px;
	position:relative;
}
#contenTotal > header > hr{
    background-color: #497EBA;
    border: 0 none;
    color: #497EBA;
    height: 1px;
    position: absolute;
    top: 58px;
    width: 100%;    
    box-shadow: 0 0 34px 6px #789FCC;
}
#logo{
	margin: 0 0 0 34px;
	width:205px;
	float:left;
	display:run-in;
	z-index:1000;
}
#logo > a > img{
	border:0 none;
}
#contlogin {
	position:relative;
	width:100%;
	min-width:767px !important;
	float:right;
	/*
	height:60px;
	margin:-60px auto 0px 0px;*/
	margin:-105px 0px 0px 0px;
}
#login, div.info, div.logued, #oculto{
	right:0;
	padding:5px 15px;
	position:absolute;	
	color:white;
}
#login{	
	line-height: 20px;
	height:21px;
	/*width: 360px;*/
	width: 520px;
	border-radius:0 5px 0 5px;
    z-index: 1000;
	background:#003366;
	opacity:0.33;
}
#login, .info, .logued{
	white-space: nowrap;
	display:inline-block;
}
.loginDentro {
	height:50px !important;
}
#oculto{
	display:none;
	opacity:0.33;
	position:absolute;
	top: 30px;
	right:190px;
	background:transparent;
	z-index:2000;
	width:146px;
	padding:0px;
}
#oculto > input{
	width:69px;
	color:#555555;
	margin: 2px 1px !important;
}
#login > input{
	margin: 2px 10px 2px 5px;
    width: 100px;
    height: 15px;
}
#login > input:focus{
	transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-o-transition: box-shadow 1s;
    box-shadow: 0 0 20px rgba(255, 255, 255, 1);
}
#login > #usu {
    left: 12px;
    position: relative;
}
#login > #pwd {
	left: 1px;
	position:relative;
}
#login > #usuaux {
    width: 173px;
	height: 15px;
}
#login > span{
	position:absolute;
	top:7px;
}
#login > span > input{
	margin-left:10px;
	height:15px;
}
div.info{
	/*top:34px;	*/
	top:0px;
	border-radius:5px 0 5px 0;
	background:#003366;
	z-index:0;
}

div.logued {
	top:0px;	
	border-radius:5px 0 5px 0;
	background:#003366;
	z-index:0;
}

div.info > a, div.logued a, #auxlogin{
	color: #DDDDDD;
	margin:0 0 0 0;
	text-decoration:none;
	padding:7px 5px;
}
div.info > a:hover, div.logued > a:hover, #auxlogin > a:hover{
	transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-o-transition: box-shadow 1s;
    box-shadow: 0 0 5px rgba(255, 255, 255, 1);
	color: #FFFFFF;
	text-decoration:underline;	
}
.logued, #auxlogin{
	opacity:1 !important;
	width:auto !important;
}
#auxlogin {
    background: none repeat scroll 0 0 #FFFFFF;
	border-left:1px solid #FF0000;
	border-right:1px solid #FF0000;
	border-bottom:4px solid #FF0000;
	border-top:0 none;
    color: #333333;
	padding:10px;
	top:34px;	
	border-radius:0 0 5px 5px;
	z-index:9999;
}
#auxlogin > #cerrar{
	position:absolute; 
	bottom: -30px; 
	right: -15px; 
	top:auto; 
	background-color:#FF0000;
	color:#DDDDDD;
	transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
#auxlogin > #cerrar:hover{
	color:#FFFFFF;
	text-shadow: 0 0 3px #FFFFFF;
	transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
#auxlogin #descon{
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	background-color:#003366;
	padding:5px;
	margin:5px;
	color:#DDDDDD;
	border-radius:10px;
	cursor:pointer;
}
#auxlogin #descon:hover{
	color:#FFFFFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.0);
	transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
/***** /CABECERA *****/

/***** CUERPO *****/
#cuerpo{
    min-height: 76%;
	min-width:	985px;
	margin-top:	12px;
}
#cuerpo > #contenedor{
    /*margin-left: 	230px;
   /* min-height: 	800px;*/
	margin-top:		0px;
    min-height: 	730px;
	position:		relative;
	min-width:		1025px;
	float:			left;
	width:			82%;
}
#contenedor > #mensLogout {
	position:absolute;
	top:150px;
	left:180px;
	font-size:1.5em;
	max-width:70%
}
/***** /CUERPO *****/

/***** PIE *****/
#contenTotal > footer{
	clear: both;
    height: 15%;
}
#copyright{
	text-align:center;
	color:#999999;
}
#copyright a{
	text-decoration:none;
	color: inherit;
}
#contenTotal > footer > hr{
    background-color: #497EBA;
    border: 0 none;
    color: #497EBA;
    height: 1px;
    width: 100%;    
}
/***** /PIE *****/

/***** SUPERMENU *****/
#supermenu{
    border-right: 1px solid #497EBA;
    float: left;
	width:184px;
	margin: 35px 0 0 44px;
    position: relative;
	z-index:1000;
	clear:left;
}
.supermenu ul{
	display:none;
}
li{
	position:relative;
}
.supermenu ul li a{
	color:#003366;
	text-decoration:none;
	display:block;
}
.supermenu{
	display:block;
	padding:0;
}
ul.supermenu > li {
    position:relative;
	display:block;
	width:155px;	
    box-shadow: 15px 15px 15px 2px #999999;		
}
ul.supermenu > li > a{
	padding:10px 15px;
	display:block;			
	background:#003366;
	margin:1px 0;
	border-radius:5px 5px 0 0;	
	color:#FFFFFF;
}
ul.supermenu > li > a:hover{
	background:#497EBA;
}
ul.supermenu > li > a{	
	color:#FFFFFF;
}
.supermenu > li > ul{
    background:transparent;
	position:relative;
	padding:1px 15px;
	list-style:none;
}
ul.supermenu > li > ul  > li > ul{
    /*background: url("../images/ul.gif") no-repeat scroll 8px 10px transparent;
    left: 127px;
	position:absolute;*/
	padding-left:34px;
    width: 90px;	
    top: 0px;
	
 }
ul.supermenu > li > ul li a.primero	{
	border:1px transparent;
}
ul.supermenu ul li a{
	padding:5px;	
	border-top:1px solid #497EBA;
	width:100%;
	/*height:100%;*/
}
ul.supermenu li ul li a:hover{
	display:block;
	transition: box-shadow 1s;
	-moz-transition: box-shadow 1s;
	-webkit-transition: box-shadow 1s;
	-o-transition: box-shadow 1s;
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
	color:#003366;
}
ul.supermenu > li > ul > li:hover > ul{
	transition: all 1s;
	display:block;
}
#buscadorTarifas li {
	list-style:none;
}
#listFavoritos {
	max-height:250px;
	overflow:auto;
	z-index:1000;
}
#listFavoritos a {
	border-bottom:	1px solid #497EBA;
	border-top:		none;
	float:			left;
	width:			88%;
	margin-right:	2px;
}
.favoritosAbierto {
	width: 250px !important;
	background-color:#FFF;
}
#fav {
	display:	inline-block !important;
	width:		100%;
}
#fav #borrarFavorito {
	cursor:pointer;
}
/***** /SUPERMENU *****/
#cerrar{
	font-weight:bold;
	top:-20px;
	right:-20px;
	position:absolute;
	clear:both;
	margin:0 0 15px 15px;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
    padding: 5px 10px;	
	border-radius:100%;
	-moz-border-radius:100%;
	background:#666666;
}
#cerrar:hover{
	color:#FF0000;
	background:#000000;
}

.boton{
    border-radius: 10px;
    color: #EEEEEE;
	opacity: 0.8;
	cursor:pointer;
	padding: 5px 10px;
	transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
.boton{
	opacity: 1;
    color: #FFFFFF;
	transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}
.azul{
    background:#003366;
}
.rojo{
	background:#FF0000;
}
/* ESPECIALES */
#msgSuscribe {
    font-size: 		1.4em;
    font-weight:	bold;
    text-align:		center;
    width:			100%;
	color:			#25AD52;
}
.waterMark {
	background:url(../images/waterMark.jpg) no-repeat scroll 0 0 transparent;
	background-repeat:no-repeat;
	background-size:cover;
}
.sinFondo {
	background: none repeat scroll 0 0 transparent;
}