/*
Autor: Eduardo Santos
URL: http://www.dusilva.com
Email: dudu.wd@hotmail.com
Empresa: http://www.cliqnet.com.br
*/
* {padding: 0; margin: 0; text-decoration: none; font-family: 'Verdana'; font-size: 10px; list-style: none; border: none; line-height: 14px;}

hr { display: none;}

html {background: url(../img/bg.gif) repeat;}
body {background: url(../img/bg-topo.jpg) no-repeat;}

#bgTopo { width: 100%; height: 167px; background: url(../img/bg-topo.png) repeat-x; position: absolute; top: 0; left: 0; }
/* ------------------------------------------- DIV CONTAINER ------------------------------------------- */
#container { width: 970px; margin: 0 auto; background: url(../img/bg-container.png) no-repeat;  position: relative;}

#solucao { position: relative; width: 970px; margin: 0 auto;}

#logo { position: absolute; top: 25px; left: 53px;}

#bgTopoCurva { width: 280px; height: 288px; background: url(../img/bg-curva.png) no-repeat; position: absolute; top: 0; left: -280px;}
/* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */



/* ------------------------------------------- DIV HEADER ------------------------------------------- */
#header { position: relative; width: 950px; height: 295px; margin: 0 auto;}
#header ul { position: absolute; top: 185px; left: 410px; width: 530px;}
#header ul li { display: inline;}
#header ul li a { display: block; float: left; color: #000; padding: 3px 6px; margin: 0 2px; font-size: 12px;}
#header ul li a:hover {background: #42210B; color: #fff;}
/* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */



/* ------------------------------------------- DIV CONTENT ------------------------------------------- */
#content { width: 910px; padding: 0 30px; padding-bottom: 30px; margin-top: -5px; background: url(../img/bg-content.png) repeat-y; float: left;}
#content h3 { font-size: 12px;}
#content h3 span { font-size: 10px; font-style: italic; color: #666;}


/* COLUNA ESQUERDA */
#colLeft { width: 321px; float: left;}
#slide {width: 321px; height: 289px; /*background: url(../img/bg-slide.jpg) no-repeat;*/ margin-bottom: 67px;}

#slide #nav { width: 304px; margin-bottom: 10px;}
#slide #nav span a { background: #fff; border: 1px solid #ccc; padding: 2px 4px; color: #000;}
#slide #nav span a:hover { background: #333; border: 1px solid #ccc; color: #fff;}
#slide #nav span.numbers a { margin: 0 2px;}
.filho {position: relative;}
.filho p { width: 294px; padding: 8px 0 8px 10px; position: absolute; bottom: 3px; left: 0px; background: #333; color: #fff;}

#formIntraNet {margin: 0 auto; width: 232px;}
#formIntraNet h3 { margin-bottom: 20px;}
#formIntraNet form { width: 188px; background: #E6E6E6; padding: 13px 22px;}
#formIntraNet form .estiloCampo { display: block; border: 2px solid #C0C0C0; width: 100%; height: 18px; padding-top: 4px; margin: 4px 0 10px 0;}
.btEntrar { background: #42210B; color: #fff; padding: 3px 5px; float: right; clear: both;}


/* COLUNA CENTRO */
#colCenter { width: 235px; float: left; margin-left: 40px;}
#listaInformes { width: 228px; margin: 10px 0 100px 10px;}
#listaInformes li { margin-bottom: 20px;}
#listaInformes p { color: #C1272D; font-size: 10px;}

/* COLUNA DIREITA */
#colRight { width: 203px; float: right;}
#blogCultural {}
#linkBlogSantista { display: block; width: 187px; height: 65px; background: url(../img/bg-blog-cultural.jpg) no-repeat; text-indent: -9999px; margin-bottom: 20px;}
#listaBlog { background: #E6E6E6; padding: 7px; margin-bottom: 28px; float: left;}
#listaBlog li { clear: both; margin-bottom: 40px;}

/* BOX NEWSLETTER */
#newsLetter {background: url(../img/bg-carta.jpg) no-repeat; height: 103px; padding: 12px;}
#newsLetter p { font-size: 11px; margin-bottom: 15px;}
#newsLetter form .estiloCampo { display: block; border: 2px solid #C0C0C0; width: 176px; height: 18px; padding-top: 4px; margin: 4px 0 10px 0; color: #8C8C8C;}
.btCadastrar { background: #333; padding: 3px 5px; color: #fff; float: right;}

#parceiros { clear: both; float: left; width: 100%; height: 80px!important; margin: 20px 0;}
#parceiros img { margin: 30px;}
/* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */



/* ------------------------------------------- DIV FOOTER ------------------------------------------- */
#footer {width: 100%; height: 84px; background: url(../img/bg-footer.png) no-repeat; clear: both;}

#cliqnet{ margin: 15px 0 0 27px; float: left;}
/* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */



/* ------------------------------------------- INTERNAS ------------------------------------------- */
#contentIntern { width: 824px; margin: 0 auto;}

#contentIntern h2 { width: 801px; height: 83px; background: url(../img/bg-h2.jpg) no-repeat; color: #534741; font-size: 19px; padding-top: 30px; margin-left: 23px;}
#contentIntern h2 span { color: #F15A24; font-size: 19px;}

.titP { margin-bottom: 35px;}
.titP h3 {width: 177px; height: 35px; background: url(../img/bg-h3-titP.jpg) no-repeat left 18px; padding-left: 30px; font-size: 14px; color: #534741; margin-bottom: 12px;}
.titP h4 { margin-bottom: 20px;}
.titP p { font-size: 12px; margin-left: 25px; width: 763px;}

h4 { color: #534741; font-size: 14px; margin-left: 23px;}
#mapaGoogle { width: 378px; height: 278px; border: 1px solid #000; margin: 20px auto;}


#tabelaProduto { width: 699px; margin: 0 auto; text-align: left;  border-collapse: collapse;
}
#tabelaProduto tbody tr th { width: 50%; font-size: 14px; padding: 10px; background: none;}

#tabelaProduto tbody tr td {border: 1px solid #777; padding: 10px; background: #E6E6E6;}

.produtos { width: 680px; margin: 0 0 40px 25px; clear: both; float: left;}
.produtos a { display: block; width: 278px; height: 43px; background: url(../img/bg-link-produtos.jpg) no-repeat; font-size: 24px; color: #fff; text-align: center; padding-top: 13px; float: left; line-height: 28px;}

.produtos p {width: 379px; float: right;}

#parceiros { clear: both; width: 777px; margin-left: 25px}

.parceirosinterno {background: none!important;}
.parceirosinterno img { margin: 10px; }
/* ------------------------------------------- FIM INTERNAS ------------------------------------------- */

/* ------------------------------------------- CLASSES ------------------------------------------- */
.marginCenter { margin: 0 auto;}
.floatL { float: left;}
.floatR { float: right;}

.marginB20 { margin-bottom: 20px;}
.marginT10 { margin-top: 10px;}
.marginT20 { margin-top: 20px;}
.noMarginB { margin-bottom: 0!important;}
.clear { clear: both;}

.linkLista li a { color: #666; font-size: 11px;}
.linkLista li p a:hover { text-decoration: underline;}
.link {background: #42210B; color: #fff!important; padding: 3px; font-size: 10px;}
.link:hover {background: #533725;}
.data {color: #C1272D;}
/* ------------------------------------------- FIM CLASSES ------------------------------------------- */


#formContato { width: 371px; background: #e6e6e6; padding: 15px; margin: 20px auto;}
#formContato form .estiloCampo { display: block; border: 2px solid #ccc; width: 360px; padding: 3px; margin: 10px 0;}
#formContato form textarea.estiloCampo { height: 100px;}
#formContato form .btEnviar { background: #42210b; color: #fff; padding: 2px 5px;}

.alignR { text-align: right; padding-right: 2px;}