/*
CSS for the demo: Recreating the Nikebetterworld.com Parallax Demo
Demo: Recreating the Nikebetterworld.com Parallax Demo
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Demo URL: http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset*/
/*other reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License: 
http://developer.yahoo.com/yui/license.html 
version: 3.3.0 
build: 3167 
*/ 
html{color:#8e8a85;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#8e8a85;} 


@charset "utf-8";
/* CSS Document */


/*@font-face {
  font-family: 'helve';
  src: url('fonts/helve.eot');
  src: local('?'),
       url('fonts/helve.woff') format('woff'),
       url('fonts/helve.ttf') format('truetype'),
       url('fonts/helve.svg#helve') format('svg');
}*/
@font-face {
    font-family: 'helve';
    src: url('fonts/helve.eot');
    src: url('fonts/helve.eot?#iefix') format('embedded-opentype'),
         url('fonts/helve.woff') format('woff'),
         url('fonts/helve.ttf') format('truetype'),
         url('fonts/helve.svg#helve') format('svg');
    font-weight: normal;
    font-style: normal;

}


#soon{
	/*background-image:url(images/loader-logo.png); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-size: 291px 83px; */
	position:fixed; 
	width: 239px; 
	height: 200px;
	z-index: 2; 
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left: -120px;
}
#ftr-soon{
	position:fixed; 
	width: 460px; 
	min-width: 460px; 
	height: 40px;
	z-index: 2; 
	bottom:60px;
	left:50%;
	margin-left: -230px;
	text-align:center;
	font-family:'helve', Arial, Helvetica, 
}
#ftr-soon-left{
	width: 200px;
	min-width: 200px; 
	float:left;
	text-align:left;
	padding:0;
	margin:0;
	
}
#ftr-soon-right{
	width: 200px;
	min-width: 200px; 
	float:right;
	text-align:right;
	padding:0;
	margin:0;
}

/*#ftr-soon a{
	position:fixed; 
	width: 280px; 
	height: 40px;
	z-index: 2; 
	bottom:0;
	left:50%;
	margin-left: -140px;
	text-align:center;
	font-family:'helve', Arial, Helvetica;
	color:#666;
	text-decoration:none;
}
#ftr-soon a:hover{
	color:#000;
	text-decoration:none;
}*/


body{
	font-family:'helve', Arial, Helvetica, sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin: 0;
	min-width: 960px;
	padding: 0;
	color:#8e8a85;
	overflow:hidden;
}




p{
	margin: 0 0 20px 0;	
}

img{
	border: 0;
}

a img:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
	}



/*top right*/


#logo{
	position:fixed;
	z-index:101;
	top:50%;
	right:50%;
	margin:-270px -410px auto auto;
	color:#eac8c3;
	width: 152px;
	height: 50px;
}

/*menu*/

#left-menu{
	z-index: 101;
	position: fixed;
	width: 210px;
	height: 360px;
	top: 50%;
	left: 50%;
	margin: -180px auto auto -410px;
	padding: 0;
}

#nav{
	list-style: none;
	padding: 0;
	margin:0;
}

#nav li{
	/*display: inline;*/
	margin: 0;
	padding: 0;
	border: 0;
}

#nav a {
	font-family:'helve', Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
	padding: 0;
	color: #8e8a85;
	border: 0;
}
#nav a img{
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}


#nav a:visited {
	color: #8e8a85;
}
#nav a:hover, #nav a.htab_selected {
	color: #8e8a85;
	/*text-decoration: underline;
	border-bottom: 3px double #fff;*/
}



/*footer*/

#footer{
	color:#8e8a85;
	padding:0;
	margin: 0 0 24px 0;
	font-size:9px;
	letter-spacing:0.1em;
	background: transparent;
	/*background: url(images_i12/wood1ftr.png);*/
	height: 24px;
	position:fixed;
	bottom: 0;
	z-index:980;
	width: 100%;
}
#ftrleft {
	float:left;
	padding:0 0 0 10px;
	width: 1100px;
	
}
#ftrright {
	float:right;
	padding:6px;
	width: 100px;
	text-align:right;
}


#socialicons {
	float:right;
	padding:0;
	margin: -2px 18px 0 0;
}
#socialicons img{
	margin:0 2px;
}

#surf-credits {
	float:right;
	padding:0;
	margin: 0;
	right:4px;
	bottom: 2px;
	z-index:999;
	position:fixed;
	font-size:9px;
	color:#CCC;
}
#surf-credits a{
	font-size:9px;
	color:#CCC;
	text-decoration:none;
	
}
#surf-credits a:hover{
	color:#999;
}



/***   TABS   **********/


.htabs {	overflow:hidden; }
.htabs a.htab_selected, .htabs_subnav a.htab_selected{
	 color:#8e8a85;
}

.tabs{

	/*overflow:hidden;*/
}
.tab{
	/*margin:0;
	float:left;
	width: 510px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;*/
}

/*subnav*/

.htabs_subnav, .htabs_subnav2 {
	width:100%;
	margin:16px 0;
	padding:12px 0;
	border-bottom: 1px dotted #8e8a85;
	border-top: 1px dotted #8e8a85;
	text-align:left;
	list-style: none;
	height: 14px;
	
}
.htabs_subnav3 {
	margin:0;
	padding: 0;
	text-align:left;
	list-style: none;
	
}
.htabs_subnav li, .htabs_subnav2 li, .htabs_subnav3 li{
	/*margin: 0 0 15px 0;*/	
	display: inline;
	margin: 0;
	padding: 0;
}

.htabs_subnav a, .htabs_subnav2 a {
	/*border-right: 1px solid #666;*/
	display: block;
	float: left;
	height: 20px;
	margin: 0 20px 0 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	color: #8e8a85;
	font-size:12px;
	letter-spacing:0.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-transform:uppercase;
	

}
.htabs_subnav3 a {
	/*border-right: 1px solid #666;*/
	min-height: 23px;
	display: block;
	float: left;
	margin: 0 16px 2px 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	color: #8e8a85;
	font-size:12px;
	letter-spacing:0.2em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-transform:uppercase;
	

}
.htabs_subnav a:visited, .htabs_subnav2 a:visited, .htabs_subnav3 a:visited{
	color: #8e8a85;
}
.htabs_subnav a:hover, .htabs_subnav2 a:hover, #nav a.htab_selected, .htabs_subnav2 a.htab_selected, .htabs_subnav a.htab_selected {
	color: #68C8C6;
}

.htabs_subnav3 a:hover, .htabs_subnav3 a.htab_selected {
	background:url(images_v13/bg_over_bt_mayor.png);
}

.submenu {
	position: relative;
	margin-left: 380px;
	margin-bottom: 36px;
	top: 20px;
	width: 450px;
}
.submenumayor {
	position: relative;
	margin-left: 0px;
	margin-bottom: 0;
	top: 0;
	width: 452px;
}

.submenu h1 img {
	position: relative;
	top:6px;
	margin-left: -14px;
	margin-right: 6px;
}

.subpic {
	position: relative;
	top: -120px;
}


/*sections*/

.story{
	min-width: 820px;
	width: 820px;
	height: 470px;
	min-height: 470px;
	z-index:10;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -270px auto auto -410px;
	padding: 70px 0 0 0;
	
	/*border:1px solid #0F9;*/
}
.storyvideo{
	min-width: 960px;
	width: 960px;
	height: 540px;
	min-height: 540px;
	z-index:10;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -270px auto auto -480px;
	padding: 0;
	
	/*border:1px solid #0F9;*/
}



.center{
	/*font-size: 2.5em;*/
	padding: 0;
	margin: 0;
	text-align: justify;
	height: 100%;
}
.center-mayoristas{
	/*font-size: 2.5em;*/
	padding: 0;
	margin: 0 0 0 300px;
	text-align: justify;
	height: 100%;
}


.float-left{
	float: left;	
	margin: 0 0 0 20px;
	
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}




.boxcontainer{
  /*background-color: #fff;
  border: 1px solid #ccc;
  padding: 0; */

}
.boxcontainer2 {
	/*padding: 6px; 
  border: 2px solid #FFF;
  background-color: #8e8a85;
  margin: 1px;
  padding: 0;*/
  }
  
.boxcontainer {
	background-color: #fff;
	 padding: 6px;
	margin: 0;
	/*background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 0 0 10px 0 rgba(68,68,68,0.6);
	-webkit-box-shadow: 0 0 10px 0 rgba(68,68,68,0.6);
	box-shadow: 0 0 10px 0 rgba(68,68,68,0.6);

	/*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;*/
	

}
/*.boxcontainer .boxcontainer2 {
	position: relative; /* This protects the inner element from being blur#f09698 
	padding: 6px;
	background-color: #fff;
	border:0;
} */ 

#homeboxnew {
	width: 182px;
	height: 172px;
	/*border:5px solid #FFF;*/
	position:fixed;
	bottom: 70px;
	right: 22px;
	z-index:1991;
}
  

.padd10 {
  padding: 10px; }
.padd20 {
  padding: 20px; }

/*#triquiback{
               position:fixed;
               left: 0;
               top: 0;
               overflow:hidden;
               zIndex: -9999
          }
#triquibackimg{
               position:fixed
          }*/

.clear { clear:both;}





#home {
	/*background: #C3BDA7 url(images_i12/bg_paru0.jpg) repeat-x;
	background: #C3BDA7 url(images_i12/bg_paru0.jpg) 0 0 fixed no-repeat;*/
	color:#8e8a85;
	/*height: 1200px;*/
	height: 100%;
	margin: 0;
	padding:0;
	/*padding: 80px 0 0 0;*/
}
/*#institucional {
	background: url(images_i12/fade.png) repeat-x;
	height: 1200px;
	margin: 0;
	padding:0;
}*/
#institucional, #lookbook, #locales, #beauty, #giftcard, #green, #anteriores, #contacto, #register, #mayoristas {
	background:#FFFFFF;
	color:#8e8a85;
	/*height: 1200px;*/
	height: 100%;
	margin: 0;
	padding: 0;
}

/*full bg*/
#background{
	z-index: -10;
}

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -10;
}



/*lookbook*/

.thlook {
	margin: 0 25px 25px 0;
	float:left;
	width: 125px;
	height: 188px;
}

.thview {
	margin: 10px 10px 40px 0;
	float:left;
	width: 67px;
	height: 100px;
}

#looknum {
	width:280px;
	float:left;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	color: #8e8a85;
	margin-bottom:10px;
	letter-spacing:0.1em;
}
#looknum strong {
	color: #68C8C6;
	font-weight:bold;
}
#lookshare {
	width:280px;
	float:left;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #68C8C6;
	margin-bottom:40px;
	letter-spacing:0.1em;
	float:left;
}
#lookshare img{
	margin:0 2px -2px 0;
}

#lookviews {
	width:280px;
	float:left;
	position:fixed;
	bottom:0px;
	/*left:;*/
	margin: 0 0 40px 0;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #606060;
	letter-spacing:0.1em;
}
#lookviews h2{
	width:280px;
	float:left;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #606060;
	letter-spacing:0.1em;
	margin:0;
	padding: 0;
}

#lookcare {
	width:280px;
	float:left;
	/*position:fixed;
	left:inherit;
	bottom:34px;*/
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #68C8C6;
	/*margin-top:40px;*/
	letter-spacing:0.1em;
}
#lookcare a{
	text-decoration:none;
	color: #68C8C6;
}
#lookcare a:hover{
	text-decoration:none;
	color: #606060;
}

.appleLinks a {
	color:#CCC;
}


/* pic width*/
.textcontainer {
	width:450px;
	float:left;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #8e8a85;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1.2em;
	
}
.textcontainerecobag {
	margin-left:380px;
	margin-top:40px;
	
}
.textcontainer h2 {
	width:100%;
	float:left;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px;
	color: #68C8C6;
	letter-spacing:0.1em;
	text-align:left;
	line-height:1.2em;
	
}

.marca {
	margin-top: 66px;
}

.marca h1 {
	width:350px;
	
	margin: 26px auto;
	border: 1px solid #8e8a85;
	padding: 12px 20px;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:20px;
	color: #8e8a85;
	letter-spacing:0;
	text-align:center;
	
}


.margintop30 {
	margin-top: 10px;
	padding-top:0;
}

#tendencia p {
	font-size:12px;
	line-height:1em;
	
}

.tit-tendencias {
	position:relative;
	left:-60px;
	z-index:100;
	margin-bottom:10px;
	
}
#text-ficha  {
	display:none;
	
}
#text-ficha p  {
	line-height:1.4em;
	font-size:14px;
}
#text-ficha strong  {
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#tendencia a{
	color:#8e8a85;
	text-decoration:none;
	font-family:'helve', Arial, Helvetica, sans-serif;
}
#tendencia a:hover{
	color:#CB1B4A;
}


#catwalk p  {
	width: 100%;
	text-align:center;
	font-size:24px;
	margin-top: 100px;
}

.giftcardd {
	margin-top: 36px;
}

.giftcardd h1 {
	width:370px;
	
	margin: 16px auto 0 auto;
	padding: 0 0 0 0;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	color: #8e8a85;
	letter-spacing:0.2em;
	text-align:left;
	float:left;
	
}
.giftcardd h2 {
	width:370px;
	margin: 2px auto 0 auto;
	padding: 0 16px;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:14px;
	color: #8e8a85;
	letter-spacing:0.2em;
	text-align:right;
	float:left;
	
}
.pgift {
	width:370px;
	margin:8px auto 16px auto;
	padding:16px 16px;
	border-bottom: 1px dotted #8e8a85;
	border-top: 1px dotted #8e8a85;
	float:left;
	
}
.picgift {
	width:370px;
	margin:8px auto 0 auto;
	padding:16px;
	float:left;
	
}


.p100percent {
	width: 100%;
	float: left;
}
.palignleft {
	text-align:left;
}
.palignright {
	text-align:right;
}
.pfont12 {
	font-size:12px;
}
.pborderbot {
	padding-bottom:18px;
	border-bottom: 1px dotted #8e8a85;
	
}
.pbordertop {
	padding-top:18px;
	border-top: 1px dotted #8e8a85;
	
}

.p0 {
	width:390px;
	margin:16px auto;
	padding:18px 0;
	border-bottom: 1px dotted #8e8a85;
	border-top: 1px dotted #8e8a85;
	
}

.p1 {
	width:390px;
	margin:16px auto;
	padding-top:18px;
	border-top: 1px dotted #8e8a85;
	
}
.p2 {
	width:390px;
	margin:16px auto;
	padding-bottom:18px;
	border-bottom: 1px dotted #8e8a85;
	
}
.ptit {
	width:100%;
	margin:26px auto;
	padding:14px 0;
	border-bottom: 1px dotted #8e8a85;
	border-top: 1px dotted #8e8a85;
	
}

.w330  {
	width:330px;
	height: 500px;
	float:left;
	margin: 0 40px 20px 0;
}


.helve{
	font-family:'helve', Arial, Helvetica, sans-serif;
}

.fsize24{
	font-size:24px;
}
.fsize18{
	font-size:18px;
}
.fsize12{
	font-size:12px;
}

.marpadtop0{
	margin-top: 0;
	padding-top: 0;
}
.marpadbot0{
	margin-bottom: 0;
	padding-bottom: 0;
}

.tab120{
	margin-left:112px;
}




/*locales*/
#locales ul {
	margin: 0;
	padding: 0;
	/*width: 970px;*/
	list-style:none;
	
}




/************** locales ***********/



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
text-decoration:underline;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
text-decoration:underline;
color:#000;

}




.arrowlistmenu ul li{
	color:#333;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:1em;
	font-size:12px;
	letter-spacing:0em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:3px 0 2px 0;
	padding:3px 0 2px 0;
}
.arrowlistmenu ul li strong{
	/*color:#000;*/
	font-weight:bold;
}
#locales h3, #multimarcas h3{
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:1.4em;
	font-size:13px;
	letter-spacing:0em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:0;
	padding: 0 ;
}



.scroll-pane
			{
				/*width: 100%;
				height: 804px;*/
				overflow: auto;
			}



.appleLinks a {
	color:#CCC;
}

.submenu h1 {
	font-family:'helve', Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	font-size:14px;
	margin: 20px 0 0 0;
	padding:0;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-transform:uppercase;
	text-align:left;
	color:#8e8a85;
}







.jspVerticalBar
{
	/*left: 0;
	width: 5px;*/
}


.scroll-pane
			{
				/*width: 100%;*/
				height: 460px;
				overflow: auto;
			}


/* register */


.pic-heart-reg {
	z-index: 20;
	position: relative;
	margin-bottom:-26px;
	margin-right:-30px;
}


/* form contacto*/

/************** forms *******************/

#formu, #formuregister {
	margin:0;
	float:left;
	width: 222px;
	font-size: 12px;
	letter-spacing:0.1em;
	font-family:'helve', Arial, Helvetica, sans-serif;
	padding: 0;
	}


.formu-mayoristas {
	margin:0;
	float:left;
	width: 450px;
	font-size: 10px;
	letter-spacing:0em;
	font-family:'helve', Arial, Helvetica, sans-serif;
	padding: 0;
	}

.formfieldf input.checkbox { border: none }

.formfieldf input:focus { background-color:#fff; border-bottom:1px solid #ccc;}
.formfieldfmini input:focus { background-color:#fff; border-bottom:1px solid #ccc;}
.formfieldfarea textarea:focus { background-color:#fff; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.formfieldf select:focus { background-color:#fff; border-bottom:1px solid #ccc;}
.formfieldf select:hover { 	background-color: #fff; border-bottom:1px solid #ccc;}


.formfieldf {
	float:left;
	margin: 0 4px 0 0;
	min-height: 18px;
	width:450px;
}
.formfieldfmini {
	float:left;
	margin: 0 4px 0 0;
	min-height: 18px;
	width:222px;
}

.formfieldfmini {
	float:left;
	margin: 0 2px 0 0;
	min-height: 14px;
	width:222px;
}
.formfieldfarea {
	float:left;
	margin: 0 4px 0 0;
	min-height: 18px;
	width:450px;
}
.formfieldfareamini {
	float:left;
	margin: 0 4px 0 0;
	min-height: 18px;
	width:222px;
}


.formfieldbt {
	/*min-width: 450px;
	width: 100%;*/
	float:right;
	text-align:right;
	
	margin: 0;
	padding: 0;
}
 
 .block {
	 display: block;
	 width: 100%;
	 float:left;
	/* min-height: 22px;
	 margin-right: 5px;*/
	 margin: 5px 0 0 0;
	 padding: 0;
	 text-align:left;
 }
 
 


fieldset {
	margin: 0;
	padding: 0;
	float:left;
	border:none;
	width: 450px;
}
fieldset.mini {
	margin: 0;
	padding: 0;
	float:left;
	border:none;
	width: 222px;
}

.formclass input {
	font-size: 12px;
	float:left;
	height: 13px;
	background-color:transparent;
	border:none;
	width: 100%;
	color:#3CA6A4;
	border: none;
	border-bottom:1px solid #8e8a85;
	margin: 0;
	padding: 0;
}


.nacimiento input {
	width: 24px;
	margin-right: 4px;
}

input.ano {
	width: 32px;

}

.formclass select {
	height: 18px;
	background-color:transparent;
	border: none;
	border-bottom:1px solid #8e8a85;
	width: 100%;
	color:#3CA6A4;
}
.formclass textarea {
	font-size: 12px;
	height: 80px;
	background-color:transparent;
	border: none;
	border-bottom:1px solid #8e8a85;
	border-top:1px solid #8e8a85;
	width: 100%;
	color:#3CA6A4;
	overflow:auto;
}
.formclasslong textarea {
	height: 140px;
	background-color:#fff;
	border: none;
	border-bottom:1px solid #8e8a85;
	border-top:1px solid #8e8a85;
	width: 100%
}

.formclass button {
	cursor:pointer;
	margin: 20px 0 0 0;
	float:left;
	/*background-color:#fff;
	color:#8e8a85;
	border: 1px solid #8e8a85;
	text-align:right;
	font-size: 12px;
	padding: 4px 20px;
	letter-spacing: 1px;
	font-family:'helve', Arial, Helvetica, sans-serif;
	text-transform:uppercase;*/
	width:33px;
	height: 23px;
	min-width:33px;
	min-height: 23px;
	max-width:33px;
	max-height: 23px;
	padding:0;
	border:none;
	background: url(images_v13/icon_envelope.png);
}
.submit-register {
	margin: -30px 0 0 0;
}


label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:#f09698;
	/*float:left;*/
	width: 100%;
	/*height: 14px;
	font-style: italic;*/
	display: block;
	line-height:1em;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align:left;
	/*font-family:Verdana, Geneva, sans-serif;*/
	
}

input.error { border-bottom: 1px solid #f09698; }
textarea.error { border-bottom: 1px solid #f09698; border-top: 1px solid #f09698; }

/*radio*/

.formclass input.radio {
	/*display:block;
	height: 12px;
	width: 12px;
	background-color:#ff0000;
	border:none;
	color:#8e8a85;
	border: none;
	margin: 0;
	padding: 0;
	float:left;*/
	height: 12px;
	width: 12px;
	/*background-color:#ff0000;*/
	border:none;
	color:#8e8a85;
	border: none;
	margin: -34px 0 0 14px;
	padding: 0 0 0 14px;
}


.blockradiotit {
	 display: block;
	 float:left;
	 margin: 2px;
	 padding: 2px;
	 text-align:left;
	 width:auto;
	 /*vertical-align: middle;*/

 } 
/* .blockradio {
	 float:left;
	 margin: 2px ;
	 padding: 0 ;
	 text-align:left;
	width: 30px;
 }*/
label.blockradio {
	 float:left;
	 margin: 4px ;
	 padding: 0 ;
	 text-align:left;
	width: auto;
	height: 12px;
	text-transform:uppercase;
 }
/*.pradiolabel {
	 padding: 0;
	 maring:0 ;
	 width: 20px;
	 height: 14px;
	font-size:10px;
	float:left;
	height:12px;
	text-align:left;
 }*/
 
 
.contact-phone {
	 font-size:12px;
	 position: relative;
	 top:18px;
	 z-index:-1;
	 line-height:1em;
	 color:#8e8a85;
 }
.contact-phone a{
	 font-size:12px;
	 color:#71c2c6;
	 text-decoration:none;
 }
.contact-phone a:hover{
	 color:#71c2c6;
	 text-decoration:underline;
 }

 
 
 /**/
.linkcatalogo {
	 padding: 0;
	 margin: -28px 0 6px 0;
 }
.linkcatalogo a {
	font-family:'helve', Arial, Helvetica, sans-serif;
	 padding: 0;
	 color:#8e8a85;
	 text-decoration:none;
	 letter-spacing:0.0em;
 }
.linkcatalogo a:hover {
	 color:#65C8C6;
 }
 
 
 #thanks {
	 width:550px;
	 height: 165px;
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 text-align:center;
	 margin: -83px auto 0 -275px;
	 
	 }
 
 
 
 /****/
 
#pic-home {
			margin-left:410px;
        }
#pic-manifiesto {
			margin-left:160px;
        }
#pic-locales, #pic-contacto, #pic-register  {
			margin-left:90px;
			margin-top: -50px;
        }
#txt-manifiesto {
			width: 260px;
			height: 450px;
			padding: 15px;
			position: absolute;
			right: 0;
			top: 70px;
			z-index:102;
			font-family:'helve', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:1.2em;
			letter-spacing:0.1em;
			background: url(images_v13/bg_white_85.png);	
        }
#txt-ficha {
			width: 260px;
			height: 450px;
			padding: 15px;
			position: absolute;
			right: 0;
			top: 70px;
			z-index:102;
			font-family:'helve', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:1.2em;
			letter-spacing:0.1em;
			background: url(images_v13/bg_white_85.png);	
        }
#txt-ficha p{
	text-align:left;	
        }

#txt-locales {
			width: 300px;
			/*height: 190px;*/
			padding: 30px;
			position: absolute;
			right: -30px;
			top: 46px;
			z-index:102;
			font-family:'helve', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:1em;
			letter-spacing:0em;
			background: url(images_v13/bg_white_85.png);

        }

.textcontainer-contacto {
			width: 220px;
			/*height: 190px;*/
			padding: 18px;
			position: absolute;
			right: 75px;
			top: 95px;
			z-index:102;
			font-family:'helve', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:1.2em;
			letter-spacing:0.1em;
			background: url(images_v13/bg_white_85.png);

        }
		
		
/** camapign   */

#main-colecction {
	postion: fixed;
	top:50%;
	margin: -250px auto 0 auto;
    width: 100%;
    height: 500px;
    padding: 0px;
}


#top {
    margin: 0 auto;
    text-align: center;
    padding: 0;
    width: 100%;
	z-index: 111;
}
#container {
    margin: 0 auto;
    width: 1000px;
    height: 500px;
    padding: 0px;
}

.box {
    cursor: move;
    padding:0;
    float: left;
	/*position:relative;*/
    margin: 0;
    z-index: 1;
}

#camp1 {
	position: fixed;
	z-indez: 20;
	top:-20px;
	left:-20px;
}
#camp2 {
	position: fixed;
	z-indez: 20;
	top: 50%;
	left: 40%;
	margin-top:-205px
}
#camp3 {
	position: fixed;
	z-indez: 20;
	top: -10px;
	right: -10px;
}
#camp4 {
	position: fixed;
	z-indez: 20;
	bottom: -100px;
	left: -10px;
}
#camp5 {
	position: fixed;
	z-indez: 20;
	top: 50%;
	left: 30%;
}
#camp6 {
	position: fixed;
	z-indez: 20;
	top: 50%;
	right: 120px;
}

.hidediv {
	display:none;
}
.showdiv {
	display:block;
}

#bt-ficha {
	display:block;
	float:right;
	cursor:pointer;
}
#bt-ficha-cerrar {
	display:block;
	float:right;
	cursor:pointer;
}

a {
	font-family:'helve', Arial, Helvetica;
	color:#999;
	font-size:12px;
	text-decoration:none;
	letter-spacing:0.0em;
	padding: 26px 6px;
	margin: 0px 0;
	float:left;
}

a:hover {
	color:#666;
}

p {
	font-family:'helve', Arial, Helvetica;
	color:#999;
	font-size:12px;
	text-decoration:none;
	letter-spacing:0.0em;
	padding: 20px 6px 0 6px;
	margin:0;
}