@import url("reset.css");
html {
 height: 100%;
}


body,html {
  
  text-align:center;
  
  margin:0px;
  
  padding:0;
  
  font-family:Verdana, Geneva, sans-serif;
  
  font-size:14px;
  
  color:white;
  
  background-color:#000;
  background-image:url(imgs/body_bg.jpg);
  background-repeat:repeat-y;
  background-position:center top;
  height: 100%;
  } 
  
  h1 {
	  display:none;
  }
  
    #wrapper {
  
	  margin:0 auto 0 auto;
	  position:relative;
	  width:1004px;

	  height:100%;

	  
	  }  
	  #logo {
  
	  margin:0;
	  position:relative;
	  float:left;

	  
	  }  
	  	  #logorest {
  
	  margin:10px 0 0 0;
	  position:relative;
	  float:right;

	  
	  }  
	  
	 	#josearisi {
  
	  margin:10px;
	  position:relative;
	  float:right;
	  font-size:16px;
	  color:#999;

	  
	  }  
	  
	  

  ul {
  
  margin:0;
  
  padding:0;
  
  list-style:none;
  
  margin:0 auto 0 auto;
  
  }
  
  
  
  #buttons li {
  
	  display:inline;
	  
  
  
  
		  }
  
  	#buttons li a{
  
	  width:142px;
	  height:35px;
 	  float:left;
  	  line-height:30px;
  	  margin:0 0 10px 0;
	  font-size:16px;
	  color:white;
	  text-decoration:none;
	  border-right: 1px solid #666;
  
	  }
	  #buttons li:last-child a {border-right:none;}
	 
	  
	  #buttons li a:first-letter { 
	  color:red; 
	  }
	  
	   #buttons li #different:first-letter { color:white;}
  
 

		#buttons li a:hover {
  
	  text-decoration:underline;
  
  } 
  
  #album_cover{
	  position:relative;
	  float:left;
	  margin:20px;
	  width:198px;
	  height:230px;
	  background:url(imgs/album_bg.jpg) top center no-repeat;
  }
  
    #foto{
	  position:relative;
	  float:left;
	  margin:20px;
	  padding:5px;
	  width:150px;
	  min-height:190px;
	  font-size:10px;
	  text-align:left;
	  border:1px solid #666;
  }
  
  #album_cover img{
	  margin:37px 0 0 -32px;
  }
	
	
	#categoria_titulo{
		margin:0 10px 10px 10px;
		position:relative;
		float:left;
	}
  

#pie{
	position:relative;
	float:right;
	margin:10px;
	width:984px;
	text-align:right;

}
#pie a{color:white; text-decoration:none}
#pie a:first-letter { color:red; }
#pie a:hover{color:white; text-decoration:underline;}
	  
 
a{color:white; text-decoration:none}
a:first-letter { color:red; }
a:hover{color:white; text-decoration:underline;} 

#left_column{
	position: relative;
	float:left;
	width:754px;
	heigth:100%;

}
 	.submit {
		position:relative;
		float:left;
  	 padding:7px;
	 margin:5px;
	 background: #666 !important;
   	 width:130px;
	 height:20px;
	 margin-left:54px !important;
	 text-align:center;
	 border:#aaa 1px solid;
	 
  }
  .submit a{display:block;
  text-decoration:none;
  color:#white;
  }
 .submit:hover {
  
	 background:#999 !important;
 
  }
  
  
  
   #contactoFrm{
	  float:left;
	  position:relative;
	  width:600px;
	  font-size:12px;
	  margin-left:10px;

	  
	  }
	   #product_conteiner .img_contacto{
		   float:left;
		   
	   }
	  #contactoFrm dl {
  
	  	float:right;
	 	width:440px;
		margin:20px 0 20px 10px;

	  }

#contactoFrm  dd  {
  
	  	float:right;
	  }
#contactoFrm input, #contactoFrm textarea  {
  
	  padding:5px;
  
	  margin:5px;
  
	  width:300px;
  
	  border:#5FA69F 1px solid;
  
	  background:#C4DFDC;
  
	  color:#3C6A67;
	  font-family:Verdana, Geneva, sans-serif;

  
	  }
	  
	  #contactoFrm select  {
  
	  padding:5px;
  
	  margin:5px;
  
	  width:312px;
  
	  border:#5FA69F 1px solid;
  
	  background:#C4DFDC;
  
	  color:#3C6A67;
	  font-family:Verdana, Geneva, sans-serif;

  
	  }
	  
	  
#contactoFrm textarea  {
	height:100px;
}
	
	#contactoFrm span  {
line-height:35px;
vertical-align:top;

}
	#contactoFrm dl dd input:hover, #contactoFrm textarea:hover {background:#EAF4F3;
 }
 
 
 
     #blue_box{
	  float:right;
	  position:relative;
	  width:188px;

	  font-size:10px;
	  margin:10px;
		  
	  }
	  

	
	
	
	
	
	
		#blue_box #titulo {
		
		color:#white;
		font-weight:bold;
		font-size:10px;
		background-color:#ff9900;
		display:block;
		height:15px;
		line-height:10px;
		padding:5px;
		
		
	}