/*
[BUD] - World Of Tanks
Author: decowCunha
version: 1.0
*/


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


/* basics */

*{margin:0; padding:0;}

body {
	font-family:Ubuntu, Calibri, Tahoma, Trebuchet MS, Geneva, sans-serif;
	background:url(images/bg1.png) repeat top left fixed;
	font-size: 16px;
	font-weight:normal;
	line-height:24px;
	}

img{ border: none; padding:0; }
img a{border:none;}
img:hover{opacity:1;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #333;
	margin:15px;
	padding:0 12px;
	}

code{font-family:"Courier New", Courier, monospace;}


/* links */

a{color:#000; text-decoration:none;}

a:hover{text-decoration: none; color:#4c502e;}


h1 {
	font-size:35px;
	font-family:Ubuntu, Calibri, Tahoma, Trebuchet MS, Geneva, sans-serif;
	font-weight:bolder;
	font-style:normal;
	text-transform:uppercase;
	width:960px;
	border-bottom:3px solid #4c502e;
	padding:10px 0 10px 0;
	margin:0 0 15px 0;
	color:#4c502e;
}

ul li{
	list-style:square;
	margin:0 0 0 20px;
}

/* container */


#container {
	width:960px;
	margin: 0 auto;
	padding:0;
	color:#333;
	overflow:hidden;
	}
	
/* header */

#BUD {
  	width:100%;
	height:100px;
	z-index:9999;
  	overflow:hidden;
	position:absolute;
	color: #fff;
	float:left;
	background-image:url(imgs/cam_back.jpg);
	background-size:100%;
	}
	

#BUD h1{
	font:bold 42px "arial", georgia, times;
	padding:0 0 0 5px;
	margin:0;	
	}
	
#BUD h1 a{color: #000; text-decoration: none;}
#BUD h1 a:hover{color: #666; text-decoration: none;}


#BUD h2{
	font:normal 12px "arial", georgia, times;
	color:#333;
	padding: 0 0 20px 5px;
	margin:0;	
	}
	


#logo{
	width:269px;
	height:100px;
	float:left;
	opacity:0.85;
	padding:6px 0 0 0;
}


.riscado{
   text-decoration:line-through;
   opacity:0.35;
}

/* main menu */

#menu{
	text-transform:uppercase;
	font-weight:bold;
	width:405px;
	height:100px;
	font-size:18px;
	font-family:Ubuntu, Calibri, Tahoma, Trebuchet MS, Geneva, sans-serif;
	margin:0;
	display:block;
	float:right;
}	


#menu ul {
	text-transform:uppercase;
	opacity:0.85;
	position:relative; 
	z-index:300;
	margin:0;
	padding:0;
	}
	
#menu ul li a {	
	padding:36px 10px 0 10px;
	margin: 0;
	color: #fff;
	height:100px;
	display:block;
	border-bottom:none;
		-webkit-transition: background-color 300ms ease-out;
		-moz-transition: background-color 300ms ease-out;
		-o-transition: background-color 300ms ease-out;
		-ms-transition: background-color 300ms ease-out;
		transition: background-color 300ms ease-out;
	}
	
#menu ul li a:hover {	
	color:#4c502e;
	text-decoration:none;
	background: #FFF;
	border-bottom:8px solid #4c502e;
	}
	
#menu ul li {
	float:left; 
	position:relative; 	
	list-style-type: none;
	margin: 0 10px 0 0;
	padding:0;
	}
	
#menu ul ul {
	position:absolute; 
	display:none; 
	width:12em; 
	margin:0;
	padding:0; 
	background:#333;
	z-index: 99999;
}

#menu ul li ul {width:14.1em; padding:0;  display: none; position: absolute; z-index:999; line-height:24px;}
#menu ul li ul li {padding:0;}
#menu ul li ul a {width:12em; height:auto; float:left; color:#aaa; padding:4px 10px; height:auto; color:#fff;}
#menu ul li ul a:hover {color:#aaa;height:auto; border:none; border-radius:none !important;}
#menu ul ul ul {top:auto; padding:0;}
#menu ul li ul ul {left:12em; margin:0 0 0 20px; top:auto;}
#menu ul li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; border:none; }
#menu ul li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


#menu ul li.current_page_item a {
	color:#fff;
}

#menu ul li.current_page_item li a {
	color:#aaa;
}

#menu ul li li a {
	color:#aaa;
}

#menu ul li li a:hover {
	color:#fff;
}

#menu ul li.current_page_item li a:hover {
	color:#fff;
}

#menu ul li ul li.current_page_item a {background:none !important;}




#header, #intro, #second, #line1, #line2{
	width: 100%;
}


/* intro - destaque e quote */
#line1{
	color: white;
	height: 96px;
	margin: 0 auto;
	padding:0;
	float:left;
	background:#141a14;
}
#line2{
	color: #B5AA70;
	height: 116px;
	margin: 0 auto;
	padding:0;
	float:left;
	background: #c00;
	vertical-align:baseline;
}
#line2 p{
	text-align:right; 
	font-size:11px;
}

#intro{
	color: white;
	height: 650px;
	margin: 0 auto;
	padding:18px 0 0 0;
	float:left;
	background:#090F09;
}
#intro p{text-align:center; font-size:11px;}


	#destaque{
		width:100%;
		height:568px;
		float:left;
		alignment-adjust:middle;
		alignment-baseline:middle;
	}
	
	#quote{
		width:100%;
		height:80px;
		float:left;
		margin:45px 0 0 0;
			text-align:center;
			padding:10px 0;
			font-size:30px;
			font-style:italic;
			color:#fff;
	}
	
/* 	clan */
#clan{
	width:100%;
	height:740px;
	padding:60px 0 0 0;
	float:left;
	background: #E4E4C8;

}

/* 	membros */
#membros{
	width:100%;
	height:650px;
	padding:60px 0 0 0;
	float:left;
	background: #DCDCB4;
}

	#regiao{
		width:480px;
		height:460px;
		margin:0 0 0 30px;
		float:left;
	}
	

		#reg_linha{
			width:490px;
			min-height:44px;
			float:left;
		}
		
		#reg_linha:hover{
			background:rgba(255, 255, 255, 0.4);
		}

			#reg_band{
				width:45px;
				height:44px;
				float:left;
				padding:3px 0 0 0;
					font-size:24px;
					text-align:center;
			}
			
			#reg_estado{
				width:155px;
				height:44px;
				float:left;
				padding:9px 0 0 0;
			}
			
			#reg_cidade{
				width:290px;
				height:44px;
				float:left;
				padding:9px 0 0 0;
				font-size:15px;
			}




/* contato */
#contato{
	width:100%;
	height:275px;
	float:left;
	padding: 60px 0 0 0;
	background: #E4E4C8;
	
}


	#contato_uni{
		width:430px;
		min-height:110px;
		float:left;
		margin:0 10px;
	}
	



.story{
	margin: 0 auto;
	min-width: 960px;
	height:auto;
	overflow: auto;
	width: 960px;
	scroll-y:none;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}


/* footer */

#footer {
	clear: both;
	width:100%;
	height:50px;
	background:#4c502e;
	margin:0 auto;
	}
	
#footer p{padding:6px 0;margin: 0; color: #fff; text-align:center; font-size:13px;}

#voltar {
	clear: both;
	width:100%;
	height:20px;
	margin:0 auto;
	}
	
#voltar p{text-align:center; font-size:16px;}