html {
    margin: 0;
    /* border: ie6 */
    padding: 0;
    }

body {
    margin: 0; /**/
    /* border: ie5 */
    padding: 0;
    font-family: Helvetica, "Helvetica", Arial, "Arial", sans-serif;
    font-size: .8em;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: 0em;
    color: #444;
	background-color: #f4f4f2;
    text-align: center;
    } /* centrar en ie */



a	{
	color: #222;
    text-decoration: none;
    }

a:hover {
	color: #888;
	text-decoration: underline;
    }
    
a img {
    border: 0;
    }

img {
	border: 0;
	margin: 0;
	padding: 0;
	}

p {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	/* letter-spacing: -0.01em; */
	}
* html h1, * html h2, * html h3, * html h4 {
	/* letter-spacing: -1px; */
	}
	
input {
	margin-right: 1em;
	}

div {
	margin: 0;
	padding: 0;
	background-color: transparent;
	}



#menubar_top {
	width: 100%;
	margin:0; /* alt side margin: 3.9em */
	padding: 0 0 .55em 0;
	height: 2.7em;
	border-width: 0 .1em;
	border-style: solid;
	border-color: #060679;
	background-color:transparent;
}

#mainmenu1 {
	float: left;
	margin: 0;
	padding: 0.3em 0 0 2em;
	width: 54.65em;
	height: 1.7em;
	background-color:#060679;
}

#mainmenu2 { /* HEMEN */
	float: left;
	margin: 0;
	padding: .3em 0 0 0em;
	width: 18.4em;
	height: 2em;
	text-align: center;
	background: url("../img/bg_login4.png") no-repeat scroll 50% bottom transparent;
}

#mainmenu1 a {
	padding: 0 .55em;
	font-size: .95em;
	color: #bbb;
	background-color: #060679;
	margin:0 .06em;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#mainmenu1 a:hover { /* HEMEN */
	color: #fff;
	text-decoration: none;
	background-color: #050567;
	}

#mainmenu1 a.inicio {
	padding: 0;
	margin: 0;
	background: none;
}

#mainmenu1 a.inicio img {
	vertical-align: top;
	margin: 1px .2em 0 0;
}


#mainmenu2 a { /* HEMEN */
	padding: 0 .8em;
	margin: 0 .6em;
	font-size: .95em;
	color: #ddd;
	background-color: #222;

	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
#mainmenu2 img { /* HEMEN */
	vertical-align: top;
	padding-top: 4px;
	}

#mainmenu2 a:hover { /* HEMEN */
	color: #fff;
	text-decoration: none;
	background-color: #000;
	}

#mainmenu2 a.cart { /* HEMEN */
	padding: 0;
	margin: 0 .5em;
	color: #444;
	background: none;
	}

#mainmenu2 a.cart:hover { /* HEMEN */
	color: #fff;
	}

#mainmenu2 a.cart img { /* HEMEN */
	vertical-align: top;
	margin: 0 .2em 0 0;
	}
	
#mainmenu2 a.username { /* HEMEN */
	padding: 0;
	margin: 0 .5em 0 0;
	font-weight: bold;
	color: #444;
	background: none;
	}

#mainmenu2 a.username:hover { /* HEMEN */
	color: #fff;
	}

#mainmenu2.open { /* HEMEN */
	background: url('../img/bg_login4.png') no-repeat 50% bottom transparent;
	z-index: 100;
}

#mainmenu2.open .password { /* HEMEN */
	padding: 0;
	margin: 0 0 .5em 0;
	font-size: .9em;
	color: #444;
	background: transparent;
	text-decoration: underline;
	}

#mainmenu2.open input.text { /* HEMEN */
	margin: 0 0 .3em 0;
	padding: .1em .5em;
	width: 149px; /*9.5em;*/
	height: 16px;
	border: 0;
	color: #444;
	background: url('../img/loginbox2.png') no-repeat left top transparent;
	}

#mainmenu2.open input.submit { /* HEMEN */
	margin: .4em 0 0 0;
	padding: .1em .5em;
	color: #ddd;
	border: 0;
	background-color: #222;
	cursor: pointer;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

#mainmenu2.open input[type=button]:hover { /* HEMEN */
	color: #fff;
	background-color: #000;
	}
	


/* FORMULARIO */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.formulario {
	margin: 2em 0;
	padding: 2em 2em 2em 2em;
	width: 30em;
	border: .1em solid #e2e2e4;
	}

.registroclub {
	width: 40em;
}

.aceptocondiciones {
	margin: 2em 0;
	padding: .5em;
	width: 28em;
	border: .1em dotted #e2e2e4;
	font-style: italic;
	text-align:justify;
}

.formline {
	margin-bottom: .5em;
	}

#contentbar .formulario .send {
	margin: .5em 0 0 0;
	width: 29em;
	text-align: right;
	}

#contentbar .formulario .labl {
	float: left;
	/*width: 12em;*/
	}

#contentbar .formulario .lablred {
	color: #800;
	}

#contentbar .formulario .field50 {
	float: left;
	#width: 15em;
	width: 50%;
	}

#contentbar .formulario .field {
	float: left;
	}

#contentbar .formulario .field input[type=text],
#contentbar .formulario .field select {
	width: 18em;
	}

.ferror {
	border: 1px dotted red;
	padding: .2em;
	width: 18em;
	clear: both;
}

/* FORMULARIO */

/*
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	}
	
th, td {
	padding: .3em;
	color: #333;
	border: none;
	border-bottom: 1px dotted #aaa;
	}
	
th, thead th {
	font-weight: bold;
	color: #333;
	}
	
td, tbody td {

}
*/

/* .PKG HACE UN CLEAR DESPUES DE LA CAJA */ /* OBSOLETO !!!!!????? */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* CAJAS PRINCIPALES */


#page {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
	width: 75.2em; /* 70.4em; */
	/* overflow: auto; */
	border-width: 0;
	border-style: solid;
	border-color: #060679;
	background-color: transparent;
}

.inbox {
	min-height: 1px;
	margin: 0 auto;
	}

#topbar {
	width:100%;
	height: 14.5em;
	border-width: 0 .1em;
	border-style: solid;
	border-color: #060679;
	background: url('') no-repeat left top #fff;
	}

#menubar {
	width:100%;
	height: 10.55em;
	border-width: 0 .1em;
	border-style: solid;
	border-color: #060679;
	background: url('') no-repeat left top #060679;	
	}

.menubox {
	float: left;
	overflow: hidden;
	/*width: 14.04em; /* 179px; */
	width: 13.4em;
	height: 10.5em; /* 141px; */
	margin: 0 0.1em 0.1em 0;
	}

.menubox-last {
	float: left;
	width: 13.8em;
	height: 10.5em;
	margin: 0 0 0.1em 0;
	}

.menubox:hover, .menubox-last:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	}

.menubox.on, .menubox-last.on {
	border-bottom: none;
	}

.menubox.off, .menubox-last.off {
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	}

#contentbar {
	width:100%;
	min-height: 12em;
	padding-top: 2em;
	border-width: 0 .1em;
	border-style: solid;
	border-color: #060679;
	background: url('') no-repeat left top #fff;
	}

/* DAVID */
#titular {
	margin: 0 1.2em;
}

#titular h2 {
	margin-bottom: 1em;
}

.columnas {
	float: left;
	margin: 0 1.2em;
	background: url('') no-repeat left top transparent;	
}

/* 1 columna */
.col1 {
	width: 66em;
}
/* 2 columnas */
.col2 {
	width: 30em;
}
/* 3 columnas */
.col3 {
	width: 20em;
}

/* DAVID */

#contentbar.intro p {
	font-size: 1.2em;
	color: #060679;
	line-height: 1.4em;
	}

#contentbar.intro .hcol1 {
	float: left;
	width: 33em; /* 420px */
	margin: 0 1.2em;
	background: url('') no-repeat left top transparent;	
	}

#contentbar.intro .hcol2 {
	float: left;
	width: 33em; /* 429px; */
	min-height: 9em;
	background: url('../img/premium/card-small.png') no-repeat left top transparent;
	}

#contentbar.intro .hcol2 p {
	padding-left: 12.5em;
	}

.button-registrar {
	display: block;
	margin-top: 1em;
	padding: .4em 0 0 1.1em;
	font-size: .9em;
	color: #fff;
	width: 100px;
	height: 30px;
	background: url('../img/premium/button_registrar.png') no-repeat left top transparent;
	}

.button-registrar:hover {
	color: #fff;
	text-decoration: none;
	background: url('../img/premium/button_registrar_hover.png') no-repeat left top transparent;
	}

#bottombar {
	width:100%;
	font-size: 1.1em;
	letter-spacing: .1em;
	line-height: 1.4em;
	color: #fff;
	text-align: center;	
	}

.bb1 {
	width:100%;
	height: 80px;
	padding-top: 1em;
	background: url('../img/premium/bg-bottombar.jpg') repeat-x left top transparent;	
	}

.bb2 {
	width:100%;
	height: 12px;
	background: url('../img/premium/bg-bottombar2.png') repeat-x left top #fff;
	}
	
#bottombar a {
	color: #fff;
	text-decoration: none;
	}
	
#bottombar a:hover {
	text-decoration: underline;
	}
	
/* */

.hseparator {
	width: 96.5%;
	height: .1em;
	margin: .8em 0;
	border-width: .1em 0 0 0;
	border-style: dotted;
	border-color: #888;
	}
	
.clearboth {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	}
		
.zeromargin {
	margin: 0;
	}
		
.zeropadding {
	padding: 0;
	}
	
.zeroborder {
	border: 0;
	}

/* DAVID */
.oculto {
	display: none;
}

.pointer {
	cursor: pointer;
}

.ocultarflecha {
	height: 0px;
}

.sidenav {
	float: left;
	width: 1.5em;
	height: 100%;
	text-align: center;
}

.sidenav img {
	margin: 5em 0 0 0;
	}

.zeromargin {
	margin: 0;
}

/* PARA LOS SCROLL CON FLECHAS */
div.scrollflecha {
	position: relative;
	overflow: hidden;
	float: left;
}

div.scrollflecha div.itemsscrollflecha {
	width: 20000em;
	position: absolute;
	clear: both;
}

div.scrollflecha div.itemsscrollflecha div {
    float:left;
}

/* PARA HACER EL SCROLL DEL METANAVEGADOR */
div.scrollmenubox {
    width:67em;
    height:11em;
}

#fLogin {
	display:none;
}

#contentbar a {
	text-decoration:underline;
}