/*
Theme Name: Abstratto
Theme URI: http://www.abstratto.com.br/
Description: Tema Padrao.
Version: 1.0
Author: CSSMix
Author URI: http://www.cssmix.com.br/
Tags: cssmix, fonix, cabecalho personalizado, colunas fixas, widgets
*/

/*====================INDICE====================

                1. Geral
                2. Topo
                3. Menu 
                4. Conteudo
                5. Rodape
                6. Paginas
                  6.1 - Home
                  6.2 - Linha Decorative
                  6.3 - Linha Kids
                  6.4 - Contato
                

=============================================*/


/*   1. Geral Reset  (Setando Propriedades) */


* { padding:0; margin:0; text-decoration:none; list-style:none; vertical-align:baseline; border:none; 
    font:normal 12px Arial, Verdana, Helvetica, sans-serif; outline:0; }

strong {font-weight:bold;}
em {font-style:italic;}
 
body {background:url(images/outras-back.png) top center repeat-x;}
body.home {background:url(images/home-back.png) top center repeat-x;}
body.page-template-linha-kids-php { background:url(images/interna-kids-top.png) top center repeat-x; }

/*   2. Topo */

#topo {width:100%; height:215px; z-index:2; background:url(images/background.png) top center no-repeat; position:relative;}
#topo-inside {width:960px; margin:0 auto;}

/*   3. Menu */

#topo-inside #menu {float:left; }
#topo-inside #menu ul li {float:left; height:50px;}
#topo-inside #menu ul li a {display:block; margin:107px 0 0 0; width:185px; height:50px; text-indent:-9999px; overflow:hidden; background:url(images/menu-itens.png) no-repeat;}
#topo-inside #menu ul li.nav-home a {background-position:40px 18px;}
#topo-inside #menu ul li.nav-home a:hover {background-position:41px -33px;}
#topo-inside #menu ul li.nav-empresa a {width:175px; background-position:-140px 18px;}
#topo-inside #menu ul li.nav-empresa a:hover {background-position:-140px -33px;}
#topo-inside #menu ul li.nav-index a {width:240px; height:215px; background:none; margin:0;}
#topo-inside #menu ul li.nav-produtos a {background-position:-315px 18px;}
#topo-inside #menu ul li.nav-produtos a:hover {background-position:-315px -33px;}
#topo-inside #menu ul li.nav-produtos ul.submenu {display:none; position:absolute; margin:0 0 0 7px; width:165px; background:#C5D18E;}
#topo-inside #menu ul li.nav-produtos ul.submenu li {float:none; height:auto;}
#topo-inside #menu ul li.nav-produtos ul.submenu li a {background:none; text-indent:0px; width:165px; text-align:center; color:#fff; height:auto; padding:5px 0; margin:0; text-transform:uppercase; font:bold 12px Arial, Verdana, Helvetica, Sans-serif;}
#topo-inside #menu ul li.nav-produtos ul.submenu li a:hover {color:#D5EA8B;}
#topo-inside #menu ul li.nav-produtos ul.submenu li.last {background:url(images/fundo-submenu.gif) top left no-repeat;}
#topo-inside #menu ul li.nav-contato a {width:170px; background-position:-505px 18px;}
#topo-inside #menu ul li.nav-contato a:hover {background-position:-505px -33px;}

/*   4. Conteudo */

#conteudo {width:100%; min-height:490px; height:auto!important; height:490px; padding:25px 0 0 0; margin:-75px 0 0 0; z-index:0; position:relative; background:url(images/internas.png) top center no-repeat;}
#content {width:960px; margin:0 auto; padding:50px 0 0 0;}
#content .post h2 {font:bold 16px Arial, Verdana, Helvetica, Sans-serif; height:33px; color:#776479; text-transform:uppercase; margin:0 0 30px 0;}
#content {background:url(images/poltrona-hq.png) bottom left no-repeat; min-height:440px; height:auto!important; height:440px;}
#content .post {padding:0 0 0 420px; margin:40px 0 0 0;}
#content .post p {color:#776479; line-height:2em; margin:0 0 10px 0;}

/*   5. Rodape */

#footer {width:100%; height:99px; clear:both; background:#DDD url(images/footer-top.png) top center no-repeat;}
#footer-inside {width:960px; height:99px; margin:0 auto;}
#footer-inside p.endereco {float:left; width:50%; height:99px; background:url(images/endereco.png) 0px 50px no-repeat; text-indent:-9999px; overflow:hidden;}
#footer-inside p.fonix {float:right; width:50%; height:99px;}
#footer-inside p.fonix a {float:right; width:40px; height:28px; margin:60px 0 0 0; background:url(images/fonix.png) 0px 0px no-repeat; text-indent:-9999px; overflow:hidden; display:block;}

/*   6.1. Home */

#content ul#menuhome li {width:50%; height:440px; float:left;}
#content ul#menuhome li a {display:block; width:100%; height:440px; text-indent:-9999px; overflow:hidden;}
#content ul#menuhome li.decorative a {background:url(images/linha-decorative.png) 90% 90% no-repeat;}
#content ul#menuhome li.decorative a:hover {background:url(images/linha-decorative.png) 89% 91% no-repeat;}
#content ul#menuhome li.kids a {background:url(images/linha-kids.png) 10% 90% no-repeat;}
#content ul#menuhome li.kids a:hover {background:url(images/linha-kids.png) 11% 91% no-repeat;}

/*   6.2. Linha Decorative */
/*   6.3. Linha Kids */


#decorative #conteudo {background:url(images/interna-decorative.png) top center no-repeat; }
#decorative .post h2 {margin:0 0 5px 0 !important;}

.galleria_container {float:left; width:540px; background:#fff; border:3px solid #d2dba7; margin:5px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;}
.galleria_wrapper {width:540px; padding:10px 0;}
.galleria_wrapper img {margin:0 auto !important; display:block; max-width:520px; width:auto !important; width:135px;}
.galleria_container span.caption {  display:block; padding:5px 0; background:url(images/fundo-caption.gif) top left no-repeat; text-align:center; font-size:13px; font-weight:bold; color:#776479;}

ul#galeria {width:320px; height:295px; overflow:hidden; float:right; margin:5px 60px 40px 0; padding:20px 0 0 0;}
ul#galeria li {float:left; width:120px; height:70px; padding:10px; background:#fff; border:3px solid #d2dba7; margin:5px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;}
ul#galeria li img {margin:0 auto !important; opacity:1 !important; cursor:pointer; display:block; max-width:135px; width:auto !important; width:135px; max-height:70px; height:auto !important; height:70px;}
ul#galeria li img:hover, ul#galeria li img:active { opacity:0.7 !important; }


#nextprev {width:310px; margin:0 70px 0 0; float:right; clear:right; background:url(images/anterior-proximo.jpg) top center no-repeat;}
#nextprev a {float:left; width:50%; text-align:center; color:#776479;}

.home #conteudo {background:url(images/home-content.png) top center no-repeat;}
.home #content, .page-id-7 #content, .comum #content { background:none; }
.page-id-7 .post, .comum #content .post { padding:0 !important; margin:0 !important; }

#kids #conteudo { background:url(images/interna-kids.png) top center no-repeat; }
#kids #conteudo #content .post h2 {height:33px; text-indent:-9999px; overflow:hidden; margin:0 0 5px 0 !important; background:url(images/linha-kids-h2.png) top left no-repeat;}

/*   6.4. Contato */

#contato {float:right; width:274px; height:215px; color:#776479; margin:0 40px 0 0; padding:40px 0 0 50px; background:url(images/fundo-contato.png) top center no-repeat;}
#contato p, #contato address {line-height:1.6em !important;}

.cform {width:510px; float:left;}
.cform ol.cf-ol li {width:243px; float:left; margin:10px 24px 10px 0;}
.cform ol.cf-ol li label {display:block; color:#776479;}
.cform ol.cf-ol li input {display:block; width:100%; border:1px solid #a8acad; height:17px;}
.cform ol.cf-ol li select {display:block; width:100%; border:1px solid #a8acad; border-right:none;}
.cform ol.cf-ol li#li--7 {width:100%;}
.cform ol.cf-ol li#li--7 textarea {width:100%; height:84px; border:1px solid #a8acad;}
li#li--2, li#li--4, li#li--6 {margin:10px 0;}
span.reqtxt, span.emailreqtxt, .cf_hidden {display:none;}
p.cf-sb {clear:both; text-align:right;}
p.cf-sb input {font-size:11px; width:71px; height:28px; color:#776479; background:url(images/btn-enviar.png) top center no-repeat;}

.success { color:red; font-weight:bold; }