/* CSS Document */

/* ------------------------------------------------------ */

/* UNDO SITE */

/* ------------------------------------------------------ */
/*:link,:visited { text-decoration:none }*/
ul,ol { list-style:none }
h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }
a img,:link img,:visited img { border:none }
address { font-style:normal }
img		{ border:none;}
/* Site styles */

/*  -----------------------------
			PAGE ELEMENT
------------------------------ */
.clear { clear:both;}
.city{
	font-size:16px;

}
/*  -----------------------------
			GLOBAL
------------------------------ */
html, body {
   height: 100%;
}
#page {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
   height: 2em; /* .push must be the same height as .footer */
}


body 	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#333333;
	color: #FFFFFF;
	font-size:12px;
	height:100%;
}
	
.hide{
	display:none;
}

#page {
/*	height:auto;
	margin:0pt auto;*/
	padding:0pt;
	width:800px;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y; 
}

#index_container{
	background-color:#000000;
	width:100%;
	height:100%;
}
#container{
	text-align:left;
	padding-top:20px;
	margin-left:30px;
	margin-right:30px;
/*	width:100%;*/
}

#logo_title{
	text-align:center;
	padding-top:300px;

}

#leftArea {
	float:left;
	width:150px;
	height:530px;
}

#menu{
	float:left;
	font-weight:bold;
	height:440px;
}

#menu_links div{
	background-repeat:no-repeat;
	background-position:top left;
	height:16px;
	width:130px;
	margin-bottom:5px;
}

#menu div span{
	display:none;
}

#menu div:hover{
	background-position:bottom left;
	cursor: pointer;
	cursor: hand;
}

#conocenos_link{
	background-image:url(../images/menu/conocenos.gif);
}

#colecciones_link{
	background-image:url(../images/menu/colecciones.gif);
}

#registrate_link{
	background-image:url(../images/menu/registrate.gif);
}

#tallas_link{
	background-image:url(../images/menu/tallas.gif);
}

#gastos_de_envio_link{
	background-image:url(../images/menu/gastosDeEnvio.gif);
}

#devoluciones_link{
	background-image:url(../images/menu/devoluciones.gif);
}

#consejos_link{
	background-image:url(../images/menu/consejos.gif);
}

#contacto_link{
	background-image:url(../images/menu/contacto.gif);
}

#carrito_link{
	background-image:url(../images/menu/carrito.gif);
}

#tiendas_link{
	background-image:url(../images/menu/tiendas.gif);
}


#login{
	font-weight:bold;
	line-height:25px;
}

#rightArea {
	float:left;
	width:564px;
	text-align:justify;
	margin-left:15px;
}

#rightArea h3{
	margin:8px 0px 10px 0px;

}



#rightArea a{
	color:#FFFFFF;
}

#rightArea a:hover{
	color:#C90029;
}

#rightArea p, li{
	letter-spacing:1px;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color: #FFFFFF;
	margin:10px 0px 10px 0px;
}

#footer{
	text-align:center;
	color:#666666;
	font-size:10px;
}

#footer a{
	color:#666666;
}

/* tables */
.order {
  border-collapse: collapse;
  border: solid 1px white;
}

.order td, th {
  padding: 0.5em;
  border: solid 1px white;
}

#datosDeEnvio{
	border: none;
}

#datosDeEnvio td, th{
  padding: 5px;
  border: none;
}

#tallas_div{
	padding-top:20px;
	padding-left:15px;
}

#viewProduct{
	padding-top:60px;
	padding-left:20px;
}

#coleccion_container{
	text-align:center;
}

#coleccion{
	width:80%;
}

.product{
	width:140px;
	float:left;
	text-align:center;
	margin-bottom:5px;
	cursor: pointer;
	cursor: hand;
}

#product_preview{
	float:left;
	margin-right:20px;
}

#product_thumbs{
	float:left;
	padding-right:20px;
}

#product_details{
	float:left;
}

/*  -----------------------------
			TEXT
------------------------------ */
.paging_control_div{
	width:100%;
	float:left;	
}

/*  -----------------------------
			TEXT
------------------------------ */

li {list-style-position:inside; list-style-type:disc; color:#E9A013; line-height:20px;}
li span { color:#fff;}
/*  -----------------------------
			TABLE
------------------------------ */
table { font-size:11px;}
th { font-weight:600; text-align:right;}
td { }
/*  -----------------------------
			FORMS
------------------------------ */
.btn{
	background-color:#E9A013;
	border:2px solid #333;
	padding:3px;
	color:#fff;
	font-weight:600;
	font-size:0.8em;
}

.textbox, .textarea, .select{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3F3F3F;
	font-size:12px;
	width:200px; 
	border:2px solid #3F3F3F;
	padding:3px;
}

.checkbox{
	color: #3F3F3F;
	border:2px solid #3F3F3F;
	padding:3px;
}

.loginTextbox{
	width:110px; 
}

.textbox{}
.textarea{}
.select{ width:210px; }
#product_details .select{ width:180px; }

.textbox:hover{ border-color:#C51240; }
.textarea:hover{ border-color:#C51240; }
.select:hover{ border-color:#C51240;}
.checkbox:hover{ border-color:#C51240;}

#alert_container{
	text-align:center;
	width:100%;
}

#alert_msg{
	text-align:left;
	font-size: 10px;
	line-height:12px;
	padding:0px 10px 0px 10px;	
	border:1px solid #C51240;
	margin-bottom:10px;
	width:80%;
}

/*  -----------------------------
			Pop ups
------------------------------ */
#popup_text{
	float:left;
	text-align:justify;
	margin-left:15px;
	width:710px;
}

#popup_text h3{
	margin:8px 0px 10px 0px;

}

#popup_text a{
	color:#FFFFFF;
}

#ppopup_text a:hover{
	color:#C90029;
}

#popup_text p, li{
	letter-spacing:1px;
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color: #FFFFFF;
	margin:10px 0px 10px 0px;
}