/*  MAIN / CONF */
/*  MAIN / CONF */
/*  MAIN / CONF */
* { margin:0; padding:0; }
body, html { height: 100%; }
body { background: #000; color: #fff; font-family: 'Arial'; font-size: 11px; }
body.colecoes { background: #000 url('../_img/background-colecoes.jpg') fixed; }
body.clippings { background: #000 url('../_img/background-clippings.jpg') fixed; background-position: 0 115px; }
body.lojas { background: #000 url('../_img/background-lojas.jpg') fixed; background-position: 0 115px; }
body.sobre { background: #000 url('../_img/background-sobre.jpg') fixed; background-position: 0 115px; }
body.video { background: #000 url('../_img/background-video.jpg') no-repeat fixed; background-position: bottom center;  }
body.contato { background: #000 url('../_img/background-contato.gif') no-repeat fixed; background-position: bottom right;  }

img { border: none !important; }


#container { width: 100%; }
body.concept #container.concept { height:100%; overflow-x: hidden; }

#container.clippings #header .wrapper, #container.colecoes #header .wrapper, #container.sobre #header .wrapper, #container.contato #header .wrapper    {
	width: 945px !important;
}

/*  HEADER */
/*  HEADER */
/*  HEADER */
#header {
	width: 100%;
	height: 115px;
	background: #000;
	position:fixed;
	top:0;
	z-index:3;
}

#header.home, #header.video { 
	left:50%;
	margin-left:-480px;
	width:960px; 
	background: none !important;  
}

#header .wrapper {
	width: 960px;
	height: 115px;
	margin: auto;
}
h1 { 
	float:left;
	display:none;
	/*background: url(../_img/background-my-philosophy.jpg) no-repeat;*/
	background: url(../_img/background-my-philosophyAnim.gif) no-repeat;
}

h1 a span { display: none; }

h1 a {
	background: transparent url(../_img/my-philosophy.png) no-repeat;
	width: 125px; 
	height: 115px;
	display: block;
}

ul.nav { 
	position:relative;
	float:left;
	padding-top: 5px;
}

ul.nav li { 
	list-style: none;
	text-align: right; 
}

ul.nav li a {
	text-decoration:none;
	text-transform:uppercase;
}

ul.nav li a:hover {
	color: #fff !important;
}

ul#station li { 
	width:147px;
}

ul#station li a { color:#a4ef00; }
ul#institutional li a { color:#636466; }


ul#institutional {
	width: 156px;
}

li.current_page_item a { color: #fff !important; }

ul#social {
	/*float:right !important;*/
	margin-left:107px;
	position:relative;
	
}

ul#social li { display:inline; }

ul#social li a { 
	background: transparent url('../_img/social.gif') no-repeat;
	width: 18px;
	height: 18px;
	display:inline-block;
}

ul#social li a span { display: none; }

ul#social li a.facebook { background-position: -18px -18px; }
ul#social li a.twitter { background-position: 0  -18px; }


.carteldesign { }

/* CONTENT */
/* CONTENT */
/* CONTENT */
#content { 
	font-family: helvetica, arial, sans-serif !important;
}

#content .wrapper {
	width: 960px;
	margin:auto;
}

/* WRAPS */
/* WRAPS */
/* WRAPS */



/* home */
#content.concept {
	background: #000 url('../_img/background-home.jpg') no-repeat fixed top center;
	width: 100%;
	height:100%;
	padding-left:50px;
}

/* colecoes */
#content.colecoes,
 #content.clippings,
 #content.lojas,
 #content.sobre {
	padding: 140px 0 30px 0;
	overflow: auto;
	width: 100%
}
#content.lojas, #content.contato, #content.sobre {
	padding: 115px 0 30px 0;
}

#content.colecoes .wrapper {
	width: 602px;
	margin: auto;
	display:block;
}

#content.clippings .interna {
	width: 900px !important;
	padding-left:315px !important;
}

#content.clippings .interna p {
	margin:15px 0 15px 0; 
	padding:0;
	font-size: 14px;
}

#content.colecoes .thumb {
	margin: 0 1px 1px 0;
	width: 300px;
	height: 197px;
	float:left;
}

#content.colecoes .thumb img {
	display:block;
	position: absolute;
	border: none;
}

#content.colecoes .thumb img.mouseover { display:none; }

#content.colecoes.interna .wrapper { width: 960px !important;}
#content.colecoes .the_content p { margin-bottom: 5px; display:block; }
#content.colecoes .the_content {
	width: 663px;
	float:right;
	position:relative;
}
#content.release .the_content {
	top: -193px;
}

#container.video #video {
	width: 900px;
	height:600px;
	display:block;
	background: transparent;
	position: absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -450px;
	cursor:pointer;
	text-align:center;
}

.visit a, .back a { color: #db4b3d; text-decoration:underline; }


.release { width: 275px; float:left;} 
.release h2 { font-size: 24px; margin-bottom: 15px; letter-spacing:-1px;}

.release p { 
	margin:0 0 15px 0; padding:0;
	font-size: 11px;
}

#content.sobre .the_content iframe { margin-left: 164px;}

#content.colecoes .release { width: 272px; float:left; position:relative;  }
	
	
/* lojas */
.alphared {
	background: transparent url(../_img/background-alpha-red.png) repeat;
	height: 423px;
}
.alphablack {
	background: transparent url(../_img/background-alpha-black.png) repeat;
	height: 500px;
}
#content.lojas .wrapper, #content.contato .wrapper, #content.sobre .wrapper {
	padding-top: 54px;
	
}

#content.lojas .wrapper img {
	display:block;
	float:right; 
	position:relative;
	left:-133px;
}
#content.sobre .wrapper object {
display:block;
float:right;
position:relative;
top:-171px;
}
.lojas .wrapper p {
	font-size:22px;
	margin-bottom:5px;
}
.lojas .wrapper address {
	font-size: 14px;
	font-weight:normal;
	font-style:normal;
	line-height:16px;
	letter-spacing: 0;
	margin-bottom: 30px;
	
}
.lojas .wrapper address .tel {
	font-size:21px;
	font-weight:normal;
	line-height: 25px;
}

/* contato */
#content.contato .wrapper * { border: none; }
#content.contato .wrapper label { display:inline-block; text-transform:uppercase; font-size: 14px; }
#content.contato .wrapper input[type='text'] { height: 20px; line-height:20px; margin: 0 5px;} 
#content.contato .wrapper form p { margin: 0 0 6px 0 !important; }

#content.contato p { margin: 0 0 20px 0; font-size: 12px;}

#content.contato h2 span { display:none;}
#content.contato h2 {
	display:block;
}
#content.contato h2.contato {
	width:223px;
	height:64px;
	background: #000 url(../_img/contato.gif) no-repeat;
	
}
#content.contato h2.cadastro {
	width:334px;
	height:63px;
	background: #000 url(../_img/cadastre-se.gif) no-repeat;
	
}

form #enviar {
	position:relative;
	top:-41px;
	left:250px;
	float:left;
	height:58px;
	width:114px;
	background: transparent url(../_img/enviar-bt.png) no-repeat;
	display:block;
	cursor: pointer;
}
form #feedback {
	display:none;
	font-size:12px;
	padding-top:21px;
	left: -113px;
	color: yellow;
	position:relative;
}



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

#footer { 
	width: 960px;
	position:fixed;
	bottom:0;
	left:50%;
	margin-left: -480px;
}