/**
*	Dossi� Rubic�o | Default CSS
*	Copyright � 2010 Maga Design [http://www.magadesign.com.br]
*
*	Developed By: Tiago Gerken <tiago@magadesign.com.br>
*
**/

/* IMPORT RESET CSS */
@import url("reset.css");

/* IMPORT CLASSES CSS */
@import url("classes.css");

/* BEGIN OF HTML MARKUP */
body{
	background:url(../img/bg_wood.jpg) repeat-x left top #000;
	font-family:"Courier New", Courier, monospace;
}

#gradient{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../img/bg_gradient.png) top center no-repeat;
	z-index:1;
}

#wrap{
	width:950px;
	height:auto;
	margin:0 auto;
	z-index:2;
	position:relative;
	padding-bottom:50px;
}

#wrap #logo{
	width:560px;
	position:relative;
	height:650px;
	background:url(../img/bg_logo.png) -12px 0px no-repeat;
}

#wrap #logo h1{
	width:140px;
	height:86px;
	position:absolute;
	left:145px;
	top:177px;
	background:url(../img/img_logo.png) no-repeat left top;
}

#wrap #logo h1 a{
	width:100%;
	height:86px;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:5;
	text-indent:-600px;
}

#wrap #machine{
	width:100%;
	height:128px;
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	background:url(../img/img_typeMachine.png) 187px 0px no-repeat;
}

#wrap #machine ul#machineMenu{
	width:auto;
	position:absolute;
	left:350px;
	top:88px;
	z-index:11;
}

#wrap #machine ul#machineMenu li{
	float:left;
	margin-right:10px;
}

#wrap #machine ul#machineMenu li a{
	font-size:11px;
	color:#76716a;
	text-transform:uppercase;
}

#wrap #machine ul#machineMenu li ul.submenu{
	display:none;
	z-index:1;
}

#wrap #machine ul#machineMenu li:hover{
	height:20px;
}

#wrap #machine ul#machineMenu li:hover ul.submenu{
	width:410px;
	height:20px;
	position:absolute;
	top:18px;
	display:block;
	left:-10px;
	background:url(../img/bg_subMenu.png) 0px 8px no-repeat!important;
	padding:16px 5px 16px 10px;
	z-index:-999;
}

#wrap #machine ul#machineMenu li ul.submenu li{
	float:left;
	margin-right:9px;
}
#wrap #machine ul#machineMenu li ul.submenu li a{
	color:#555;
	text-transform:none;
}

#wrap #machine ul#machineMenu li ul.submenu li a:hover{
	text-decoration:line-through;
}


#wrap #folder{
	width:506px;
	height:650px;
	background:url(../img/bg_folder.png) 0px 0px no-repeat;
	position:absolute;
	top:65px;
	left:214px;
	z-index:2;
}

#wrap #magazine{
	width:349px;
	position:absolute;
	z-index:1;
	top:348px;
	left:90px;
}

#wrap #magazine a#mag{
	width:349px;
	height:433px;
	display:block;
	background:url(../img/bg_magazine.png) 0px 0px no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}

#wrap #lauda{
	width:673px;
	height:641px;
	position:absolute;
	right:0px;
	top:165px;
	background:url(../img/bg_lauda.png) 20px 0px no-repeat;
	z-index:3;
}

#wrap #pictures{
	width:269px;
	height:382px;
	background:url(../img/bg_pictures.png) 0px 0px no-repeat;
	position:absolute;
	right:0px;
	top:105px;
	z-index:2;
}

#wrap a#deathLine{
	width:201px;
	height:197px;
	position:absolute;
	right:-10px;
	top:560px;
	background:url(../img/bg_deathLine.png) 14px 0px no-repeat;
	z-index:6;
	overflow:hidden;
	text-indent:-1000px;
}
#wrap #quem_noticia a{
	width: 75px;
	height: 90px;
	position:absolute;
	right:60px;
	top:420px;
	background: url(../img/quemFoiNoticia.png) 0px 0px no-repeat;
	z-index:6;
	overflow:hidden;
	text-indent:-1000px;
}

#wrap #content{
	width:410px;
	min-height:620px;
	position:absolute;
	background:url(../img/bg_contentMiddle.png) top left repeat-y;
	top:0px;
	left:305px;
	padding:140px 40px 30px;
	z-index:9;
}

#wrap #content #contentBottom{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	height:36px;
	background:url(../img/bg_contentBottom.png) center bottom no-repeat;
}

#wrap #content h2{
	font-size:20px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px dashed #999;
}

#wrap #content h3{
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
}

#wrap #content p{
	font-size:12px;
	color:#555;
	line-height:17px;
}

#wrap #content p a{
	font-weight:bold;
	font-style:italic;
	margin-top:10px;
	display:block;
	color:#333;
}

#wrap #content img{
	/*border:2px solid #630202;*/
	margin: 10px;
}

#wrap #content form#contatcForm{
	width:100%;
}

#wrap #content #timeLineContent{
	width:100%;
	overflow:hidden;
}
#wrap #content #timeLineContent h3 {
	font-size: 18px;
	margin-bottom:20px;
}
#wrap #content #timeLineContent h4 {
	margin-left: 5px;
	color: #000;
	font-size: 16px;
	margin-bottom:15px;
	font-weight: bold;
	cursor: pointer
}
#wrap #content #timeLineContent h5 {
	margin-left: 30px;
	font-size: 16px;
	font-weight: normal;
}
#wrap #content #timeLineContent .fatos {
	margin: 5px 0 15px 50px;
}
#wrap #content #timeLineContent .titulo {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	font-size: 14px;
	font-weight: bold;
}
#wrap #content #timeLineContent .lista_fatos {
	display: none;
}


#wrap #content form#contatcForm input[type=text]{
	width:100%;
	margin-bottom:20px;
	border:none;
	background:none;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#6a6a6a;
	padding-bottom:10px;
	border-bottom:1px dotted #bbb;
}

#wrap #content form#contatcForm input[type=text]:focus{
	border-bottom:1px solid #666;
	color:#333;
}

#wrap #content form#contatcForm textarea{
	width:100%;
	height:174px;
	margin-bottom:20px;
	border:none;
	background:url(../img/bg_textArea.gif);
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:30px;
	color:#6a6a6a;
	padding-bottom:5px;
	border-bottom:1px dotted #bbb;
}

#wrap #content form#contatcForm textarea:focus{
	color:#333;
}

#wrap #content form#contatcForm input[type=button]{
	float:right;
	width:auto;
	height:30px;
	font-weight:bold;
	letter-spacing:-1px;
	background:#ccc;
	color:#666;
	border:none;
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#wrap #content form#contatcForm input[type=button]:hover{
	background:#999;
	color:#fff;
	cursor:pointer;
}

#wrap #content #listMounth{
	width:400px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #999;
	margin-bottom:20px;
}

#wrap #content #listMounth a#prev{
	width:29px;
	height:20px;
	display:block;
	text-indent:-1000px;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../img/icon_mounthArrows.png) 0px 0px no-repeat;
}

#wrap #content #listMounth a#next{
	width:29px;
	height:20px;
	display:block;
	text-indent:-1000px;
	position:absolute;
	right:0px;
	top:0px;
	background:url(../img/icon_mounthArrows.png) -29px 0px no-repeat;
}

#wrap #content #listMounth ul#list{
	width:330px;
	height:18px;
	margin:0 auto;
	overflow:hidden;
}

#wrap #content #listMounth ul#list li{
	width: 110px;
	text-align: center;
	float:left;
}

#wrap #content #listMounth ul#list li a{
	font-size:15px;
	text-transform:uppercase;
	color:#666;
}

#wrap #content #listMounth ul#list li.active a{
	color: #000;
	font-weight: bold;
}


#wrap #content #charactersContent{
	width:100%;
	overflow:hidden;
}

#wrap #content #charactersContent ul#charactersList{
	width:100%;
	overflow:hidden;
}

#wrap #content #charactersContent ul#charactersList li{
	font-size:12px;
	width:100%;
	padding:5px 0px;
	display:block;
}

#wrap #content #charactersContent ul#charactersList li h3{
	width:100%;
	font-size:18px;
	padding-bottom:7px;
	font-weight:bold;
	border-bottom:1px dotted #999;
}

#wrap #content #charactersContent ul#charactersList li a{
	font-weight:bold;
	color:#333;
	display: block;
}

#wrap #content #charactersContent ul#charactersList li ul.charactersSubList{
	padding-left:15px;
	margin-top:10px;
}

#wrap #content #charactersContent ul#charactersList li ul.charactersSubList li a{
	color:#999;
}

#wrap div.images #listImages a{
	display:block;
	width:120px;
	height:160px;
	margin-bottom:15px;
	overflow:hidden;
	float:left;
	margin-right:15px;
}

#wrap div.images #listImages a img{
	width:100%;
	position:relative;
	border:none;
}

#wrap #content #pictures{
	padding-top:10px;
}

#wrap #content #pictures #image_wrap{
	width:642px;
	overflow:hidden;
	position:relative;
}

#wrap #content #pictures #image_wrap #overlay{
	width:100%;
	background:url(../img/bg_overlay.png) repeat;
	color:#fff;
	position:absolute;
	bottom:0px;
}

#wrap #content #pictures #image_wrap #overlay #legend{
	padding:15px;
}

#wrap #content #pictures #image_wrap #overlay #legend h4{
	font-size:13px;
	margin-bottom:3px;
}

#wrap #content #pictures #image_wrap #overlay #legend p{
	color:#999;
	font-size:11px;
	line-height:14px;
}

#wrap #content #pictures #picSlider{
	width:100%;
	height:75px;
	position:relative;
	margin-TOP:10px;
}

#wrap #content #picSlider div.scrollable{
	width:599px;
	height:75px;
}

#wrap #content #picSlider a.prevPage{
	width:15px;
	height:60px;
	padding-top:16px;
	padding-left:5px;
	display:block;
	font-size:30px;
	color:#58595B;
	position:absolute;
	cursor:pointer;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	left:0px;
	background:url(../img/bg_linkSlider.jpg) left top repeat-y;
}

#wrap #content #picSlider a.nextPage{
	width:15px;
	height:60px;
	padding-top:16px;
	padding-left:5px;
	display:block;
	font-size:30px;
	color:#58595B;
	position:absolute;
	cursor:pointer;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	right:0px;
	background:url(../img/bg_linkSlider.jpg) right top repeat-y;
}

#wrap #content #deathLine{
	width:100%;
	overflow:hidden;
}

#wrap #content #deathLine #deathLineHeader{
	margin:0 auto;
	height:50px;
	position:relative;
	margin-bottom:20px;
	margin-top:2px;
}

#wrap #content #deathLine #deathLineHeader ul#facts{
	height:36px;
	margin:0 auto;
	margin-top:1px;
}

#wrap #content #deathLine #deathLineHeader ul#facts li{
	border-right: 1px dotted #999;
	padding: 5px;
	overflow:hidden;
	font-size:11px;
	float:left;
}

#wrap #content #deathLine #deathLineHeader ul#facts li:hover{
	background:#e9e9e9;
}

#wrap #content #deathLine #deathLineHeader ul#facts li a{
	font-weight:bold;
	color:#333;
	line-height:12px;
	text-transform:uppercase;
}