/* CSS Document */
/*
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em; background:url(../img/css/background.jpg) repeat-y top center #5076B5; margin:0;}

 STRUCTURE 
#container{position:relative;  width:1004px; margin-left: auto; margin-right: auto;}
#header { height:124px; background:url(../img/header1.jpg) top center no-repeat;}
#header2 {height:59px; padding:5px 0 0 280px; background:url(../img/css/header2.jpg) no-repeat top;}
#leftcol {width:232px; float:left; background-color:#FFFFFF; padding-top:10px;}
#centercol { float:left;width:680px;  padding:0 15px 0 47px; height:auto; background-color:#FFFFFF; margin-bottom:40px;}
#footer{ clear:both; padding: 5px 30px; background-color:#263D7D; color:#FFFFFF; font-size:10px;}
*/
/*fluid*/

html {background:url(../img/css/background.jpg) repeat-y top center #5076B5;}
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.4em; margin:0;}
#container{max-width:1004px; min-width:760px; margin:0 auto; background-color:#FFFFFF;}
#header { height:124px; background:url(../img/css/header1.jpg) top left no-repeat;}
#header2 {height:59px; padding:5px 0 0 248px; background:url(../img/css/header2.jpg) no-repeat top left;}
#leftcol {float:left; padding-top:10px; width:200px; margin-right:50px;}
#centercol { width:65%; float:left; /*padding:0 15px 0 47px;*/;  height:auto; margin-bottom:40px;}
#footer{ clear:both; padding: 5px 30px; background-color:#263D7D; color:#FFFFFF; font-size:10px;}

/* IE Hack of Min-width */
* html .container_minwidth_IE { padding-left: 760px;}
* html .container_container_IE {margin-left: -760px;position: relative;}
* html .container_minwidth_IE, * html .container_container_IE, * html .container_layout_IE  { height: 1px;}


/* FONTS */
h1,h2,h3,h4,h5,p,fieldset,legend,form {margin:0;padding:0;}
h1 {color:#2158BB; padding:10px 0; font-size:18px; font-weight:bold;}
h2 {color:#F74B03; padding:5px 0; font-size:14px; font-weight:bold;}
h3 {color:#333333; padding:2px 0; font-size:12px;}
h4 {color:#2158BB; padding:2px 0; font-size:12px;}
h5 {color:#E10000; padding:2px 0; font-size:12px;} 
a {color:#F74B03;}
a:hover {color:#2158BB;}
ul, ol {margin:0 0 0 40px; padding-left: 0;}
img {border:none;}
td, th {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

tr.row1 {background-color:#FFFFFF;}
tr.row2 {background-color:#F0F3F9;}

fieldset {padding:10px; margin-bottom:10px;}
legend {padding:0 8px 8px 8px; font-weight:bold; font-size:12px; color:#F74B03;} 
fieldset p {margin:5px 0;}
label {float:left; text-align:right; margin-right:10px; font-weight:bold; color:#666666;}
fieldset input, fieldset select {font-size:10px; background-color:#F4F4F4; border:1px solid #666666;}
fieldset input {width:150px;padding:2px;}
fieldset select { min-width:1.5em; }
fieldset input.checkbox {background-color:#FFFFFF;width:auto; border:none;}

/* BUTTONS */
.bt_orange {background:url(../img/css/back_button1.jpg) repeat-x top;  color:#FFFFFF;}
.bt_blue {background:url(../img/css/back_button2.jpg) repeat-x top; color:#FFFFFF;}
.bt_grey {background:url(../img/css/back_button3.jpg) repeat-x top; color:#F74B03;}

/* LEFT Column */
#navigation, #loginbox,#clientaccount, #shoppingcart,#contactbox {margin:0 10px 20px 10px;}
#navigation, #loginbox,#clientaccount, #shoppingcart {border:1px solid #E2E8F3;background-color:#F0F3F9;}

#navigation ul {margin:0; padding:0;}
#navigation ul li {	list-style-type:none;	padding-left:10px;	padding-bottom:2px;	background-color:#F8F9FC;}
#navigation li a {text-decoration:none; color:#2158BB; font-size:10px;}
#navigation li a:hover {text-decoration:underline;}
.nav { background-color:#F0F3F9; padding:3px 10px; height:20px;}
.nav a {text-decoration:none; color:#2158BB; font-weight:bold;}
.nav a:hover {text-decoration:underline;}

#loginbox {padding:5px;}
#loginbox h3 {padding-bottom:5px;}
#loginbox p {margin:5px 0;}
#loginbox label { width: 70px; padding:2px 0 0; font-size:10px; float:left; display:block; margin:0;}
#loginbox input {width:80px; font-size:10px; color:#333333; margin:0 10px; border:1px solid #CCCCCC; margin:0;}
#loginbox .button {padding:2px 0; background-color:#2158BB; color:#FFFFFF; font-weight:bold; width:85px; margin:5px 0; font-size:9px;}

#clientaccount, #shoppingcart { padding:5px; font-size:10px;}
#shoppingcart h4 a {color:#2158BB; text-decoration:none;}
#shoppingcart h4 a:hover {text-decoration:underline;}

#contactbox {padding:5px; border-top:1px solid #E2E8F3; border-bottom:1px solid #E2E8F3;}

#lamolina {margin:0 20px;}

/*  CENTER  */
img.float_r {float:right; margin:5px 0 5px 10px;}
img.float_l {float:left; margin:5px 10px 5px 0;}

#centercol ul {padding:5px 0 5px 30px;} 
#centercol li {list-style-image:url(../img/css/bullet.gif); padding-bottom:3px;}

/* --------------------------------
	 ALQUILER ONLINE 
	 Login */
	 
#visitante, #cliente {width:250px;float:left; background-color:#F8F8F8; margin-right:20px; border:1px solid #E4E4E4; padding:10px; height:130px;}
#visitante h3, #cliente h3 {margin-bottom:10px;}

#cliente label { width:80px; padding-top:2px; color:#333333; text-align:left;}
#cliente input {width:100px; color:#333333;}
#cliente .button {padding:2px 0; background-color:#2158BB; color:#FFFFFF; font-weight:bold; width:85px; margin:15px 0 0 0; font-size:9px; height:22px;}

#explain { clear:left; margin-top:20px;}
#explain li {list-style-type:decimal; list-style-image:none;margin-left:25px;}
.forgotpwd a {color:#666666; font-size:10px;}
p.forgotpwd {margin-top:10px;}
p.bcomeclient {margin-top:5px; color:#333333; margin-bottom:10px; }

/* 	productos 1 */
.ski {width:150px; float:left; margin-right:20px; border:1px solid #E4E4E4; font-size:14px; padding:5px; margin-bottom:10px; background-color:#F8F8F8; background-image:url(../img/css/back_ski.gif); font-weight:bold;}
.ski a {text-decoration:none;} 

/* productos */
.product {border:1px solid #CCCCCC; margin-bottom:15px; padding:5px 0;}
.product h2, .details, .boots {padding-left:5px;}
.product h2 {font-size:16px; margin-bottom:15px; }
#price { margin-top:30px; clear:right;}
#price h4 {margin:0 0 8px 2px;}
#price table { border:none; border-collapse:collapse;}
#price th {font-weight:bold; padding:5px; background-color:#2158BB; color:#FFFFFF; border:1px solid #666666;}
#price td {padding:5px; border:1px solid #CCCCCC;}
#price tr.row1 {background-color:#FFFFFF;}
#price tr.row2 {background-color:#F0F3F9;}
#price tr.row1 td.selboots  {background-color:#FFFFFF; color:#2158BB; font-weight:bold;}
#price tr.row2 td.selboots  {background-color:#F0F3F9; color:#2158BB; font-weight:bold;}

.details, .boots { float:left;border-top:1px dashed #CCCCCC; margin-top:7px;border-right:1px dashed #CCCCCC; padding-right:5px; }
.details {margin-right:20px; width:400px;}
.details ul { margin-left:0;}
.boots h4 {margin-bottom:5px;}

div.buttons{clear:both; padding-top:10px; margin-left:-20px;}
div.buttons ul {margin-left:0; padding:0;}
div.buttons li { display:inline; padding:5px 5px 5px 5px; font-weight:bold; margin-right:10px; margin-left:0;}
div.buttons li a {color:#FFFFFF; text-decoration:none; padding-bottom:3px;}
div.buttons li a:hover {color:#F4F4F4;}

/*Condiciones alquiler */
#condition h2 {text-align:center; margin-bottom:30px;}
#condition li {margin-bottom:10px;}
#condition {padding:15px;}

/*Nueva reserva*/
fieldset.res {padding:10px 0;}
fieldset.res label {width:160px;}
fieldset.res span.comment {font-weight:normal;}
fieldset.res input.checkbox { height:30px;}
div.cancel {text-align:center; margin-top:12px;}
form#formres {float:left;}
.accptbutton {text-align:center;}

/* Carrito */
table#summary {background-color:#F8F8F8; margin-bottom:50px; border:1px solid #E4E4E4;}
#summary td { padding:5px; }
#summary td.col2 {width:150px;}
#summary td.col1 {text-align:right; font-weight:bold;}

#view_carrito li {display:inline; background:url(../img/css/back_button3.jpg) repeat-x top; height:20px;margin:0; padding:6px; border:1px solid #CCCCCC;}
#view_carrito li#current { background:url(../img/css/back_button2.jpg)}
ul#view_carrito {margin:0 0 3px -1px; padding:0 0 4px 0;}
#view_carrito li a {color: #333333; padding-bottom:10px; text-decoration:none;}
#view_carrito li a:hover {color: #999999;}
#view_carrito li#current a {color:#FFFFFF;}
#view_carrito li#current a:hover {color:#CCCCCC;}

table#carrito { border:none; border-collapse:collapse; margin-bottom:20px;}
#carrito th {font-weight:bold; padding:5px; background-color:#2158BB; color:#FFFFFF; border:1px solid #666666;}
#carrito td {padding:5px; border:1px solid #CCCCCC;}
#carrito tr.row1 {background-color:#FFFFFF;}
#carrito tr.row2 {background-color:#F0F3F9;}
#confirm2, #cancelar2 {float:left; margin-top:15px; margin-right:15px;}

/*Modificar carrito*/
#mod_carrito h1 {color:#F74B03;} 
#mod_carrito input, #mod_carrito select {background-color:#FED2C0;}
#mod_carrito input.checkbox {background-color:#FFFFFF;}
/* Eliminar carrito*/
#eli_carrito h1, #eli_carrito h5 {color:#E10000;} 
#eli_carrito h5 {margin-bottom:25px;}
#eli_carrito #cancelar {padding-left:110px;}
#eli_carrito table#summary {margin-bottom:20px;} 
/* Pagar Carrito */

#confirm, #cancelar {float:left; width:100px; margin-top:15px;}
#cancelar{padding-left:170px;}
fieldset#client_data, fieldset#pay_data, fieldset#promo {width:330px; margin-top:10px;}
fieldset#pay_data table#summary {margin-bottom:0; width:310px;}
fieldset#client_data  label, fieldset#promo label {width:140px;}
.total_no { text-decoration: line-through;}

/* Confirmacion */
#idbox {margin-top:15px;}
#idbox, #resa, #pickup {padding:5px;background-color:#F8F8F8; border:1px solid #E4E4E4; margin-bottom:15px; width:350px;}
#idbox h3, #resa h3, #pickup h3 {margin-bottom:10px;} 
.total {font-weight:bold; padding-top:5px; border-top:1px solid #cccccc; margin-top:10px; color:#333333;}
#fail h1 {color:#E10000;}
#fail h5 {margin-bottom:10px;}

/* Cambio PIN */
fieldset.cambio_pin h3 {padding:0 0 10px 15px;}
fieldset.cambio_pin {padding:10px 0;}
fieldset.cambio_pin label {width:160px;}

/* Estado de pistas*/
table.estacion {border:1px solid #F0F3F9;margin-top:15px;}