/* CSS Document */

/******** GENERAL ********/

img{
border:0px
}

body{
background-color:#3b4875;
}

h1{
	color: #cbb794;
	font-family:Tahoma;
	font-size:24px;
}

a{
color:#ccc;
text-decoration: underline;
font-weight: bold;
}

a:hover{
color:#999;
text-decoration:none;
font-weight: bold;
}

.jsalert{
	color: red;
	font-family: tahoma;
	font-size: 16px;
}

.clear{
	clear: both;
}

#layout_wraper{
	width: 766px;
}

#content{
	padding: 10px 50px 10px 50px;
}

.desc{
	text-align: justify;
	font-size: 14px;
	color: #ffffff;
	font-family:Tahoma;
	line-height: 18px;
}

.tleft{
	text-align: left;
}

.hf{
	
	font-weight: bold;
}

.country_msg{
	padding: 5px 5px;
	text-align: justify;
	font-size: 10px;
	color: #ffffff;
	font-family:Tahoma;
}

.error404{
	font-size: 16px;
	color: red;
	font-family:Tahoma;
}

/******** HEADER ********/

#header{
background-image:url(../images/hfv2_01.jpg);
width:766px;
height:302px;
}

.locSelWrapper {
	width: 766px;
	height: 28px;
	margin-top: 30px;
	position: absolute;
	font-family:Arial;
	font-size:12px;
	color:#576579;
}

.locSelRow {
	
}

.locHeadLang{
	margin: 5px 0 0 10px;
	float: right;
}

.locHeadCountry{
	margin-top: 5px;
	float: right;
}

.loc_btn{
	height: 16px;
	padding: 4px;
	margin: 0 10px 0 10px;
	float: right;
	cursor: pointer;
	font-weight: bold;
	color: white;
	background-color: #576579;
}

#logo{
	width: 181px;
	height: 130px;
	position: absolute;
	margin-left: 30px;
	margin-top: 80px;
	background: url(../images/logo.jpg);
	float: left;
}

#banner{
	width: 469px;
	height: 130px;
	position: absolute;
	margin-left: 260px;
	margin-top: 80px;
}

#menu{
	height: 30px;
	width: 766px;
	margin: 240px 0 0 0;
	position:absolute;
}

#header ul{
display:block;
margin:0 0 0 45px;
font-family:Arial;
font-size:14px;
color:#576579;
}

#header li{
float:left;
list-style-type:none;
padding:10px 40px 0 40px;
}

#header li a{
color:#576579;
text-decoration:none;
font-weight: bold;
}

#header li a:hover{
color:#818fa4;
text-decoration:none;
font-weight: bold;
}

/******** INICIO ********/

#inicio_l_content{
	padding: 10px 20px 0px 0px;
	width: 360px;
	float: left;
}

#inicio_r_content{
	padding: 10px 0px 0px 10px;
	width: 265px;
	float: left;
	border-left: 1px solid #566289;
	margin-left: 10px;
}

.bigger_ita{
	font-style: italic;
	font-size: 16px;
	font-family: Tahoma;
	color: #5a96c9;
	font-weight: bold;
	text-align: center;
}

.big_ita{
	font-style: italic;
	font-size: 15px;
}

.ini_hclink{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #5a96c9;
	position: absolute;
	margin: 22px 0 0 5px;
}

/****** HANDCREATOR ******/

#hc_l_content{
	padding: 10px 20px 0px 0px;
	width: 360px;
	float: left;
}

#hc_r_content{
	padding: 10px 0px 0px 10px;
	width: 265px;
	float: left;
	border-left: 1px solid #566289;
	margin-left: 10px;
}

#phphc_price{
	/*height: 45px;*/
	border-top: 1px solid #566289;
	border-bottom: 1px solid #566289;
	margin-top: 15px;
	padding: 15px 0 15px 0;
	text-align: center;
	clear: both;
}

#phphc_price a{
color:#ccc;
text-decoration: underline;
font-weight: bold;
margin: 0 10px 0 10px;
}

#phphc_price a:hover{
color:#999;
text-decoration:underline;
font-weight: bold;
margin: 0 10px 0 10px;
}

#phphc_tienda a{
	color:#ccc;
	text-decoration: underline;
	font-weight: bold;
}

#phphc_tienda a:hover{
	color:#999;
	text-decoration:none;
	font-weight: bold;
}

#hc_top_info{
	color: red;
	font-family: Tahoma;
	font-size: 14px;
	display: none;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #566289;
}

#hc_top_info img{
	float: left;
	margin: 5px;
}

.hc_sec{
	color: #cbb794;
}

.phphc_opt{
	height: 45px;
	width: 100%;
	background: #67739a;
}

.phphc_opt_b{
	height: 45px;
	width: 100%;
	background: #56628a;
}

#dispo{
	width: 333px;
	padding: 0 15px 0 0px;
	float: left;
}

#dispo input, #dispo img{
	float: left;
}

.dispo_opt{
	padding: 10px 0 0 10px;
	color: white;
}

.spacer36{
	height: 36px;
}

#sizes{
	width: 318px;
	float: left;
}

#size_info{
	margin-top: 20px;
	width: 318px;
	float: left;
}

#size_op_id{
	width: 316px;
	border: 1px solid white;
	font-family: Tahoma;
	font-size: 18px;
	color: white;
	background-color: #67739A;
	text-align: center;
}

.size_info_row{
	height: 25px;
	margin: 5px;
	margin-left: 0;
}

.size_info_label{
	float: left;
	width: 170px;
	margin-left: 10px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.size_info_value{
	float: left;
	padding-right: 10px;
	width: 110px;
	text-align: right;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.size_info_row_price{
	height: 25px;
	margin: 5px;
	margin-left: 0;
	margin-bottom: 10px;
	border: 1px solid white;
	line-height: 25px;
}

.size_info_label_price{
	float: left;
	width: 200px;
	margin-left: 10px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
	color: white;
}

.size_info_value_price{
	float: left;
	padding-right: 10px;
	width: 90px;
	text-align: right;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

#colors_wrap{
	border-top: 1px solid #566289;
	float: left;
	width: 132px;
	margin-left: 14px;
}

.color_sel{
	width: 55px;
	height: 30px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid #cbb794;
	text-align: center;
	padding: 2px;
	background-color: #576579;
	color: white;
	visibility: hidden;
	z-index: 100;
}

.hspacer32{
	width: 32px;
	float: left;
	height: 1px;
}

#filters_wrap{
	border-top: 1px solid #566289;
	margin-top: 20px;
}

.creator_filter{
	width: 130px;
	height: 87px;
	margin: 0 0 0px 30px;
	cursor: pointer;
	float: left;
}

#funda_wrap{
	margin: 15px 0 15px 0;
	border-top: 1px solid #566289;
}

#funda{
		margin: 0 auto;
}

.funda_center{
	width: 520px;
	float: left;
}

#demo_ctr{
	margin: 10px 0 10px 0;
	padding: 4px 0 4px 0;
}

#demo_ctr img{
	margin: 0 4px 0 55px;
}

#crt_btns{
	width: 82px;
	height: 25px;
	position: absolute;
	padding-top: 3px;
}

.lo_button_upload{
	width: 22px;
	height: 22px;
	float: left;
	visibility: hidden;
	margin-left: 4px;
}

.lo_button_zoom{
	width: 22px;
	height: 22px;
	float: left;
	visibility: hidden;
	margin-left: 4px;
}

.lo_button_del{
	width: 22px;
	height: 22px;
	float: left;
	visibility: hidden;
	margin-left: 4px;
}

#creator_buttons_wrap{
	height: 26px;
	margin-top: 20px;
}

.hc_reset_btn{
	height: 16px;
	padding: 4px;
	position: relative;
	left: 75px;
	border: 1px solid #cbb794;
	float: left;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	text-decoration: none;
}

.hc_reset_btn:hover{
	background-color: #56628a;
	border: 1px solid white;
}

.hc_next_btn{
	height: 16px;
	padding: 4px;
	position: relative;
	left: 415px;
	border: 1px solid #cbb794;
	float: left;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	text-decoration: none;
}

.hc_next_btn:hover{
	background-color: #56628a;
	border: 1px solid white;
}

/****** FORMULARIO ******/

.formCt {
	width: 416px;
}

.formRowCt {
	height: 25px;
	margin: 5px;
	margin-left: 30px;
}

.formRowCtBig {
	height: 50px;
	margin: 5px;
	margin-left: 30px;
}

.formLabel {
	float: left;
	width: 150px;
	font-family: Tahoma;
	font-size: 14px;
	color: white;
}

.fieldObligatory {
	color: red;
	font-family: Tahoma;
	font-size: 12px;
}

.formInput {
	float: left;
	left: 100px;
	width: 200px;
	border: 1px solid #5a96c9;
}

.formInputFocus {
	float: left;
	left: 100px;
	width: 200px;
	border: solid 1px #90ee90;
}

.formInputFake {
	float: left;
	left: 200px;
	width: 198px;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #5a96c9;
	background-color: white;
	text-indent: 5px;
}

.formTextarea {
	float: left;
	left: 200px;
	width: 200px;
	height: 50px;
	border: solid 1px #5a96c9;
}

.formTextareaFocus {
	float: left;
	left: 200px;
	width: 200px;
	height: 50px;
	border: solid 1px #90ee90;
}

.formError {
	margin-left: 175px;
	margin-bottom: 5px;
	width: 230px;
 	color: red;
 	clear: both;
}

.formSeparator {
 	clear: both;
	margin: 0px;
}

.terms_link{
	color: white;
	font-family: Tahoma;
	font-size: 12px;
}


.orderPrices{
	width: 250px;
	float: left;
}

table.pricesCt{
	border-collapse: collapse;
}

.pricesCt {
	width: 250px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pricesCt td{
	border: 1px solid white;
}

.pricesLabel {
	width: 190px;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	color: white;
}

.pricesText {
	width: 150px;
	color: white;
	padding: 5px;
	text-align: right;
	font-size: 14px;
}

.vatNotice{
	color: #999;
	font-size: 10px;
	margin-bottom: 5px;
}

.formBtnRow{
	width: 250px;
	float: left;
	/*height: 85px;*/
	text-align: left;
	float: left;
}

.ppRedirectMsg{
	font-family: Tahoma;
	font-size: 16px;
	margin-top: 20px;
	color: white;
}

.formPayOpts{
	text-align: left;
	color: white;
	font-family: Tahoma;
	font-size: 14px;
	margin-bottom: 10px;
}	

.radioPay{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
}

.payBtn{
	height: 18px;
	width: 240px;
	padding: 4px;
	position: relative;
	margin: 10px 0 0 0;
	border: 1px solid #cbb794;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}

.payBtn:hover {
	background-color: #56628a;
	border: 1px solid white;
}

.formBtnInfo{
	width: 30px;
	height: 30px;
	background-image: url('../images/form/info.png');
	float: right;
	margin: 10px 80px 0 0;
	cursor: pointer;
}

.transferConf{
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
	width: 248px;
	float: left;
	display: none;
	margin: 10px 0 20px 0;
}
/*
.paypalConf{
	text-align: center;
	width: 250px;
	float: left;
	display: none;
}
*/
.form_wrapper {
	width: 416px;
	float: left;
}

#prov {
	display: none;
}

.orderResume {
	width: 248px;
	float: left;
	border: 1px solid white;
}

.orResTitle {
	text-align: center;
	color: white;
}

.orResRow {
	height: 25px;
	margin: 5px;
	margin-left: 0;
}

.orResRowBt {
	height: 25px;
	margin: 5px;
	margin-left: 20px;
	text-align: center;
}

.orResLabel {
	float: left;
	width: 110px;
	margin-left: 20px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.orResDesc {
	float: left;
	padding-right: 10px;
	width: 100px;
	text-align: right;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.orRetBtn{
	height: 24px;
	padding: 4px;
	position: relative;
	margin: auto 0;
	border: 1px solid #cbb794;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	text-decoration: none;
	cursor: pointer;
}

.orRetBtnHover{
	background-color: #56628a;
	border: 1px solid white;
}

/******* INSPIRATE *******/

.ins_wrapper{
	margin-left: 20px;
}

.ins_img{
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}
  
.ins_img img{
  display:inline;
  margin:3px;
  border:2px solid #fff;
}

.ins_img a:hover img{
  border:2px solid #5a96c9;
}

.ins_img_tit{
  margin:2px;
  text-align:center;
  font: Verdana;
  font-size: 12px;
  color: white;
}

/******* CONTACTO *******/

#cont_info{
	font-size: 14px;
	font-family: Tahoma;
	color: white;
	float: left;
	line-height: 18px;
	width: 200px;
}

#cont_form_div{
	width: 455px;
	float: left;
	border-left: 1px solid #566289;
	padding-left: 10px;
}

#cont_form_div label{
	width: 150px;
	color: white;
}

.cont_input{
	width: 220px;
	border: 1px solid #5a96c9;
	margin-left: 240px;
}
.cont_txtarea{
	width: 460px;
	height: 120px;
	border: 1px solid #5a96c9;
	
}
.cont_input_focus{
	width: 220px;
	margin-left: 240px;
	border: 1px solid #90ee90;
}
.cont_txtarea_focus{
	margin-left: 0;
	width: 460px;;
	height: 120px;
	border: 1px solid #90ee90;
}

.cont_field{
	line-height: 24px;
	margin: 4px 0 0px 0;
}

.cont_error{
	display: none;
	margin-left: 260px;
	color: red;
	font-size: 10px;
}

#cont_bts_form{
	margin-top: 12px;
	height: 20px;
}

#cont_submit_form{
	height: 16px;
	padding: 4px;
	position: relative;
	left: 415px;
	border: 1px solid #cbb794;
	float: left;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	text-decoration: none;
}

/****** CONFIRMACION ******/

#conf_content{
	padding: 10px 20px 0px 20px;
	text-align: justify;
}

.conf_cont{
	font-size: 14px;
	font-family: Tahoma;
	color: white;
	height: 150px;
	display: block;
	padding: 32px;
	line-height: 20px;
}

/****** PRECIOS Y ENVIOS ******/

#precios{
	
}

#precios h3{
	text-align: justify;
	font-size: 14px;
	color: #cbb794;
	font-family:Tahoma;
}

#precios_l_content{
	padding: 10px 20px 0px 0px;
	width: 360px;
	float: left;
}

#precios_r_content{
	padding: 10px 0px 0px 10px;
	width: 265px;
	float: left;
	border-left: 1px solid #566289;
	margin-left: 10px;
}

.prices_size_row{
	height: 25px;
	margin: 5px;
	margin-left: 0;
}

.prices_size_label{
	float: left;
	width: 160px;
	margin-left: 20px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.prices_size_value{
	float: left;
	padding-right: 10px;
	width: 60px;
	text-align: right;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.prices_size_price{
	float: left;
	padding-right: 10px;
	width: 60px;
	text-align: right;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.prices_table_sep{
	height: 25px;
}

.shipp_price_row{
	height: 25px;
	margin: 5px;
	margin-left: 0;
}

.shipp_price_dest{
	float: left;
	width: 160px;
	margin-left: 20px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

.shipp_price_cost{
	float: left;
	padding-right: 10px;
	width: 60px;
	text-align: right;
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

/******** WEBMAP ********/

.sma{color:#5a96c9;font-style: italic;font-size: 16px;font-family: Tahoma}
.smb{color:white;font-size: 12px;font-family: Tahoma}
.sma:hover{text-decoration:none}
.smb:hover{text-decoration:none}

/******** FOOTER ********/

#footer{
background-image:url(../images/hfv2_20.jpg);
background-position:top left;
background-repeat:no-repeat;
border-bottom: 1px solid #8694A8;
width:766px;
height:126px;
float:left;
position:relative;
font-family:Arial;
font-size:11px;
color:#8694A8;
}

.mail{
position:absolute;
top:94px;
left:70px;
font-family:Tahoma;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#footer ul{
display:inline;
margin:75px 0 0 265px;
float:left;
}

#footer li{
float:left;
list-style-type:none;
}

#footer li a{
margin:5px 7px 5px 7px;
color:#8694A8;
text-decoration:underline;
}

#footer li a:visited{text-decoration:underline}

#footer li a:hover{text-decoration:none}

.copy{
display:inline;
float:left;
font-family:Tahoma;
font-size:10px;
color:#64748B;
margin:5px 0 0 302px;
}

.sitemapwraper{
	font-family:Tahoma;
	font-size:10px;
	padding-bottom: 5px;
	clear: both;
	margin-left: 302px;
}

.sitemapwraper a{
	color:#64748B;
}

.sitemapwraper a:hover{
	text-decoration: none;
}

/******** WINDOWS ********/

#winhead{
	height: 24px;
	background-color: #cccccc;
	border-bottom: 4px solid #a2bde5;
	padding: 0px 0 0 12px;
}

.win_title{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #3b4875;
}

/*.close_win{
	position: absolute;
	right: 6px;
	top: 3px;
}*/

.close_win{
	float: right;
	margin-top: 3px;
}

#close_winbtn{
	margin-left: 300px;
}

.winbtn{
	height: 24px;
	padding: 4px;
	border: 1px solid #cbb794;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #576579;
	margin-top: 4px;
}

.winbtn:hover{
	background-color: #56628a;
	border: 1px solid white;
}

#wincont{
	padding: 18px 12px 18px 12px;
	font-family: Tahoma;
	font-size: 14px;
	color: white;
	background-color: #3b4875;
}

#winfoot{
	height: 12px;
	background-color: #cccccc;
}

/*** PRELOAD ***/

#preload_win{
	margin: 60px auto; width: 450px;
	border: 1px solid #cbb794;
}

#preload_win select{
	width: 180px;
	border: 1px solid #5a96c9;
}

#preload_win input{
	width: 180px;
}

/*** UPLOAD ***/

#up_win{
	margin: 0 auto; width: 350px;
	border: 1px solid #cbb794;
}

#up_win input{
	border: 1px solid #5a96c9;
}

.uld {padding:5px;font-family:Arial, Helvetica, sans-serif;}
.uld .warning {color:#CC0000;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CC0000; background-color:#EEEEEE;padding:5px;margin:3px;}
.uld .notice{ font-family:Arial, Helvetica, sans-serif;color:#666666;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CCCCCC; background-color:#FFFFFF;padding:5px;margin:3px;}
.uld .tinyfont {font-size: 8pt;}
.uld .more{display:none;clear:both;font-size: 8pt;}
.uld .progress_bar{padding:2px;display:none;text-align:center;clear:left;}
.uld .progress_box{width:100%;background-color:#CCCCCC;border:1px solid #444;text-align:left;}
.uld .progress{width:300px;text-align:center;}
.uld .bar{width:0%;background-color:#009900;height:8px;overflow:hidden;}
.uld .delete_link{color:red;}
.uld .upi {font-size:9pt;color:#666666;font-style:italic;}
.uld ul{list-style-type:none;clear:left}

/*** EDITOR ***/

#edwin{
	margin: 0 auto; width: 826px;
	height: 638px;
	border: 1px solid #cbb794;
}

#wincont_ed{
	height: 598px;
	font-family: Tahoma;
	font-size: 14px;
	color: white;
	background-color: #3b4875;
}

#edwrap{
	width: 600px;
	height: 600px;
	/*position: absolute;*/
	top: 40px;
	left: 13px;
}

#edmenu{
	width: 200px;
	height: 600px;
	position: absolute;
	left: 613px;
	top: 40px;
}

#eddone{
	width: 163px;
	height: 26px;
	text-align: center;
	font-size: 18px;
	margin: 18px 0 0 18px;
	cursor: pointer;
}

#edtxt{
	position: absolute;
	top: 100px;
	left: 0px;
	padding: 8px;
}

/*** LOAD Y OTRAS ***/

#loadwin{
	margin: 0 auto; width: 400px;
	border: 1px solid #cbb794;
}

#load_win_img{
	width: 31px;
	height: 31px;
	padding: 30px;
	margin-right: 9px;
	float: left;
	background: #F0F0F0;
	border: 1px solid #3b4875;
}

#load_win_txt{
	padding-top: 30px;
	font-size: 16px;
	float: left;
	font-weight: bold;
}

#loadwin select{
	width: 180px;
	border: 1px solid #5a96c9;
}

/*** TERMS ***/

#terms{
	background: white;
	font-family: "Courier New", Courier, monospace;
	padding: 6px;
}

.terms_title{
	font-size: 14px;
}

#terms p{
	font-size: 12px;
}

/*** FAQ ***/

#faq{
	
}

.faq_q{
	font-family: Tahoma;
	font-size: 14px;
	color: #5A96C9;
	border-top: 1px solid #8694A8;
}

#faq p{
	font-family: Tahoma;
	font-size: 12px;
	color: white;
}

/******** LINKS ********/

#links{
	width: 550px;
	padding: 50px 20px 50px 50px;
	float: left;
}

.links_title{
	font-family: Tahoma;
	font-size: 12px;
	color: #8694A8;
	margin-bottom: 10px;
}

.link_item{
	width: 120px;
	height: 20px;
	line-height: 20px;
	float: left;
	font-family:Tahoma;
	font-size:10px;
	color:#FFFFFF;
}

.link_item a{
	font-family: Tahoma;
	font-size: 10px;
	color: #8694A8;
	text-decoration:none;
}

.link_item a:hover{
	text-decoration: underline;
}

.fb {
	width:120px;
	padding-top:5px;
	float: left;
}

.acambio{
	width:100px;
	float:left;
}