/*
	fernandokruger.com.br :: on-line portfólio
	=========================================================
	(c)2008 Fernando Krüger
	=========================================================
*/

	
* {
	padding:0;
	margin:0;
	border:0px none;
}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	background:url(../imagens/noite/bg.jpg);
	background-color:#000;

}


h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#fff;
	margin-bottom:5px;
}

#site {
	margin-left:-389px;
	left:50%;
	position:relative;
	width:778px;
	z-index:2;
	
	

	

}

.clear {
	clear:both;
}

hr {
	border: 1px none;
	color:#333;
	height:1px;
	background-color:#333;

	
	}


/* CABEÇALHO
---------------------------------------------------------------- */
#fundotop {
	width:100%;
	height:228px;
	background:url(../imagens/noite/bg_top.jpg) repeat-x;
	background-color:#000;
	
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;

	

	

}

#cabecalho {
	height:215px;
	background:url(../imagens/noite/bg_top.jpg) repeat-x;
	background-color:#000;
	
	
}

#cabecalho h1 span {
	display:none;
}

#cabecalho h1 {
	background:url(../imagens/noite/logo.jpg) no-repeat;
	width:303px;
	height:192px;
	position:absolute;
	margin-top:14px;
}


/* TEMA
---------------------------------------------------------------- */
#tema {
	top:200px;
	left:473px;
	position:absolute;
	background:url(../imagens/noite/bg_tema.jpg);
	width:294px;
	height:50px;
	z-index:2;
	
	
}
.temaul {
list-style:none;
font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6e6e6e;
	margin-left:10px;
	margin-top:5px;
	
	
}
.temaul li  {
float:left;
}
.nometema {
font-size:10px;
	color:#fff;
	font-weight:bold;
	}

.legenda {
font-size:10px;
	color:#303030;
		margin-left:10px;
}

.mudar_tema {
margin-left:10px;
}

/* img-tema
---------------------------------------------------------------- */
#img-tema {
	top:18px;
	left:482px;
	position:absolute;
	width:279px;
	height:198px;
	background:url(../imagens/noite/lua.jpg) no-repeat;
	z-index:1;
	
}
/* MENU
---------------------------------------------------------------- */
#men-pos {
	top:170px;
	left:472px;
	position:absolute;
	z-index:2;
	
}

#menu {
	width:296px;
	height:34px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../imagens/noite/menu.gif);

}



#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	
}

#menu li, #menu a {
	height:34px;
	display:block;
}

#botao1 {
	text-indent:-300em;
	overflow:hidden;
	left:0px;
	width:40px;

}

#botao2 {
	text-indent:-1000px;
	overflow:hidden;
	width:38px;
	left:40px;
}

#botao3 {
	text-indent:-1000px;
	overflow:hidden;
	width:95px;
	left:78px;
}

#botao4 {
	text-indent:-1000px;
	overflow:hidden;
	width:63px;
	left:172px;
}

#botao5 {
	text-indent:-1000px;
	overflow:hidden;
	width:71px;
	left:234px;
}

#botao1 a:hover {
	background:url(../imagens/noite/menu.gif) 0px -37px no-repeat;
}



#botao2 a:hover {
	background: url(../imagens/noite/menu.gif) -40px -37px no-repeat;
}

#botao3 a:hover {
	background: url(../imagens/noite/menu.gif) -78px -37px no-repeat;
}

#botao4 a:hover {
	background: url(../imagens/noite/menu.gif) -172px -37px no-repeat;
}

#botao5 a:hover {
	background: url(../imagens/noite/menu.gif) -234px -37px no-repeat;
}

/* CORPO
---------------------------------------------------------------- */

#corpo {

width:778px;
float:left;

background:url(../imagens/noite/bg_meio.jpg) no-repeat;


}
	
	#meio_left {
	width:425px;
	margin-top:40px;
	padding-left:30px;
	
	float:left;

	
	}
	

	
	/*COLUNA DIREITA*/
	
	#meio_right {
	padding:0;
	width:270px;
	margin-top:40px;
	margin-left:30px;

	
	
	float:left;
	}
	
	#meio_right h1 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#fff;
	margin-bottom:6px;
	}
	
	#meio_right hr {
	border: 0px none;
	color:#333;
	height:1px;
	background-color:#333;
	
	}
	
	#meio_right p {
	line-height:14px;
	color:#aeaeae;
	}
	

	#meio_right .topo {
	text-indent:-1000px;
	background:url(../imagens/noite/bt_top.gif);
	width:18px;
	height:18px;
	margin-top:30px;
	margin-bottom:30px;
	cursor:pointer;
	display:block;
	}
	
	/* CONTATO
---------------------------------------------------------------- */

#meio_right .contato {
list-style:none;
padding:0px;
margin:0px;
color:#fff;;
font-weight:bold;


}

#meio_right .contato li {
padding-top:5px;
padding-bottom:1px;

}

#meio_right .txt {
color:#666;
background:#33322b;

border:solid 1px #151513;

padding:5px;
font-size:11px;
width:250px;


}

#meio_right .txtfocus {
color:#fff;
background:#45443d;
border:1px solid #151513;
padding:5px;
font-size:11px;
width:250px;
}

#meio_right span {
font-size:9px;
color:#666;
font-weight:normal;
}

.contato li {
color:#666;
}

#meio_right .enviado {
font-size:10px;
font-weight:bold;
color:#629c73;
}

#meio_right strong, #home strong {
color:#86ab3f;

}


.emaildireto {
font-weight:bold;
color:#fff;
text-decoration:underline;
}

.emaildireto:hover {
font-weight:bold;
color:#ccc;
text-decoration:underline;
}

#meio_right .bt {
margin-top:10px;
width:57px;
height:29px;
color:#666;
background:url(../imagens/noite/bt_form.gif) no-repeat;
border:none;
padding:5px;
font-size:11px;
cursor:pointer;
}

#meio_right .bt:hover {

color:#ccc;

}


/* #HOME */
#home {
margin:0;
padding:0;
width:419px;
  
}

#home p {
color:#aeaeae;
margin-bottom:12px;  
}

/* MOOTOOLS */
   .toggler  { 
   cursor:pointer; 
   font-weight:bold; 
   color:#999; 
   width:421px;
   height:36px;
   list-style:none;
   font-size:12px; 
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   background:url(../imagens/noite/aba.jpg) no-repeat;
  
  

   }
   

   .toggler li {
   float:left;
   
  
   }
	  
 .toggler .numero {
   width:36px;
   height:24px;
   padding-top:12px;
   text-align:center;

     
   }
	
.toggler li.nome {
   
  margin-left:10px;
  height:24px;
  padding-top:12px;
    
   }
	
	
   .element { 
   padding:0 4px;
   margin:0;

   position:relative;
      overflow:hidden;
  
   
   }  
   
    .desc { 
	background:url(../imagens/noite/bg_desc.jpg) no-repeat;
   padding:0;
   margin:0;
   width:414px;
   height:28px;
	position:relative;
   

   }
   
   .descricao {
   width:389px;
   height:119px;
   padding:0;
   margin:0;
 z-index:1;
   position:absolute;
   border:solid 1px #303626;

   
   
   left:14px;
   top:169px;
   
   overflow:hidden;
   visibility:hidden;
   }
   
   .txtdescricao  {
   position:absolute;
   z-index:2;
   left:14px;
   top:170px;
   padding:10px;
   visibility:hidden;
   }
      #home .txtdescricao p {
    color: #fff;
   }
   
   #home .txtdescricao strong {
    color: #86ab3f;
   }
   
      .border { 
  
	border-top:solid 10px #4c563d;
	border-left:solid 11px #4c563d;
	border-right:solid 11px #4c563d;
    margin:0;
   
   }  
   
   
   /* BOTAO DESC */
        .ampliar a
   {
   
   position:absolute;
   left:85px;
   width:64px;
   height:22px;
   top:1px;
   background:url(../imagens/noite/bt_ampliar.gif);
   cursor:pointer;
   display:block;
   margin-top:1px;
   text-indent:-1000px;
   }
     .ampliar a:hover
   {
   
   position:absolute;
   left:85px;
   width:64px;
   height:22px;
   top:1px;
   background:url(../imagens/noite/bt_ampliarOn.gif);
   cursor:pointer;
   display:block;
   margin-top:1px;
   text-indent:-1000px;
   }
   
   
   .btdescON {
	width:79px;
   height:22px;
     padding-top:1px;
position:absolute;
top:1px;
	left:6px;
  }

   .btdscON {
   background:url(../imagens/noite/bt_desc2.gif);
   cursor:pointer;
 

   text-indent:-1000px;
   width:79px;
   height:22px;
   display:block;

   }
         .btdscON:hover{
   background:url(../imagens/noite/bt_desc2On.gif);
   cursor:pointer;
 

   text-indent:-1000px;
   width:79px;
   height:22px;
   display:block;

   }
   .btdescOFF {
	width:79px;
   height:22px;
	 padding-top:1px;
	top:1px;
	left:6px;
position:absolute;
visibility:hidden;


   
   }
   
   
   .btdscOFF {
   background:url(../imagens/noite/bt_desc1.gif);
   cursor:pointer;

   text-indent:-1000px;
   width:79px;
   height:22px;
   display:block;

   }
   
   
/* RODAPÉ 
----------------------------------------------------------------------*/

#rodape {

border-top:solid 1px #232323;
border-bottom:solid 1px #232323;
clear:both;
color:#999;
background-color:#000;
font-weight:bold;
padding:30px;

}



#ass ul li{
list-style:none;

}

#rodape #ass {
	width:700px;
	height:30px;
	margin:auto;
}

.txtright {

font-size:11px;
font-weight:normal;
}

.txtright a {
color:#999;
}
.txtright a:hover {
color:#fff;
text-decoration:none;
}

/* PORTFOLIO
---------------------------------------------------------------- */

#portfolio {
margin:0;
padding:0;
}

.miniatura {

width:190px;
height:170px;
margin-right:14px;
margin-bottom:15px;

float:left;

}

.miniatura img {
border:solid 10px #303626;
}

.miniatura a:hover img {
border:solid 10px #86ab3f;
}

#paginacao {
clear:both;
}

#paginacao a {
color:#ccc;
text-decoration:none;
}

#paginacao a:hover {
color:#fff;
text-decoration:underline;
}

#paginacao span {
color:#ccc;
}

/*janela detalhes */

  .detalheport {
color:white; 
background-color:#101811;
padding:10px;
width:200px;
height:150px;
border:1px solid #000;
left:1px;
right:1px;

}
.dettit {
color:#86ab3f;
font-weight:bold;

}

.linha {
padding-bottom:11px;
border-bottom:solid 1px #000;
}


/*SLIMBOX
--------------------------------------------------------------------------------------- */


#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
		z-index:3;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #4c563d;
	z-index:3;
}

.lbLoading {
	background: #4c563d url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #4c563d;
	background-repeat: no-repeat;
	z-index:3;
	
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #4c563d;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(btnoite_fechar.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* TEMA 
--------------------------------------------------------------------------------------- */
/* Checkboxes */
#tema form {
margin:0;
padding:0;
}



/* Radio Buttons */
label.radio_checked {
	background: #000 url(bulletnoite_on.gif) no-repeat;	
	display: block;
	margin: 0;
	padding-left: 10px;
	margin-right:6px;
	
}
label.radio_unchecked  {
	background: #000 url(bulletnoite_off.gif) no-repeat;	
	display: block;
	margin: 0;
	padding-left: 10px;
		margin-right:6px;
	
	
}


/* Hover State */
label:hover{
	color: #fff;
}

label.highlighted {
	border: 1px solid #fff;color: #fff;
}


/* NÃO REMOVER        */
.crirHidden {
	position: absolute;
	left: -1000px;
}