/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {background:url(../images/bg.jpg) top center repeat;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px;cursor:hand;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
.body1 {background:url(../images/bg_top.png) top repeat-x}
/* ============================= main layout ====================== */
a {color:#575652;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:44px 0 0 25px}
h2 {font-size:35px;color:#575652;font-weight:400;line-height:1.2em;letter-spacing:-1px;padding-bottom:12px}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:36px;color:#fff;text-align:center;background:url(../images/bg_title3.png) 0 4px repeat-x;margin-right:3px}
h2.color2 strong {background-image:url(../images/bg_title2.png)}
h2.color3 strong {background-image:url(../images/bg_title3.png)}
h3 {font-size:35px;color:#00000;font-weight:400;line-height:1.2em;padding:25px 0 0 35px;float:left;letter-spacing:-1px}
h4 {color:#dad6cc;font-weight:300;font-size:35px;line-height:1.2em;padding:0 0 7px 0;letter-spacing:-1px}
h4 span {color:#ffc11e;font-weight:400}
h4.color2 span {color:#9f8868}
h4.color3 span {color:#6cd6af}
#page4 h4, #page5 h4 {padding:25px 0 16px 0;margin-left:-3px}
p {padding-bottom:22px}
strong {color:#dcd9cf}
/* ============================= header ====================== */
header {}
#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:180px;height:133px;text-indent:-9999px;margin-left:100px}
#logo2 {display:block;background:url(../images/logo2.png) 0 0 no-repeat;width:180px;height:133px;text-indent:-9999px;margin-left:300px}
#menu {float:right;padding:28px 105px 20px 0}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;padding:0 20px;height:42px;font-size:18px;color:#000;line-height:42px;text-transform:uppercase;text-decoration:none;font-weight:400}
#menu li a:hover, #menu #menu_active a {background:url(../images/menu_active.png) top repeat-x;color:#fff}
#top_nav{padding:28px 300px 20px 0}
#top_nav li {float:left;padding:4px 26px 5px 0;margin-right:25px;background:url(../images/top_line.png) right 0 no-repeat}
#top_nav .end {padding-right:0;margin-right:0;background:none}
.slider {position:relative;z-index:1;width:100%;height:465px;overflow:hidden;margin-bottom:10px}
.slider .items {display:none}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:720px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination li {width:250px;height:155px}
.pagination a {display:block;position:relative;cursor:pointer;padding:29px 0 0 33px;font-size:50px;line-height:1.2em;font-weight:400;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px}
.pagination a span {display:block;font-weight:300;font-size:40px;line-height:1.5em;margin-top:16px;letter-spacing:2}
#banner1 {background:url(../images/banner1.png) 0 0 no-repeat}
#banner1 a {background:url(../images/banner1_active.png) -250px 0 no-repeat}
#banner2 {background:url(../images/banner2.png) 0 0 no-repeat}
#banner2 a {background:url(../images/banner2_active.png) -250px 0 no-repeat}
#banner3 {background:url(../images/banner3.png) 0 0 no-repeat}
#banner3 a {background:url(../images/banner3_active.png) -250px 0 no-repeat}
.pagination #banner1:hover, .pagination #banner1.current, .pagination #banner2:hover, .pagination #banner2.current, .pagination #banner3:hover, .pagination #banner3.current {}
.banner {position:absolute;z-index:2;right:0;bottom:0;margin:0 10px 10px 0}
.banner span {float:right;padding:0 32px;margin-bottom:5px;background:#000;font-size:40px;line-height:56px;height:56px;font-weight:400;color:#dad6cc;line-height:1.2em}
.banner em {font-style:normal;text-transform:uppercase}
.banner strong {float:right;padding:0 32px;background:#000;font-size:40px;line-height:56px;font-weight:300;color:#dad6cc}
/* ============================= content ====================== */
#content {}
.pad_left1 {padding-left:26px}
.pad_left2 {padding-left:36px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box1 {background:url(../images/bg_box1.jpg) top center no-repeat #dbd7cc;border-top:5px solid #dbd7cc;padding:15px 180px 35px}
.box1 strong {color:#3f3f3f}
.box1 figure {box-shadow:0 0 0px #dbd7cc;-moz-box-shadow:0 0 0px #dbd7cc;-webkit-box-shadow:0 0 0px #dbd7cc;position:relative}
.box2 {background:#dedad1;padding:25px 30px 32px}
.box2 .line1, .box2 .line2 {background-image:url(../images/line_vert1.gif)}

.box3 {background:url(../images/bg_box1.jpg) top center no-repeat #dbd7cc;border-top:5px solid #cdc8bc;padding:15px 30px 29px}
.box3 strong {color:#3f3f3f}
.box figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}

#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 289px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 591px 0 repeat-y}
#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {float:right;color:#dddad1;text-decoration:none;background:#000;line-height:18px;padding:0 9px;margin-top:2px}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#ffb919;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.button2 {display:inline-block;font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;padding:0 21px;height:36px;line-height:34px;font-weight:400;background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px}
.button2.color2 {background-image:url(../images/button3_bg.png)}
.button2.color3 {background-image:url(../images/button3_bg.gif)}
.button2:hover {background:#000}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot {margin-top:17px;float:left;margin-left:94px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;width:570px}
.quot img {display:inline-block;margin:4px 0 0 9px}
#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {color:#dcd8cf;padding-left:22px;background:url(../images/marker_1.gif) 0 3px no-repeat}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {padding:27px 0 27px 2px;overflow:hidden}
.tabs ul.nav li {float:left;padding-left:31px}
.tabs ul.nav li a {font-size:35px;color:#ddd9cf;font-weight:400;text-decoration:none;line-height:1.2em;letter-spacing:-1px}
.tabs ul.nav .selected a, .tabs ul.nav a:hover {color:#ffc11e}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {position:absolute;right:0;top:32px}
/* ============================= footer ====================== */
footer {background:#9f8868;padding:0px 8px 8px;}
#footer_logo {float:left;font-size:46px;font-weight:300;text-transform:uppercase;color:#dedbd2;line-height:1.2em;text-decoration:none;letter-spacing:-3px;margin-left:-4px}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
/* Tooltips */
.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}
.tel {margin-top:-1px;margin-left:650px;padding:0 0 0 38px;font-size:35px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.tel span {color:#000}
footer nav {float:left}
#footer_menu {float:left;padding:15px 0 18px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:29px;background:url(../images/menu_line.gif) right 0 no-repeat;margin-right:29px}
#footer_menu li a {display:block;color:#fff;text-decoration:none;line-height:20px}
#footer_menu li a:hover, #footer_menu .active a {color:#575652}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {padding-top:18px;text-align:center}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}
/* ============================= forms ============================= */
#ContactForm {width:585px;overflow:hidden;padding-bottom:36px}
#ContactForm .wrapper {height:26px}
#ContactForm span {float:left;width:105px;line-height:24px}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:103px;padding-bottom:5px}
#ContactForm {}
#ContactForm a {margin-left:10px;width:72px;text-align:center;float:right}
#ContactForm .input {width:470px;background:#ccc9c5;padding:3px 5px;color:#575652;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:14px}
#ContactForm textarea {overflow:auto;width:470px;background:#ccc9c5;padding:3px 5px;color:#575652;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:91px}
/* ============================= Modelos =============================== */
.text{float:left;position:relative;z-index:2;margin-left:50px;}
.text p.txt{float:left;width:170px;height:480px;background:url(../img/txt.png) no-repeat 0 0;text-indent:-9999px;}
#models{width:712px;height:700px;float:left;position:relative;}
#models ul{width:712px;height:664px;position:relative;float:left;}
#models ul li{width:167px;height:640px;position:absolute;overflow:hidden;}
#models ul li a{width:100%;height:100%;float:left;position:absolute;top:0;left:0;z-index:4;}
#models ul li.meninos{background:url(../img/bgmeninos.png) no-repeat -248px -2px;top:5px;left:15px;z-index:1;}
#models ul li.meninas{background:url(../img/bgmeninas.png) no-repeat -248px -2px;top:24px;left:170px;z-index:2;}
#models ul li.sport{background:url(../img/sport.png) no-repeat -248px -2px;top:5px;left:325px;z-index:3;}
#models ul li.country{background:url(../img/bgcountry.png) no-repeat -248px -2px;top:24px;left:480px;z-index:4;}
.bgHover{width:100%;height:580px;float:left;position:absolute;top:0;left:0;z-index:2;background:url(../img/bghoverb.png) repeat 0 0;}
.bghmeninos{position:absolute;bottom:18px;width:478px;height:260px;left:-80px;z-index:3;background:url(../img/bghover.png) no-repeat 0 -5px;}
.bghmeninas{position:absolute;bottom:31px;width:478px;height:210px;left:-157px;z-index:3;background:url(../img/bghover.png) no-repeat -638px -44px;}
.bgsport{position:absolute;bottom:8px;width:484px;height:256px;left:-130px;z-index:3;background:url(../img/bghover.png) no-repeat -1330px -19px;}
.bgcountry{position:absolute;bottom:8px;width:488px;height:256px;left:-210px;z-index:3;background:url(../img/bghover.png) no-repeat -1882px -19px;}

.juvenil {position:relative;	left:13%;top:-35px;width:712px;height:85px;}

/* ============================= Mostra =============================== */

#slideshow {list-style:none;}
#slideshow span {display:none}
#wrapper {width:906px; margin:50px auto; display:none;background:#fdf7eb;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:900px; height:400px;  padding:0px;}
/*#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}*/
#information {position:absolute; bottom:0; width:906px; height:0; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px;color:#000;}
#information p {padding:0 8px 8px}
#image {width:900px}
#image img {position:absolute; z-index:25; width:auto}
/*.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}*/
#imgprev {left:0; background:url(images/scroll-left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/scroll-right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; }
/*#slideleft:hover {background-color:#333}*/
#slideright {float:right; width:20px; height:81px;background:url(../images/scroll-right.gif) center center no-repeat}
/*#slideright:hover {background-color:#333}*/
#slidearea {float:left; position:relative; width:850px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; /*border:1px solid ;*/ padding:2px}

/*==========================prods======================================*/
.footer {background:#9f8868;padding:0px 8px 8px; margin-top:800px;}
#prods {
	position:absolute;
	width:100%;
	overflow:hidden;
	width:935px;
	height:369px;
}
#head-img {
	position:absolute;
	left:0px;
	top:0px;
	width:935px;
	height:189px;
}

#box-img {
	
	left:0px;
	top:189px;
	width:935px;
	height:189px;
}
#box-img2 {
	left:0px;
	margin-top:678px;
	width:935px;
	height:189px;
}

#img6 {
	position:absolute;
	left:0px;
	margin-top:189px;
	width:185px;
	height:164px;
}

#img2 {
	position:absolute;
	left:185px;
	top:189px;
	width:189px;
	height:164px;
}

#img3 {
	position:absolute;
	left:374px;
	top:189px;
	width:187px;
	height:164px;
}

#img4 {
	position:absolute;
	left:561px;
	top:189px;
	width:187px;
	height:164px;
}

#img6006 {
	position:absolute;
	left:748px;
	top:189px;
	width:187px;
	height:164px;
}

#text1 {
	position:absolute;
	left:0px;
	top:353px;
	width:187px;
	height:16px;
}

#text2 {
	position:absolute;
	left:187px;
	top:353px;
	width:187px;
	height:16px;
}

#text3 {
	position:absolute;
	left:374px;
	top:353px;
	width:187px;
	height:16px;
}

#text4 {
	position:absolute;
	left:561px;
	top:353px;
	width:187px;
	height:16px;
}

#text5 {
	position:absolute;
	left:748px;
	top:353px;
	width:187px;
	height:16px;
}


