/*Documento CSS*/
/*-----------------------------------
Autor: Eduardo Ferreira
Site: Printerway/Quinprint - Produtos Sublimáticos
Data:17/09/2010
Contato: (24) 9225-7888
Email: dudu@friendesign.com.br
-----------------------------------*/

/*====================== Reseters =======================*/
*{
margin:0;
padding:0;
}

img{
border:0;
}

li {
list-style:none;
}

a {
text-decoration:none;
}
/*======  ========*/
/*====================== Tipografia =======================*/
#content-main h5 {
color:#069;
font-size:1em;
}

#baseboard p, h3 {
font-size:0.7em;
color:#666;
margin-left:10px;
line-height:15px;					
}

#topboard p {		           
position:relative;
top:-27px;
left:13px;
font-size:0.8em;
color:#069;				   
}
/*======  ========*/

/*====================== Links =======================*/
#content-top a {						               
color:#333;
}	

#content-top a:hover {
color:#900;
}

#content-main a  {
display:block;
width:100px;
height:122px;
float:right;
position:relative;
top:15px;
right:10px;										
font-size:0.8em;
color:#069;
}

#content-main a:hover  {						                      
text-decoration:underline;
}      

/*====================== Classes&Spans Extras =======================*/					
span#link1 {                           						   
height:20px;
float:left;
font-size:0.7em;
font-weight:bold;
color:#333;
}	

span#link2 {                         					   
height:20px;
float:right;
font-size:0.7em;
font-weight:bold;
color:#333;
} 		

/*====================== Estrutura do Estilo =======================*/

body {
background:#f6f6f8 url(../imgs/bg_gradient.jpg) repeat-x fixed;     	 
padding-bottom:30px;
font-family: Tahoma,Helvetica, Arial, Verdana;
font-size:1em;
}
/*====== barra do topo ========*/						
#bar-top{
background:#eee url(../imgs/top_bar.png) repeat-x;
width:100%;
height:38px;		          		 
}

#content-top{				  
width:832px;
height:23px;				  
margin:0 auto;				  
padding:10px 10px 0;
}

/*====== div img top of container ========*/		  
#img-top-container {
background:url(../imgs/img-tp.png);
width:867px;
height:12px;
margin:0 auto;           		   
} 	  

/*====== div container (estrutura central) ========*/			
#container {
background:url(../imgs/img-ctr.png) repeat-y;
width:855px;
overflow:hidden;
margin:0 auto;
padding:0 5px;           			   
}

/*====== topboard (topo da pagina) ========*/
#topboard {
background:url(../imgs/bg-topo.jpg);
width:845px;
height:126px;
margin:0 auto;
}

/*img logomark (logomarca*/
img#logo {
width:234px;
height:121px;										
}

/*====== menu-main (menu principal) ========*/  					  
#menu-main {			           
margin:0 auto;
width:845px;
height:34px;					   
}

/*classe img menu*/
.img-mn-left {
background:url(../imgs/bg-menu-left.jpg);
width:13px;
height:34px;
float:left;
}

ul#menu {			      
background: url(../imgs/bg-menu.jpg) repeat-x;
width:819px;				   
float:left;				  
padding-top:7px;                               				  
}

/*classe img menu*/
.img-mn-right {
background:url(../imgs/bg-menu-right.jpg);
width:13px;
height:34px;
float:right;
}	

ul#menu li {                               
float:left;
margin-right:10px;							   
display:block;
height:27px;							   
}

ul#menu a{
color:#fff;
font-weight:bold;
font-size:0.9em;
display:block;
height:18px							  
}

ul#menu a:hover {
border-bottom:2px #fff solid;								   
cursor:pointer;
}

/*propriedades tag select*/
.select {				       					   
float:right !important;
margin-right:0 !important;}							

ul#menu li select {
color:#069;
font-size:0.8em;
width:160px;					  
height:20px;                           						  
}					 

ul#menu li select option {
padding-left:3px;
color:#069;
}					 

/*====== conteudo-geral ========*/

#conteudo-geral {
width:100%;
overflow:hidden;
float:left;
padding-top:5px;
}

/*====== content-left (caixa lateral) ========*/				
#content-left {				               
width:147px;
overflow:hidden;
float:left;
margin:5px 0 0 5px;
padding-left:3px;								
}

/*====== div menulist (menu lateral) ========*/
#menulist ul {
width:145px;
height:auto;
}

#menulist ul  li {
background:url(../imgs/bg-menulist.jpg) no-repeat;
display:block;								 
height:22px;
margin-bottom:4px;
}

#menulist ul  li:hover {
background:url(../imgs/bg-menulist-hover.jpg) no-repeat;										   
}					

.mnlist {
background:url(../imgs/bg-menulist01.jpg) repeat-x !important;										 
color:#fff;
font-weight:bold;
font-size:0.9em;
padding:1px 0 0 10px;
}

#menulist ul  a{
width:160px;                                                                          								 
font-size:0.8em;
color:#036;
display:block;
height:22px;
padding-left:25px;									 
}

#menulist ul  a:hover {
color:#060;
text-decoration:underline;
}						   

/*====== div content-slide (galeria) ========*/				
#content-slide {				         
width:687px;
height:317px;
float:right;
margin:5px 7px 0 0;						 						 
}

/*====== div content-main (conteudo principal) ========*/
#content-main {			               
width:843px;
height:150px;
float:left;
margin:5px 0 0 5px;
padding:10px 0 0 2px;
border-top:1px dotted #ccc;
}

/*div "more" propriedades especiais */									  
#more-img01, #more-img02, #more-img03, #more-img04 {					               
width:204px;
height:150px;
float:left;
margin-left:4px;
border-right: 1px dotted #ccc;
}

.printer {
background: url(../imgs/printer01.jpg) no-repeat;
}

.ink {
background: url(../imgs/ink01.jpg) no-repeat;
}

.rip {
background: url(../imgs/rip01.jpg) no-repeat;
}

.suport {
background: url(../imgs/suport01.jpg) no-repeat;							      
border:0 !important;								   
}					

/*====== div baseboard (rodape) ========*/
#baseboard {			           
background:url(../imgs/bg-footer.jpg) repeat-x;
width:817px;
height:64px;
margin:0 auto;
padding:20px 10px 0;					   
border-top:1px solid #ccc;					   
clear:both;   
}

/*====== div img bottom container ========*/
#img-btm-container {
background:url(../imgs/img-btm.png);
width:865px;
height:14px;
margin:0 auto;
margin-bottom:20px;		  	
}