/***************** ETIQUETAS HTML *************************/

body, html {
   	margin: 0 auto;
   	height: 100%;
   	padding:0;
   	border: 0;
}
body {
   	background:#014b7e url(/img/bg_principal.jpg) center -200px repeat;
   	color:#ffffff;
   	text-align:center;
   	font-family:Verdana, Tahoma, "Trebuchet MS", Helvetica, Arial;
}
img {
   	border:0;
   	margin:0;
   	padding:0;
}
h1,h2,h3,h4,p,ul,ol,li,form,blockquote {
   	margin:0;
   	padding:0;
   	border:0;
}
ul {
   	list-style:none;
}
a {
   	color:#188cd2;
   	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#23c2f7;
   	text-decoration:underline;
}
p{
	margin:0 0 .3em 0;
	line-height:1.3em;
}
a:focus{
	outline:0;
}
fieldset {
   	border:0;
   	padding:0;
  	margin:0;
}
legend.access {
   	display:none;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear{
	clear:both;
}
/***************** /ETIQUETAS HTML ************************/

/***************** ACCESIBILIDAD **************************/
.ayuda-access {
   	position: absolute;
  	left: -10000px;
   	top: -10000px;
}
/***************** /ACCESIBILIDAD **************************/

/***************** CAPAS CONTENEDORAS **********************/

#global { 
	margin:0 auto;
	width:950px;
	min-height: 100%;
	text-align:left;
}
/* Hack para IE 6 */
* html #global {
  height:100%;
}
#contenedor{
	background:url(/img/bg_inferior.png) center bottom no-repeat;
	padding:0 0 9em 0;
}
#cabecera{
	background:url(/img/bg_cabecera.png) center 0 no-repeat;
	padding:1.2em 0 0 0;
	float:left;
	width:956px;
	position: relative;
}
.usuario {
	background: url(../img/bg_usuario.gif) no-repeat 0 0;
	margin: -1.2em 0 0 1.9em;
	padding-right: 2.5em;
	height: 1.5em;
}
.usuario p{
	float: right;
	font-size: .65em;
	color: #9c9c9c;
	line-height: 2em;
}
.usuario p .nombre{
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
}
.usuario p a{
	color: #9c9c9c;
	padding-right: 1.3em;
	padding-left: .5em;
	font-weight: bold;
	background: url(../img/ico_cerrar.gif) no-repeat right .2em;
}
.usuario p a:hover{
	color: #FFF;
	text-decoration: none;
}
.usuario p a.enlacePersonal{
	font-weight:normal;
	background:none;
	padding:0 .5em;
	text-decoration:underline;
}
.usuario p a.enlacePersonal:hover{
	text-decoration:none;
}
#contenido{
	padding:0 0 2em 0;
}
#inferior{
	width:99.9%;
	height:150px;
	margin-top:-150px;
	float:left;
	position:relative;
	background:url(/img/bg_principal_inferior.png) 0 bottom repeat-x;
}
.doubleclick {
	position: absolute;
	top: -2000em;
}
/***************** /CAPAS CONTENEDORAS **********************/

/***************** LOGOTIPO MAXIBON ******************************/
h1.logotipo{
	margin:.5em 0 0 0;
	float:left;
}
h1.logotipo a{
	background:url(/img/logotipo.png) 0 0 no-repeat;
	width:162px;
	height:80px;
	display:block;
	text-indent:-99999em;
	margin:0 0 0 3em;
}
/***************** /LOGOTIPO MAXIBON ******************************/

/***************** MENU *********************************/
#menu {
	background:url(/img/bg_navegacion.png) 0 0 no-repeat;
	height:69px;
	margin:-1.2em 0 .3em 3.5em;
	width:831px;
	padding: 0 0 0 22px;
	clear: both;
}
#menu a {
	display:inline;
	float:left;
	height:30px;
	margin-top: 19px;
	text-indent: -8000px;
}
#menu li{
	float:left;
}
#menu li a{
	margin:0 12px;
}
#menu li a.btn1 {
	background:url(/img/btn_home.gif) 0 0 no-repeat;
	width:62px;
	margin-top:32px;
}
#menu li a.btn2 {
	background: url(/img/btn_mix_fun.gif) 0 0 no-repeat;
	width:91px;
	margin-top:25px;
}
#menu li a.btn3 {
	background:url(/img/btn_mix_the_trip.gif) center 0 no-repeat;
	width:91px;
	margin-top:30px;
}
#menu li a.btn4 {
	background:url(/img/btn_mix_yourself.gif) 0 0 no-repeat;
	width:86px;
	margin-top:25px;
}
#menu li a.btn5 {
	background:url(/img/btn_campana.gif) 0 0 no-repeat;
	width:78px;
	margin-top:20px;
}
#menu li a.btn6 {
	background:url(/img/btn_maxidescargas.gif) 0 0 no-repeat;
	width:126px;
	margin-top:17px;
}
#menu li a.btn7 {
	background:url(/img/btn_maxibon.gif) 0 0 no-repeat;
	width:80px;
	margin-top:17px;
}

/*Over*/
#menu li a.btn1:hover,
#menu li a.btn1Activo {
	background:url(/img/btn_home_hover.gif) 0 0 no-repeat;
	width:62px;
	margin-top:32px;
}
#menu li a.btn2:hover,
#menu li a.btn2Activo {
	background:url(/img/btn_mix_fun_hover.gif) 0 0 no-repeat;
	width:91px;
	margin-top:25px;
}
#menu li a.btn3:hover,
#menu li a.btn3Activo {
	background:url(/img/btn_mix_the_trip_hover.gif) 0 0 no-repeat;
	width:91px;
	margin-top:30px;
}
#menu li a.btn4:hover,
#menu li a.btn4Activo {
	background:url(/img/btn_mix_yourself_hover.gif) 0 0 no-repeat;
	width:86px;
	margin-top:25px;
}
#menu li a.btn5:hover,
#menu li a.btn5Activo {
	background:url(/img/btn_campana_hover.gif) 0 0 no-repeat;
	width:78px;
	margin-top:20px;
}
#menu li a.btn6:hover,
#menu li a.btn6Activo {
	background:url(/img/btn_maxidescargas_hover.gif) 0 0 no-repeat;
	width:126px;
	margin-top:17px;
}
#menu li a.btn7:hover,
#menu li a.btn7Activo {
	background:url(/img/btn_maxibon_hover.gif) 0 0 no-repeat;
	width:80px;
	margin-top:17px;
}

/***************** /MENUS *********************************/

/***************** DESTACADOS *****************************/

/***************** /DESTACADOS *****************************/

/***************** IMAGENES ********************************/

/***************** /IMAGENES ********************************/

/***************** BOTONES Y LINKS *************************/
.loginMargen{
	margin:0 3.3em 0 0;
	float:right;
}
.btn_login{
	background:url(/img/btn_login.png) 0 0 no-repeat;
	width:49px;
	height:22px;
	float:right;
	text-indent:-9999em;
}
.btn_login:hover{
	background:url(/img/btn_login_hover.png) 0 0 no-repeat;
}
/***************** /BOTONES Y LINKS *************************/

/***************** TITULARES Y TEXTOS ********************************/

/***************** /TITULARES Y TEXTOS *******************************/

/***************** CAJAS ************************************/
a.codigo{
	background:url(/img/txt_mete_codigo_off.png) 0 0 no-repeat;
	margin:0 0 0 4.5em;
	width:233px;
	height:97px;
	font-size:1em;
	float:left;
	display:block;
	/*Hack IE6*/
	_margin:0 0 0 1.5em;
}
a.codigo:hover{background:url(/img/txt_mete_codigo_on.png) 0 0 no-repeat;}
/* Identificarse */
#moduloIdenficarse{
	display:none;
	position:absolute!important;
	background:url(../img/bg_identificarse.gif) no-repeat;
	z-index:100;
	top:0;
	right:0;
	width:272px;
	padding-left:15px;
}
#moduloIdenficarse form a.identificarseCerrar{
	background:url(../img/bg_identificarse_bullet_cerrar.gif) no-repeat;
	text-indent:-99999em;
	width:26px;
	height:32px;
	float:right;
}
form.datos{
	width:13.5em;
	margin:0;
	clear:right;
	margin-left:20px;
	position: relative;
}
form.datos input.meterDatos{
	background:url(/img/bg_input_identificarse.png) 0 6px no-repeat;
	width:171px;
	height:29px;
	border:0;
	padding:8px 0 0 8px;
	/*hack IE6-IE7*/
	*background:url(/img/bg_input_identificarse.png) 0 0 no-repeat;
	_background:none #ffffff;
	_border:1px #878787 solid;
	_width:161px;
	_height:19px;
	/*fin=hack IE6*/

}
#moduloIdenficarse form fieldset{
	/*height:135px;*/
}
#moduloIdenficarse .txtEmail{
	background:url(../img/txt_email.png) no-repeat;
	display:block;
	text-indent:-99999em;
	width:40px;
	height:11px;
	margin:10px 0 0 5px;
}
#moduloIdenficarse .txtcontrasena{
	background:url(../img/txt_contrasena.png) no-repeat;
	display:block;
	text-indent:-99999em;
	width:70px;
	height:12px;
}

#moduloIdenficarse .okAceptar{
	display:block;
	float: right;
	background:url(/img/txt_ok_off.gif) 0 0 no-repeat;
	width:24px;
	height:20px;
	border: none;
	padding:0;
	cursor:pointer;
	text-indent:-99999em;
	position: absolute!important;
	top: 50px;
	right: 10px;
	/*hack IE6 y IE7*/
	*top:70px;
	*right:10px; _right:-20px;
	*background:none #ffffff;
	*border:1px #999999 solid;
}
#moduloIdenficarse .okAceptar:hover{
	background:url(/img/txt_ok_on.png) 0 0 no-repeat;
	/*hack IE6 y IE7*/
	*background:none #ffffff;
}
#moduloIdenficarse ul{
	padding:.8em .7em;
	background:url(/img/bg_identificarse_base.gif) 0 0 no-repeat;
}
#moduloIdenficarse ul li{
	display:inline;
}
#moduloIdenficarse ul li a{
	font-family:"Trebuchet MS", Arial;
	color:#cfcfcf;
	font-size:.6em;
	text-decoration:underline;
	margin-right:10px;
}
#moduloIdenficarse ul li a:hover{
	text-decoration:none;
}
#moduloIdenficarse a.indentificarseError1{
	background:url(../img/bg_identificarse_txt_error1.gif) no-repeat;
	text-indent:-999999em;
	height:53px;
	display:block;
}
#moduloIdenficarse a.indentificarseError1:hover{
	opacity:0.4;
	filter:alpha(opacity=40)
}
#moduloIdenficarse p.indentificarseError2{
	background:url(../img/bg_identificarse_txt_error2.gif) no-repeat;
	text-indent:-999999em;
	height:39px;
}
#moduloIdenficarse p.indentificarseError3{
	background:url(../img/bg_identificarse_txt_error3.gif) no-repeat;
	text-indent:-999999em;
	height:55px;
}
#moduloIdenficarse a.indentificarseError4{
	background:url(../img/bg_identificarse_txt_error4.gif) no-repeat;
	text-indent:-999999em;
	height:73px;
	display:block;
}
#moduloIdenficarse a.indentificarseError4:hover{
	opacity:0.4;
	filter:alpha(opacity=40)
}

#moduloIdenficarse p.indentificarseError5{
	background:url(../img/bg_identificarse_txt_error5.gif) no-repeat;
	text-indent:-999999em;
	height:98px;
}
#moduloIdenficarse p.indentificarseError6{
	background:url(../img/bg_identificarse_txt_error6.gif) no-repeat;
	text-indent:-999999em;
	height:125px;
}
#moduloIdenficarse p.indentificarseError7{
	background:url(../img/bg_identificarse_txt_error7.gif) no-repeat;
	text-indent:-999999em;
	height:54px;
}
/* /Identificarse */
/* Scroll */
.scroll{
	width:15px;
	height:18em;
	float:left;
}
.scroll .icono{
	width:15px;
	height:14px;
	cursor:pointer;
	background:url(/img/ico_scroll.png) 0 0 no-repeat;
}
/***************** /CAJAS ***********************************/

/***************** FORMULARIOS ************************************/
form.corto{
	width:10.5em;
	margin:0;
	clear:right;
}
form.corto input{
	float:right;
}
form.corto input.okEnviar{
	background:url(/img/btn_ok_enviar.png) 0 0 no-repeat;
	width:26px;
	height:18px;
	margin:0 .5em 0 0;
	border:0;
	padding:0;
	cursor:pointer;
	text-indent:-99999em;
	line-height:0;
	font-size:0;
}
form.corto input.okEnviar:hover{
	background:url(/img/btn_ok_enviar_hover.png) 0 0 no-repeat;
}
form.corto input.meterCodigo{
	background:url(/img/input_codigo.gif) 0 0 no-repeat;
	width:128px;
	height:21px;
	border:0;
}
/***************** /FORMULARIOS ************************************/

/***************** LISTADOS *********************************/

/***************** /LISTADOS *********************************/

/***************** PIE **************************************/
#pie { 
	display:block; 
	height:30px; 
	clear:both; 
	padding:2.5em 1em 1.5em 1em; 
	position:relative; 
	margin:1em 3em 0; 
	text-align:center; 
	color:#666666;
	font-size:.7em;
}
#pie .floatright a{
	text-indent:-9999em;
	margin:0 0 0 1em;
}
#pie a.bases{
	background:url(/img/btn_bases.gif) 0 0 no-repeat;
	width:93px;
	height:13px;
	float:left;
}
#pie a.bases:hover{
	background:url(/img/btn_bases_hover.gif) 0 0 no-repeat;
}
#pie a.terminos{
	background:url(/img/btn_terminos.gif) 0 0 no-repeat;
	width:148px;
	height:13px;
	float:left;
}
#pie a.terminos:hover{
	background:url(/img/btn_terminos_hover.gif) 0 0 no-repeat;
}
#pie a.politica{
	background:url(/img/btn_politica.gif) 0 0 no-repeat;
	width:139px;
	height:13px;
	float:left;
}
#pie a.politica:hover{
	background:url(/img/btn_politica_hover.gif) 0 0 no-repeat;
}
#pie a.contacto{
	background:url(/img/btn_contacto.gif) 0 0 no-repeat;
	width:55px;
	height:13px;
	float:left;
}
#pie a.contacto:hover{
	background:url(/img/btn_contacto_hover.gif) 0 0 no-repeat;
}
/***************** /PIE **************************************/

/***************** VARIOS ************************************/

/***************** /VARIOS ***********************************/