/***** Mudanças pelo ID body *****/

body#interna {background:#fff url(../imgs/pics/bg-tira-interna.jpg) repeat-x 0 176px;}
body#interna #header-out {height:172px;}

/*** Redução de Códico - Basta observar ***/

/* Display:Inline-Block; */
.redessociais ul li a, .mais, .opcoes a, .ver, .confira {display:inline-block;}
/* Display:Block; */
img, a.setas, .box, .fig, .quant-anima a {display:block;}
/* Position:Relative */
.lista-noticia, .box, .navegacao, .vitrines {position:relative;}
/* Position:Absolute */
.nav, .redessociais, .extras, .fig, .quant-anima, .opcoes, .logo-solucao {position:absolute;}
/* Float:Left; Display:Inline; */
.extras ul li, .redessociais ul li, .nav ul li, .lista-noticia ul li, a.setas, .box, .nav-foot, .nav-foot ul li, .solucoes, .caixa, .quant-anima a, ul.list li {float:left; display:inline;}

/*** Geral do Site ***/
hr {margin:30px 0; border-top:1px solid #ddd;}
.espaco-menor {margin:15px 0;}
.data {background:#ff8400; padding:2px 4px;}
.mais {width:150px; height:35px; background:url(../imgs/pics/saibamais.jpg) no-repeat 0 0; float:right;}
.mais:hover {background-position:0 -35px;}
img.right {float:right; display:inline; margin:0 0 10px 20px;}

/*** POSICIONAMENTO ***/

html, body {height:100%;}
body{background:#fff;}
#container {position:relative; min-width:960px; min-height:100%; background-position:0 192px;}
#content, #header-in, #footer-in, .animacao {position:relative; width:960px; margin:0 auto;}
#content {padding-bottom:224px;}











/*** HEADER ***/

#header-out {width:100%; min-width:960px; position:relative; border-top:4px solid #1d5e92; background:url(../imgs/pics/bg-header_out.jpg) repeat-x top center;}
#header-in {width:950px; height:160px; z-index:5;}

.redessociais {top:-45px !important; left:0 !important;}
.redessociais ul li {margin:0 20px 0 0 !important;}
.redessociais ul li a {height:19px; padding-top:5px; padding-left:30px;}
.redessociais ul li.twitter a {background:url(../imgs/pics/twitter.png) no-repeat left;}
.redessociais ul li.facebook a {background:url(../imgs/pics/facebook.png) no-repeat left;}

.extras {top:-52px !important; right:0 !important;}
.extras ul li.separar {width:1px !important; height:10px !important; background:none !important; margin:0 12px !important; margin-top:9px !important;}
.extras ul li {}

ul li.lupa input {float:right; display:inline; position:relative;}
ul li.lupa input.go {width:40px !important; height:35px !important; border:1px solid #ddd; background:url(../imgs/pics/lupa.jpg) no-repeat; cursor:pointer; margin-left:5px; z-index:2;}
ul li.lupa input.block {width:0; height:33px; border:0 solid #ccc; padding:0 10px; margin-left:15px; font:normal 12px tahoma; color:#666; z-index:1;}
ul li.lupa input.block:focus, ul li.lupa input.go:hover {border-color:#ccc;}

/** menu **/
.nav {right:0; top:67px; border-top:1px solid #ddd; height:67px; padding-top:25px;}	
.nav ul li {margin:0 9px;}
.nav ul li.separar {width:1px; height:25px; background:url(../imgs/pics/separar.jpg) no-repeat; margin:0 17px; margin-top:4px;}















/*** HOME ***/

#mainContent {margin:0 0 40px 0;}
/** animação vitrine **/

.confira {width:195px; height:40px; border:1px solid #18638f; background:url(../imgs/pics/seta.png) no-repeat 183px 20px; padding:17px 0 0 12px; margin:12px 0 0 260px;}
.confira:hover {border-color:#ff8400; background-position:185px 20px;}
.logo-solucao {width:301px; height:170px; right:56px; top:-24px;}
/** movimentação notícias **/
.lista-noticia {margin-top:22px;}
.lista-noticia #slideshow {overflow:hidden; width:550px;}
.lista-noticia #slideshow ul li {margin:0 15px 0 0; width:550px;}
.lista-noticia #slideshow ul {width:50000px;}
.lista-noticia #slideshow ul p a:hover {text-decoration: underline;}


/** box **/
.box {width:289px; height:74px; background:url(../imgs/pics/bg-box.jpg) repeat-x center; border:1px solid #dcdcdc; border-bottom:2px solid #ff8400; padding:25px 0 0 19px; margin-bottom:58px;}
.fig {bottom:-2px; right:0;}
#fg1 {background:url(../imgs/pics/fg1.png) no-repeat; width:105px; height:129px;}
#fg2 {background:url(../imgs/pics/fg2.png) no-repeat; width:115px; height:134px;}

#pesquisa-satisfacao {
	display: block;
	margin: -30px 0 0 0;
	background: #3366CC
}









/*** INTERNA ***/

/** Geral Interna **/
.titulo-pagina {height:80px;}
.navegacao {height:51px; border-bottom:1px solid #ddd;}
.tt {display:inline-block; float:left; height:30px; border-left:1px solid #397bb0; padding:10px 0 0 20px; margin:20px 0 0 22px;}
.descr {display:inline-block; float:left; height:30px; border-left:1px solid #397bb0; padding:10px 0 0 20px; margin:7px 0 0 22px; border-left:1px solid #ddd;}
.opcoes {right:0; top:13px; width:71px; height:25px;}
.opcoes a {float:left; background:url(../imgs/pics/opcoes.jpg) no-repeat;}
.maior, .menor {width:11px; height:11px;}
.maior {background-position:0 0 !important; margin-bottom:3px;} .maior:hover {background-position:0 -25px !important;}
.menor {background-position:0 -14px !important;} .menor:hover {background-position:0 -39px !important;}
.letra, .print {width:25px; height:25px; margin-left:5px;}
.letra {background-position:-11px 0 !important; cursor:auto;} .letra:hover {background-position:-11px -25px !important;}
.print {background-position:-36px 0 !important;} .print:hover {background-position:-36px -25px !important;}

.mainContent-int {border-top:5px solid #ff8400;}










/*** SIDEBAR ***/
 
/** Geral Sidebar **/ 
.sid-banner{ margin: 0 0 60px 0; display:block; float: left;}













/*** FOOTER ***/

/** Geral Footer **/
#footer-out {
	position:absolute;
	bottom:0;
	width:100%;
	min-width:960px;
	background:url(../imgs/pics/bg-footer_out.jpg) repeat-x top center;
	border-top:1px solid #d0d0d0;	
	}
#footer-in {width:950px; height:223px;}

.nav-foot {padding-top:29px; width:550px;}
.nav-foot ul li {margin:0;}
.nav-foot ul li.separar {width:5px; height:5px; background:url(../imgs/pics/marc.jpg) no-repeat; margin:0 12px; margin-top:6px;}

.solucoes {margin:15px 0 0 10px; width:390px; height:45px; background:url(../imgs/pics/bg-solucoes.jpg) no-repeat left;}
.borda {border:3px solid #e3e3e3; float:right;}
.borda select {width:304px; height:39px; border:1px solid #c5c5c5; padding:10px;}

.caixa {margin-top:38px;}
.caixa h4 {padding-bottom: 0px;}
#caixa1 {width:245px; padding-left:65px; margin-right:50px; background:url(../imgs/pics/caixa1.png) no-repeat left center;}
#caixa2 {width:200px; padding-left:70px; background:url(../imgs/pics/caixa2.png) no-repeat left center;}
#caixa3 {width:220px; padding-left:50px; margin-left:50px; background:url(../imgs/pics/caixa3.png) no-repeat left center;}