/*------------------------------------------------------------------

Descrição: CSS Global
Versão: 1.0 (2010-03-17)
Website: Esposende - http://www.esposende.com.br/
Autor: Thiago Targino

------------------------------------------------------------------*/

/* Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal ;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
hr {display:none;}

/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {line-height:1; letter-spacing:-0.15px; font:normal 12px Arial, Helvetica, sans-serif; vertical-align:top; color:#737da1; background:url("../images/layout/body.gif") repeat-x;}

	/* TOOLBOX */
*.right {float:right;}
*.left {float:left;}
*.align-left {text-align:left;}
*.align-right {text-align:right;}
*.align-center {text-align:center;}
*.justify {text-align:justify;}
*.hide {display:none;}
*.clear {clear:both;}
*.bold {font-weight:bold;}
*.italic {font-style:italic;}
*.underline {border-bottom:1px solid;}
*.highlight {background:#ffc;}
*.margin-fix {margin:0px !important;}
img.centered {display:block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

*.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
*.clearfix {display:block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

	/* CONTAINERS */
#container {width:832px; margin:2px auto 30px;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color:#737da1; text-decoration:none; outline:0;}
a:hover {color:#737da1; text-decoration:none;}
a:active {color:#737da1;}

/* Cabeçalhos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Cabeçalho
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {position:relative;}
#branding {margin-bottom:25px; margin-left:25px; padding-top:50px;}
#branding h1, #branding h1 a {display:block; width:229px; height:42px; background:url("../images/layout/logo.png") no-repeat; text-indent:-9999em;}
#newsletter {width:516px; height:29px; top:0; right:0; position:absolute; background:url("../images/layout/newsletter.png") no-repeat;}
#newsletter legend {position:absolute; text-indent:-9999em;}
#newsletter label {position:absolute; text-indent:-9999em;}
#newsletter input {float:left; width:130px; padding-top:5px; padding-left:5px; border:none; background:none; font:9px Tahoma,Helvetica,sans-serif; text-transform:lowercase; letter-spacing:0.3px; color:#4b0000;}
#newsletter input#nome {margin-left:200px;}
#newsletter input#email {width:120px; margin-left:35px;}
#newsletter input#enviar {width:18px; height:20px; padding:0; cursor:pointer; background:none; border:none; text-indent:-9999em;}

/* Navegação
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav-main {margin-bottom:22px; padding-top:10px; background:url("../images/layout/menu-t.png") no-repeat center 0;}
#nav-main h2 {position:absolute; text-indent:-9999em;}
#nav-main ul {width:100%; padding-bottom:10px; background:url("../images/layout/menu-b.png") no-repeat 4px 61px;}
#nav-main ul li {display:inline; float:left;}
#nav-main ul li a {display:block; height:61px; text-indent:-9999px;}
	/* NAV-MAIN LINK */
#nav-main ul li a.n-home {width:144px;}
#nav-main ul li a.n-empresa {width:84px; background-position:-144px 0;}
#nav-main ul li a.n-novidades {width:90px; background-position:-228px 0;}
#nav-main ul li a.n-esposendecard {width:121px; background-position:-318px 0;}
#nav-main ul li a.n-lojas {width:60px; background-position:-439px 0;}
#nav-main ul li a.n-produtos {width:86px; background-position:-499px 0;}
#nav-main ul li a.n-nossascampanhas {width:152px; background-position:-585px 0;}
#nav-main ul li a.n-contato {width:94px; background-position:-737px 0;}
	/* NAV-MAIN HOVER */
#nav-main ul li a.n-home:hover {background-position:0 -62px;}
#nav-main ul li a.n-empresa:hover {background-position:-144px -62px;}
#nav-main ul li a.n-novidades:hover {background-position:-228px -62px;}
#nav-main ul li a.n-esposendecard:hover {background-position:-318px -62px;}
#nav-main ul li a.n-lojas:hover {background-position:-439px -62px;}
#nav-main ul li a.n-produtos:hover {background-position:-499px -62px;}
#nav-main ul li a.n-nossascampanhas:hover {background-position:-585px -62px;}
#nav-main ul li a.n-contato:hover {background-position:-737px -62px;}
	/* NAV-MAIN ACTIVE */
#nav-main ul li a.n-home:active {background-position:0 -124px;}
#nav-main ul li a.n-empresa:active {background-position:-144px -124px;}
#nav-main ul li a.n-novidades:active {background-position:-228px -124px;}
#nav-main ul li a.n-esposendecard:active {background-position:-318px -124px;}
#nav-main ul li a.n-lojas:active {background-position:-439px -124px;}
#nav-main ul li a.n-produtos:active {background-position:-499px -124px;}
#nav-main ul li a.n-nossascampanhas:active {background-position:-585px -124px;}
#nav-main ul li a.n-contato:active {background-position:-737px -124px;}
	/* NAV-MAIN ACTUAL */
#nav-main ul li a.actual-home {background-position:0 -186px;}
#nav-main ul li a.actual-empresa {background-position:-144px -186px;}
#nav-main ul li a.actual-novidades {background-position:-228px -186px;}
#nav-main ul li a.actual-esposendecard {background-position:-318px -186px;}
#nav-main ul li a.actual-lojas {background-position:-439px -186px;}
#nav-main ul li a.actual-produtos {background-position:-499px -186px;}
#nav-main ul li a.actual-nossascampanhas {background-position:-585px -186px;}
#nav-main ul li a.actual-contato {background-position:-737px -186px;}

/* Meio
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.box-t {margin-top:30px; padding-top:9px;}
.box-b {padding-bottom:11px; background-position:left bottom;}
.box {position:relative; background:#fff url("../images/layout/box-pattern.png") repeat-y;}
.fix {margin-top:55px;}

	/* Home */
.chamadas {margin-top:25px;}
.chamadas div {float:left; margin-left:41px;}
.chamadas .esposende-card {margin-left:0;}
#banner {width:830px; height:240px;}
		/* marcas */
.h-marcas {padding:15px 0 10px 15px;}
.h-marcas h2, .h-noticias h2 {position:absolute; height:29px; top:-29px; left:15px; text-indent:-9999em;}
.h-marcas h2 {display:block; width:229px; background-position:0 -35px;}
.h-marcas ul li {float:left; margin-left:10px;}
.h-marcas ul li img {background-color:#ccc;}
		/* manchetes */
.h-noticias h2 {display:block; width:84px;}
.h-noticias ul {margin-bottom:10px; padding-left:18px;}
.h-noticias ul li {float:left; width:270px; margin-top:16px; padding-bottom:10px;}
.h-noticias ul li.ultima {width:254px;}
.h-noticias ul li h3 {font-size:11px; font-weight:700; color:#1a3257; text-transform:uppercase;}
.h-noticias ul li h4 {margin-bottom:6px; font:8px Verdana, Geneva, sans-serif; text-transform:uppercase;}
.h-noticias ul li p {margin-bottom:0px; font-size:11px;}
.h-noticias ul li p.mais {margin-bottom:0;}
.h-noticias ul li p.mais a {padding-right:12px; text-transform:uppercase; font-size:9px; font-weight:700; color:#1a3257; background-position:44px 2px;}
.h-noticias .todas {padding-bottom:10px; padding-top:10px; font-size:11px; text-transform:lowercase; text-align:right; border-top:1px solid #d6dceb;}
.h-noticias .todas a {margin-right:18px; padding-right:12px; background-position:right -14px;}

	/* Internas */
.box-t-internas {margin-top:20px;}
.box-internas {padding:25px 35px; position:relative; background:#fff url("../images/layout/box-pattern.png") repeat-y;}
.box-internas h3 {color:#183181; font-weight:700; font-size:25px; text-transform:uppercase; letter-spacing:-2px; margin:0 0 15px;}
.box-internas p {letter-spacing:0px; color:#8F94A6; margin:0 0 15px; line-height:17px;}
.box-internas p.endereco {width:250px;}
.box-internas p.destaque {font-size:17px; letter-spacing:-1px; line-height:23px;}
.box-internas .galeria { width:756px; height:113px; margin-left:5px; }
.box-internas .galeria ul { height:113px; }
.box-internas .galeria ul li { width:139px; height:113px; float:left; }
.box-internas .galeria ul li a { display:block; width:139px; height:113px; }
.box-internas .galeria ul li a img { display:block; width:139px; height:113px; }
/*
.box-internas .galeria a.last-image-gallery { margin:0; }
*/


h4#esposende-card { width:221px; height:147px; background:url(../images/esposende-card.png) no-repeat; text-indent:-9999em; overflow:hidden; position:absolute; bottom:-5px; right:15px; }



		/* Contato */
form#contato {width:515px;}
form#contato input {font-family:Arial; color:#8F94A6; padding:5px; display:block; margin:0 0 8px; -moz-border-radius:7px; border:2px solid #EBEDF5; width:100%; background:transparent;}
form#contato input#enviar-contato {display:block; margin:0 0 8px; border:none; background:url(../images/layout/enviar.png) no-repeat center; text-indent:-99999px; cursor:pointer;}
form#contato textarea {font-family:Arial; font-size:13px; color:#8F94A6; padding:5px; display:block; margin:0 0 8px; -moz-border-radius:7px; border:2px solid #EBEDF5; width:100%; height:228px; background:transparent;}
form#contato select {padding:0 0 0 5px; /*width:505px;*/ font-family:Arial; color:#8F94A6; margin:0 0 10px;}
		/* Lojas */
.box-internas .loja h4 {color:#1A3257; font-weight:700; font-size:16px; text-transform:uppercase; letter-spacing:-2px; margin:0 0 5px;}
.box-internas .loja {border-bottom:1px solid #dde1ee; margin:0 0 15px; padding:0 0 5px;}

#busca-lojas { width:424px; height:28px; position:absolute; right:35px; top:25px; }
input#input-busca { display:block; width:328px; padding:0 5px; height:23px; padding-bottom:5px; background:url(../images/input-buscar-loja.png) no-repeat; border:none; float:left; text-transform:uppercase; font-size:12px; color:#666; line-height:23px; }
input#bt-buscar { display:block; width:86px; height:28px; float:left; border:none; }



.paginacao {width:270px; margin:30px auto 0;}
.paginacao ul li a {float:left; color:#1a3257; font-size:14px; margin:0 5px; letter-spacing:-1px;}
.paginacao ul li a.active {font-size:20px; margin:-7px 5px 0;}
.paginacao ul li a.anterior {background:url(../images/layout/sprites/paginacao.png) no-repeat; width:11px; height:11px; text-indent:-99999px; display:block; margin:3px 5px 0;}
.paginacao ul li a.proximo {background:url(../images/layout/sprites/paginacao.png) no-repeat 0 -21px; width:11px; height:11px; text-indent:-99999px; display:block; margin:3px 5px 0;}
		/* Notícias */
h2.mostrar {cursor:pointer; background:url(../images/layout/sprites/icons-2.png) no-repeat 0 5px; padding:0 0 0 17px;}
h2.active {background:url(../images/layout/sprites/icons-2.png) no-repeat 0 -20px;}
h2.mostrar span.titulo {color:#1A3257; font-weight:700; font-size:16px; text-transform:uppercase; letter-spacing:-1px; padding:0 0 5px;}
h2.mostrar span.data {float:right; font:10px Arial; color:#737DA1; margin:5px 0 0;}
span.divisao {border-top:1px solid #D6DCEB; display:block; margin:10px 0;}



/* Nossas Campanhas */
div.video-box { width:360px; height:290px; float:left; margin:10px; 10px 20px 10px; }





/* Formulários
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Sprites
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav-main ul li a,
#nav-main ul li a strong {background-image:url("../images/layout/sprites/menu.png"); background-repeat:no-repeat;}
.box-t, .box-b {width:831px; background-image:url("../images/layout/sprites/box.png"); background-repeat:no-repeat;}
.h-marcas h2, .h-noticias h2 {background-image:url("../images/layout/sprites/titulos-home.gif"); background-repeat:no-repeat;}
.h-noticias ul li p.mais a, .h-noticias .todas a {background-image:url("../images/layout/sprites/icons.png"); background-repeat:no-repeat;}

/* Rodapé
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer {padding-bottom:30px; border-bottom:1px solid #183181; background:url("../images/layout/footer-pattern.png") repeat-x left top; text-align:center;}
#nav-footer {margin-bottom:20px; padding-top:76px; background:url("../images/layout/footer-sombra.png") no-repeat center 30px;}
/*#nav-footer ul {width:670px; margin:0 auto;}*/
#nav-footer ul li {display:inline; margin-right:15px;}
#nav-footer ul li a {text-transform:uppercase; font-size:12px; font-weight:700; color:#183180;}
#nav-footer ul li a:hover {text-decoration:underline;}
#copyright address {font-size:14px; line-height:12px;}

a.by-cappen img {margin:15px 0 0;}

.pointer img {margin:0 30px 0 0;}