/* 

Fashionistyle - CSS File

*/


/*** GLOBAL  ***/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 auto;
	padding:0;
	line-height:20px;
	color:#D2D2D2;
	background:url(../images/nac_background.png) #fff no-repeat 200px 400px;
	background-color:#555;
	/*remove o scroll horizontal*/
	overflow-x: hidden;
}


* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}



/*** CONTAINER ***/

#top-wrapper{width:100%;}
#top-wrapper{height:120px;lear:both; /*c background:url(../images/bg-header.png) repeat-x;*/ }
/*++++++++++++bordinha do topo+++++++++++++++*/


.container{width:960px; margin:0 auto; }
.center{width:940px; padding:10px; background-color:#777;}
.center1{width:922px; padding:8px; 

border:solid 1px #999;
	border-width:1px 1px 1px 1px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	}



#top{ height:115px; }

#frase p{font-size: 24px;
	color: #999;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0 0 15px 0;
	text-shadow:0px 1px #000;
	
	font-style: normal;
	}
	
	/* Logo */
#logo{ float:left; margin-top:10px;}

/* links */
a, a:visited{ text-decoration:underline; font-weight:normal; color:#878787;}
a:hover{ text-decoration:none; color:#878787;}
a img{border:none}


/* MAIN MENU */
#mainmenu{ float:right; margin-right:10px; width:600px; height:30px;}
.sn { float:right;

width:90px; height:90px;
    margin: 12px 0px 0px 0px;
	text-align:right;
}



#menu, #menu ul{
	float:right;
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:900;
	z-index:100;
}


#menu a{
	display:block;
	font:normal 14px Arial, Helvetica, sans-serif; color:#000; padding:0px 10px; margin:0; text-decoration:none; line-height:16px;
}

#menu li a:hover{
	color:#d9d9d9;
	text-decoration: none;
	background:#555 url(images/menu_hover.gif) top center no-repeat; padding:0px 10px; margin:0;border-bottom:3px solid red;
  }

  
  #menu li a:active{
	color:#d9d9d9;
	text-decoration: none;
	background:#555 url(images/menu_hover.gif) top center no-repeat; padding:0px 10px; margin:0; border-bottom:3px solid red;
  }
  

#menu li.current > a, #menu li a:hover {
	color: #d9d9d9;background:#555 url(images/menu_hover.gif) top center no-repeat; padding:0px 10px; margin:0; border-bottom:3px solid red;
}

#menu li{
	float:left;
	position:relative;
	font-size:11px;
	padding:0 0 1px 0;
	margin-right:25px;
}



/* column */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-right: 4%;
	position:relative;
	float:left;
}
.one_half{ width:48%; }
.one_third{width:30.6666%; margin:5px; }
.one_fourth {width:24%; margin:5px; }
.last{ margin-right:0 !important; clear:right; }


.two_third{width: 64%;}

/*======================= FOOTER ============================*/
#rodape {
	width:100%;
	padding:10px 0 50px 0;
	}
#footer{ color:#bababa; font-family:Helvetica, Arial, sans-serif; font-size:11px; padding-top:20px; border:2px solid red;}
#footer-menu{ margin:0px; padding:0px; float:left;}
#footer-menu li{ display:inline; padding-right:10px;}
#footer-menu li a{color:#bababa; text-decoration:none;}
#copyright{ float:right; text-align:center}

#containerbottom{width:960px; margin:0 auto; }
/* END FOOTER */

/*======================= type ============================*/

.one_half p{ color:#CCC;}
.col2 ul li p{ color: #D2D2D2; }

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-top:10px; font-family:"Century Gothic", Arial, Verdana; font-weight: bold; color:#D2D2D2;}
h3, h4, h5, h6{margin-bottom:10px; font-family:"Century Gothic", Arial, Verdana;}
h1 {font-size:26px; line-height:26px;}
h2 {font-size:14px; line-height:15px;}
h3 {font-size:15px; line-height:20px;}
h4 {font-size:16px; line-height:17px;}
h5 {font-size:10px; line-height:16px;}
h6 {font-size:9px; line-height:13px;}
h1, h3, h4, h5, h6{ font-weight:normal; color:#F5F5F5;}



/* CONTACT */


form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{margin:0 auto; position:relative; }
#contactform h2{ margin-bottom:0px;}
#contactform label{display:block; width:80px; float:left;}
label.sp { width:3px; }
label{  color:#FFF; text-align:right; margin-right:10px;}

span.error{color:red;text-align:left; font-size:11px;}
#contactform input{
	margin-bottom:8px;
	padding:8px 5px;
	margin-left:105px;
	display:block;
	vertical-align:middle;
	background-color:#333;
	border:none;
	color:#FFF;
}
#contactform textarea{
	margin-bottom:10px;
	padding:8px 5px;
	vertical-align:top;
	width:80%;
	background-color:#777;
	border:none;
}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }
#contactform .button{
	padding:0px 0px 0px 0px;
	text-align:center;
	color:#FFF !important;
	cursor:pointer;
	font-size:11px;
	display:inline-block;
	width:124px;
	height:26px;
	text-transform:none;
	line-height:normal;
	
 }
 #contactform .button:hover{color:#999;}

#menusocial {
	float: left;
	display: inline;
}
#menusocial li {
	width: 32px;
	height: 32px;
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
#menusocial li a {
	width: 32px;
	height: 32px;
	float: left;
	display: inline;
	text-indent: -9999px;
}
#iconfacebook {
	background: url(../images/icon_facebook.png) no-repeat;
}
#iconyoutube{
	background: url(../images/icon_youtube.png) no-repeat;
}
#menusocial li a:hover {
	background-position: 0 -32px;
}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0;  background:none;}

#contactform label { margin:0; width:100px; display:block; float:left; padding:0 5px 2px 0; font:normal 14px Arial, Helvetica, sans-serif; color:#d5d5d5;}
#contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #555; margin:0; padding:5px 2px; height:16px; background:#666;}
#contactform textarea { width:280px; border:1px solid #555; padding:2px; background:#666;}