/*////////////////////////////////////////////////////////////////////////////////
//     			 Desenvolvido por Vizzia Agência Digital  	                    //
//     		 URL:www.vizzia.com  |  E-mail: info@vizzia.com                     //
//    		Parte Integrante do web site www.resprint.com.br                	//
////////////////////////////////////////////////////////////////////////////////*/

body{
  margin:0px;
  padding:0px;
  background:url(../design/bgbody.png) repeat-x top #E6E8E7;
  font-family:"Trebuchet MS", Arial, sans-serif; 
}

#principal{
 background:url(../design/bgprincipal.png) no-repeat top center;	
 width:780px;
 margin:0px auto;
 padding:5px 0px 0px 0px;
}

#barratopo{
 width:760px;
 height:20px;
 padding:0px 10px;
 margin:0px;
 font-size:13px;
 color:#666666;	
}
#primeira{
 float:left;	
 width:400px;
 padding:6px 0px;	
}
#topobotoes{
 float:right;	
 width:220px;
 margin:0px 0px 0px 0px;	
}
#topobotoes ul{
 margin:0px;
 padding:0px;	
}
#topobotoes ul li{
 float:left;	
 list-style:none;
 margin:0px 2px 0px 0px;
}
#topobotoes ul li a{
 width:70px;
 height:30px;	
}
#topobotoes ul li a span{
 display:none;	
}
#botprincipal a{
 background:url(../design/botaoprincipal.png) no-repeat top left;
 display:block;	
}
#botprincipal a:hover{
 background:url(../design/botaoprincipalhover.png) no-repeat top left;
}
#botsuporte a{
 background:url(../design/botaosuporte.png) no-repeat top left;
 display:block;	
}
#botsuporte a:hover{
 background:url(../design/botaosuportehover.png) no-repeat top left;
}
#botcontato a{
 background:url(../design/botaocontato.png) no-repeat top left;
 display:block;	
}
#botcontato a:hover{
 background:url(../design/botaocontatohover.png) no-repeat top left;
}

#banner{
 width:780px;
 height:220px;
 display:block;	
}

#conteudo{
 background:url(../design/bgconteudo.png) repeat-y top left;
 width:780px;
 margin:0px;
 padding:0px;	
}

#colunaesquerda{
 float:left;
 width:202px;
 margin:0px;
 padding:0px;	
}

#colunaesquerda h2{
 font-size:12px;	
 color:#333333;
 margin:0px;
 padding:0px 5px;
 text-transform:uppercase;	
}

#colunaesquerda h2 a{
 text-decoration:none;
 color:#333333;	
}

#colunaesquerda h2 a:hover{
 color:#E6001F;	
}

#menuss{
 background:url(../design/bgmenu.png) no-repeat top left;	
 width:195px;
 padding:10px 0px 10px 5px;	
}

#menuss ul{
 margin:5px 0px 0px 0px;
 padding:0px;	
 text-transform:uppercase;
}

#menuss ul li{ 
 background:url(../design/bglistamenu.png) no-repeat bottom right;	
 list-style:none;
 width:165px;
 font-size:11px;
 color:#4C4C4C;
 margin:2px 0px 0px 0px;
 padding:1px 20px 3px 10px;	
}

#menuss ul li a{	
 width:155px;	
 text-decoration:none;
 color:#4C4C4C;
 padding:1px 5px 1px 5px;
 display:block;	
}

#menuss ul li a:hover{
 background:#E6001F;
 color:#FFFFFF;	
}

#boxnews{
 background:url(../design/bgmenu.png) no-repeat top left;	
 width:190px;
 height:130px;
 padding:10px 5px;
 border-top:1px solid #E9E9E9;	
}

#boxnews p{
 font-size:11px;	
 color:#666666;
 padding:5px 10px;
 margin:0px;
}

#boxnews form{
 margin:0px;
 padding:0px;	
}

#boxnews span{
 background:url(../design/bgformnews.png) no-repeat top center;	
 width:170px;
 height:18px;	
 border:none;
 display:block;
 padding:1px 5px;
 margin:0px 0px 5px 5px;
}

.tnew{
 background:none;
 width:170px;
 height:16px;
 border:none;
 font-family:"Trebuchet MS", arial, sans-serif;
 font-size:11px;
 font-weight:bold;
 color:#666666;	
}

#botaonew{
 float:right;	
 margin:2px 5px 0px 0px;
 padding:0px;
}

#loginparceiro, #logincliente{
 height:120px;
 padding:0px;
 margin:0px;
 display:none;	
}
#loginparceiro form, #logincliente form{
 margin:0px;
 padding:0px;	 
}
#loginparceiro p, #logincliente p{
 margin:5px 10px;
 padding:0px;	 
 font-size:11px;
 color:#666666;
}
#loginparceiro span, #logincliente span{
 background:url(../design/bgformnews.png) no-repeat top center;	
 width:170px;
 height:18px;	
 border:none;
 display:block;
 padding:1px 5px;
 margin:0px 0px 5px 5px;
}

#boxsuprimento, #boxcliente, #boxparceiro{
 background:url(../design/bgmenu.png) no-repeat top left;	
 width:190px;
 padding:10px 5px;
 border-top:1px solid #E9E9E9;	
}

#boxsuprimento p{
 background:url(../design/icofone.gif) no-repeat top left;	
 font-size:17px;
 font-weight:bold;
 color:#333333;
 margin:10px 0px 5px 10px;
 padding:5px 0px 7px 40px;	
}

#boxautorizado{
 background:url(../design/bgmenu.png) no-repeat top left;	
 width:190px;
 padding:10px 5px;
 border-top:1px solid #E9E9E9;
 text-align:center;	
}

#boxautorizado img{
 border:none;
 margin:10px 10px 0px 0px;	
}

#colunadireita{
 float:left;	
 background:url(../design/bgdireita.png) no-repeat top left;
 width:558px;
 padding:10px;
 font-family:Arial, Sans-serif;	
}
#colunadireita h1{ 
 font-family:"Trebuchet MS", Arial, Sans-serif;	
 font-size:22px;
 font-weight:normal;
 padding:10px 20px 10px 20px;
 margin:0px;
 color:#333333;	
}
#colunadireita h1 span{
 display:block;
 margin:0px 0px 5px 0px;	
 padding:1px 2px;	
 font-size:10px;
 font-weight:bold;
 color:#E6001F;
 text-transform:uppercase;	
} 
#colunadireita h2{
 font-family:"Trebuchet MS", Arial, Sans-serif;	
 font-size:18px;
 color:#333333;	
 text-transform:uppercase;
 padding:5px 0px;
 margin:0px;
}
#colunadireita h3{ 
 font-family:"Trebuchet MS", Arial, Sans-serif;	
 font-size:17px;
 font-weight:normal;
 padding:10px 20px 10px 20px;
 margin:10px 0px 0px 0px;
 color:#E6001F;	
}
#colunadireita h4{ 
 font-family:"Trebuchet MS", Arial, Sans-serif;	
 font-size:16px;
 font-weight:bold;
 font-weight:normal;
 padding:5px 20px 5px 20px;
 margin:0px;
 color:#333333;	
}
#colunadireita p{
 margin:10px 20px;
 padding:0px;
 font-size:12px;
 color:#666666;	
}
#colunadireita p a{
 text-decoration:none;
 font-weight:bold;
 color:#E6001F;	
}
#colunadireita p a:hover{
 border-bottom:1px dotted #E6001F;	
}
#colunadireita ul{
 margin:15px 30px;
 padding:0px;
 font-weight:bold;
 color:#E6001F;	
}
#colunadireita ul li{
 margin:0px 0px 5px 0px;
 padding:0px;
 list-style:none;
}
#colunadireita ul li a{
 text-decoration:none;
 color:#333333;	
}
#colunadireita ul li a:hover{
 color:#E6001F;
}
#colunadireita ul li a span{
 display:none;
 padding:5px 10px;
 font-size:11px;
 font-weight:normal;
 color:#333333;
}
#colunadireita ul li a:hover span{
 float:left;
 background:url(../design/bgboxusuario.jpg) repeat-x top left;
 display:block;	
 border:1px solid #DADADA;	
 display:block;
}

#boxprodutos{
 background:url(../design/bgboxprodutos.jpg) no-repeat top left;
 width:538px;
 height:180px;
 padding:10px 10px 5px 10px;
 margin:10px 0px 0px 0px;
 font-family:"Trebuchet MS", Arial, Sans-serif;
 font-size:12px;	
}

#boxprodutos a{
 text-decoration:none;
 color:#4C4C4C;	
}

#boxprodutos a:hover{
 color:#E6001F;	
}

#boxprodutos ul{
 margin:0px;
 padding:0px 0px 0px 10px;	
}

#boxprodutos ul li{
 background:url(../design/bgliprodutos.gif) no-repeat top left;	
 list-style:none;
 margin:0px;
 padding:3px 0px 0px 12px;	
}

#boxparceria{
 background:url(../design/bgboxparceria.jpg) no-repeat top left;
 width:538px;
 height:220px;
 padding:10px 10px 5px 10px;
 margin:10px 0px 0px 0px;
 font-family:"Trebuchet MS", Arial, Sans-serif;
 font-size:12px;		
}

#boxparceria h3{
 margin:-20px 0px 0px 0px;	
 padding:5px 5px 5px 220px;
 font-family:"Trebuchet MS", Arial;
 font-size:15px;
 font-weight:bold;
 color:#E6001F;	
 letter-spacing:0px;
}

#boxparceria p{
 padding:5px 15px 5px 220px;
 margin:0px;
 font-family:Arial, Sans-serif;
 font-size:12px;
 color:#666666;	
 text-align:justify;
}

#boxparceria span{
 float:right;	
 padding:5px 10px;
}

#boxparceria span a{
 background:#E6001F;
 padding:1px 5px;
 display:block;
 text-decoration:none;
 font-size:11px;
 font-weight:bold;
 color:#FFFFFF;	
}

#boxparceria span a:hover{
 background:#920101;	
}

#colunadireita form{
 width:360px;	
 font-family: Arial;
 font-size:12px;	
 color:#666666;	
 margin:0px;
 padding:20px 0px 0px 50px;
}

#colunadireita form span{
 background:url(../design/bgtxtcontato.png) no-repeat left top;
 width:354px;
 height:24px;
 display:block;
 padding:0px;
 margin:2px 0px 5px 0px;	
}

#colunadireita form .area{
 background:url(../design/bgareacontato.png) no-repeat left top;
 width:354px;
 height:204px;
 display:block;	
}

.frmtxt{
 background:none;
 width:338px;
 height:18px;
 padding:4px 8px 2px 8px;
 margin:0px;
 border:none;
 font-size:13px;
 color:#333333;	
}

.frmarea{
 background:none;
 width:330px;
 height:180px;
 margin:12px 14px;
 border:none;
 font-family:Arial;
 font-size:12px;
 color:#333333;	
}

.combo{
 background:transparent;	 
 width:340px;
 height:18px;
 font-family:Arial;
 font-size:12px;
 color:#666666;
 margin:3px 4px 2px 4px;
 padding:0px 5px;
 border:none;	
}

.botao{
 float:right;	
 padding:0px 10px;
 margin:0px;	
}


.mlsup{
 float:left;	
 background:url(../design/mbgtxtcontato.png) no-repeat left top;
 width:50px;
 height:24px;
 display:block;
 padding:0px;
 margin:2px 10px 5px 0px;	
}
.mlsup input{
 background:none;	
 width:38px;
 padding:3px 3px;
 font-family:Arial;
 font-size:12px;
 color:#666666;
 border:none;	
}

.mdlsup{
 float:left;	
 background:url(../design/mdbgtxtcontato.png) no-repeat left top;
 width:280px;
 height:24px;
 display:block;
 padding:0px;
 margin:2px 0px 5px 0px;	
}
.mdlsup .mdlsupt{
 background:none;	
 width:270px;
 padding:3px 3px;
 font-family:Arial;
 font-size:12px;
 color:#666666;
 border:none;	
}

.combo{
 background:transparent;	 
 width:270px;
 height:18px;
 font-family:Arial;
 font-size:12px;
 color:#666666;
 margin:3px 4px 2px 4px;
 padding:0px 5px;
 border:none;	
}

.tmlsup{
 float:left;	
 width:50px;
 height:18px;
 display:block;
 padding:5px 0px 2px 0px;
 margin:5px 10px 0px 0px;	
}
.tmdlsup{
 float:left;	
 width:280px;
 height:18px;
 display:block;
 padding:5px 0px 2px 0px;
 margin:5px 0px 0px 0px;	
}

#rodape{
 background:url(../design/bgrodape.png) no-repeat top left;	
 width:540px;
 height:20px;
 padding:6px 10px 6px 230px;
 margin:4px 0px;
 font-size:10px; 	
}

#rodape a{
 font-weight:bold;
 color:#666666;
 text-decoration:none;	
}

#rodape a:hover{
 color:#E6001F;	
}	

#rodape ul{
 margin:0px;
 padding:4px 0px 0px 0px;	
}

#rodape ul li{
 display:inline;
 margin:0px 10px 0px 0px;	
}

#copyright{
 font-size:9px;
 color:#666666;	
 text-align:center;	
}

#vizzia{
 float:right;
 text-transform:lowercase;
 padding:0px 5px;
}
#vizzia img{
 vertical-align:middle;	
 border:none;
}
#vizzia a{
 text-decoration:none;
 color:#666666;	
}

.bug{
 width:100%;
 height:1px;
 clear:both;
 overflow:hidden;	
}

.botaoacao{
 float:left;	
 width:160px;
 height:120px;	
 text-align:center;
}

.botaoacao a{
 display:block;
 text-align:center;	
 font-size:12px;
 font-weight:bold;
 color:#333333;
 text-decoration:none; 
}

.botaoacao a:hover{
 color:#C30011;
 text-decoration:underline;	
}

.botaoacao img{
 padding:0px;
 margin:10px 0px;
 text-align:center;	
 border:none;
}

#boxAlerta{
 background:#FFFFC1;	
 display:block;	
 border:1px solid #FFFF99;
 font-size:12px;
 font-weight:bold;
 color:#333333;
 margin:10px;
 padding:10px;
 text-align:center;
}

.boxcategoria{	
 font-size:18px;
 color:#E6001F;
 margin:5px 20px;	
}

.boxcategoria a{
 text-decoration:none;
 font-weight:bold;
 color:#4C4C4C;	
}

.boxcategoria a:hover{
 color:#E6001F;	
}

.data{
 float:left;
 background:#f2f2f2;
 font-size:11px;
 padding:3px;
 margin:0px 5px 0px 0px;	
}

.ticketitem{
 background:#f2f2f2;	
 margin:10px 20px;
 padding:10px;
 border:1px solid #DADADA;	
}

#boxusuario{
 background:url(../design/bgboxusuario.jpg) repeat-x top left;
 border:1px solid #CCCCCC;
 font-size:11px;
 color:#333333;
 line-height:16px;
 padding:5px;
}
#boxusuario a{
 text-decoration:none;	
 font-weight:bold;	
 color:#E6001F;	
 margin:0px 10px 0px 0px;
}
#boxusuario a:hover{
 border-bottom:1px dotted #E6001F;	
}

.tsupri{
 display:block;
 margin:15px 0px 5px 0px;
 background:#f2f2f2;
 padding:4px;
 text-transform:uppercase;
 color:#cc0000;	
}