/*  
Theme Name: Magrella 1
Description: For the site magrella.com.br 
Version: 1
Author: Filipe Scafuto
*/

html {
        scrollbar-arrow-color: #e0e0e0;
        scrollbar-face-color: #efefef;
        scrollbar-base-color: #e0e0e0;
        scrollbar-track-color: #e0e0e0;
        scrollbar-highlight-color: #e0e0e0;
        scrollbar-3dlight-color: #e0e0e0;
        scrollbar-shadow-color: #e0e0e0;
        scrollbar-darkshadow-color: #e0e0e0;
        }

body {
	margin: 0;
	padding: 0; 
	font-size: 12px;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        color: black;
	}

ul, ol, li, form, div, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0; 
	}

a,
a:hover {
        color: black;
	text-decoration: none;
	}

a:active,
a:focus { 
	outline: none; 
	}

textarea{
	overflow: auto;
	}

.clear { 
        clear: both; 
/*        height: 30px;*/
        }  

#site-wrapper,
#rows-wrapper,
#site-transp {
        position: absolute;
        width: 960px;
        padding: 10px 15px;
        }

#site-transp {
        z-index: 2;
        }

#content-transp,
#wrapper-transp-category,
#wrapper-transp-post  {
        z-index: 3;
        }

#rows-wrapper {
        z-index: 4;
        }

body#body-inicial #rows-wrapper, 
#site-transp {
        min-height: 790px;
        min-height: 720px;
        }

div.resolucao-safe {
        margin: 10px;
        }

div.resolucao-safe-ver {
        margin-top: 10px;
        margin-bottom: 10px;
        }

div.resolucao-safe-hor {
        margin-left: 10px;
        }

div.resolucao-ok,
div.resolucao-safe-ver {
        margin-left: -495px;
        }

body#body-inicial div.resolucao-ok,
body#body-inicial div.resolucao-safe-ver {
        left: 50%;
        }

div.resolucao-ok,
body#body-inicial div.resolucao-safe-hor,
body#body-inicial div.resolucao-ok  {
        top: 50%;
        margin-top: -405px;
        }

body#body-interno div.resolucao-safe-ver {
        margin: 10px auto;
        }

body#body-interno #site-wrapper {
        position: relative;
        }



#site-transp {
        background-color: white;
        filter: alpha(opacity=40);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
        opacity: 0.4;
        -moz-opacity: 0.4; 
        }

#content-transp,
#content-transp-dir,
#content-transp-esq,
#content-transp-superior,
#content-transp-inferior {
        background-color: white;
        filter: alpha(opacity=70);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        opacity: 0.7;
        -moz-opacity: 0.7; 
        }


/* ============================================================== PRIMEIRO */

#primeiro,
#primeiro-esq,
#primeiro-dir,
#logo,
#logo a {
        height: 125px; 
        }

#primeiro {
        overflow: hidden;
        }

#primeiro-esq {
        float: left;
        clear: left;
        }

#primeiro-esq,
#logo,
#logo a {
        width: 220px;
        }

#logo a {
        display: block;
        background: url('imagens/logo.png') no-repeat center center;
        }

#primeiro-dir {
        float: right;
        clear: right;
        width: 730px;
        }

#banner,
#banner img,
#banner object {
        width: 730px;
        height: 90px;
        }



/* ============================================================== SEGUNDO */

#segundo {
        height: 30px; 
        overflow: hidden;
        }

#segundo-esq,
#menu {
        width: 825px;
        height: 30px;
        }

#segundo-esq {
        float: left;
        clear: right;
        }

#menu {
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        line-height: 30px;
        font-weight: bold;
/*        letter-spacing: -1px;*/
        overflow: hidden;
        background: url('imagens/menu.png') no-repeat left 1px;
        }

#menu ul {
	list-style: none;
        line-height: 30px;
        }

#menu li {
        display: inline-block;
        margin-right: 15px;
        float: left;
        height: 30px;
        font-size: 17px;
/*        text-transform: uppercase;*/
        }

#menu li a,
#menu li a:hover {
        white-space: nowrap;
	text-decoration: none;
        color: black;
        }

#menu li a:hover {
        color: white;
        }

#menu img {
        width: 762px;
        height: 30px;
        border: 0;
        }


#segundo-dir {
        float: left;
        clear: right;
        width: 135px;
        height: 30px;
        }

#pesquisa {
        width: 135px;
        height: 30px;
        line-height: 30px;
        text-transform: lowercase;
        overflow: hidden;
        vertical-align: middle;
        text-align: right;
        }

#s {
        height: 14px;
        line-height: 14px;
        border: 0;
        color: white;
        width: 88px;
        font-size: 14px;
        background-color: black;    
        vertical-align: middle;
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        margin: 2px 4px 2px 0;
        *margin: 0 4px; 
        padding: 4px;
        }

#searchsubmit {
        height: 22px;
        width: 30px;
        background-color: black;
        color: white;
        font-size: 14px;
        line-height: 20px;
        border: 0;
        font-weight: bold;
        vertical-align: middle;
        margin: 2px 0;
        *margin: 0; 
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        padding: 0;
        }

#searchform {
        border: 0;
        }

/* ============================================================== TERCEIRO */

body#body-interno #terceiro {
        min-height: 475px; 
        }

body#body-inicial #terceiro {
        height: 475px; 
        padding: 10px 0 5px;
        overflow: hidden;
        }

#destaque-maior-transp,
div.destaque-menor-transp {
        background-color: #ddd;
        filter: alpha(opacity=65);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
        opacity: 0.65;
        -moz-opacity: 0.65; 
        }

#home-esq,
#home-dir,
#destaque-maior-imagem, 
#destaque-maior-imagem img {
        height: 475px; 
        }

#home-esq,
#destaque-maior-imagem img,
#destaque-maior-transp,
#home-dir,
#home-dir-sup,
#home-dir-inf {
        width: 475px; 
        }

#home-esq {
        position: relative;
        z-index: 10;
        margin-right: 10px;
        clear: left;
        float: left;
        }

#destaque-maior-imagem {
        position: relative;
        z-index: 12;
        }

#destaque-maior-imagem img {
        border: 0;
        }

#destaque-maior-transp {
        position: absolute;
        top: 380px;
        height: 80px;
        z-index: 15;
        } 

#destaque-maior-texto {
        height: 68px;
        width: 445px; 
        padding: 8px 10px 0;
        position: absolute;
        top: 380px;
        z-index: 17;
        overflow: hidden;
        letter-spacing: -1px;
        }

#home-dir {
        clear: right;
        float: left;
        }

#home-dir-sup {
        clear: right;
        }

#home-dir-inf {
        margin-top: 9px; 
        }

#home-dir-sup,
#home-dir-inf,
#destaque2,
#destaque3,
#destaque4,
#destaque5,
div.destaque-menor-imagem,
div.destaque-menor-imagem img  {
        height: 233px; 
        }

#destaque2,
#destaque3,
#destaque4,
#destaque5,
div.destaque-menor-imagem,
div.destaque-menor-imagem img,
div.destaque-menor-transp {
        width: 233px; 
        }

#destaque2,
#destaque3,
#destaque4,
#destaque5 {
        float: left; 
        position: relative;
        z-index: 10;
        }

#destaque4 {
        clear: right; 
        }

#destaque2,
#destaque4 {
        margin-right: 9px; 
        }

div.destaque-menor-imagem {
        position: relative;
        z-index: 12;
        }

div.destaque-menor-imagem img {
        border: 0;
        }

div.destaque-menor-transp,
div.destaque-menor-texto {
        top: 160px;
        }

div.destaque-menor-transp {
        position: absolute;
        height: 60px;
        z-index: 15;
        }

div.destaque-menor-texto {
        padding: 5px 7px; 
        overflow: hidden;
        position: absolute;
        z-index: 17;
        width: 219px; 
        height: 43px;
       }

span.titulo,
span.chamada {
        font-size: 12px;
        }

span.titulo {
        vertical-align: top;
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        text-transform: lowercase;
        letter-spacing: 5px;
        line-height: 17px;
        }

span.chamada {
        font-weight: bold;
        }

#destaque-maior-texto span.titulo {
        font-size: 14px; 
        line-height: 17px;
        }

#destaque-maior-texto span.chamada {
        font-size: 20px; 
        }

span.titulo {
        text-transform: lowercase;
        }

#destaque-maior-texto span.titulo a,
#destaque-maior-texto span.titulo a:hover,
#destaque-menor-texto span.titulo a
#destaque-menor-texto span.titulo a:hover,
#destaque-menor-texto span.chamada a, 
#destaque-menor-texto span.chamada a:hover {
        color: black;
        }

/* ============================================================== QUARTO */

#quarto,
#banners,
#banners ul,
#banners ul li {
        height: 40px;
        height: 20px;
        overflow: hidden;
        }

#quarto {
        width: 100%;
        padding: 20px 0;
        padding: 0;
        clear: both;
        }

#banners {
        text-align:center;
        }

#banners ul {
        padding: 0 0 0 10px;
        width: 100%;
        }

#banners ul li {
        display: block;
        float: left;
	list-style: none;
        width: 160px;
        margin: 0 14px;
        }

#banners img {
        border: 0;
        height: 40px;
        width: 160px;
        }

#banners a {
        display: inline-block;
        height: 40px;
        width: 160px;
        }

#bannerpantalena {
        background: url('imagens/pantalena-preta.png') no-repeat center center;
        }

#bannermumm {
        background: url('imagens/mumm-preta.png') no-repeat center center;
        }

#bannerhstern {
        background: url('imagens/hstern-preta.png') no-repeat center center;
        }

#bannerzeferino {
        background: url('imagens/zeferino-preta.png') no-repeat center center;
        }

#bannerjackvartanian {
        background: url('imagens/jackvartanian-preta.png') no-repeat center center;
        }

#bannertrousseau {
        background: url('imagens/trousseau-preta.png') no-repeat center center;
        }

#bannervoriques {
        background: url('imagens/voriques-preta.png') no-repeat center center;
        }


/* ============================================================== QUINTO */

#quinto {
	font-family: Verdana, Corbel, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        width: 100%;
        height: 65px; 
        font-size: 8px;
        font-weight: bold;
        text-align: center;
        overflow: hidden;
        padding-top: 5px;
        border-top: 1px solid white;
        }

#quinto a {
        color: black;
        text-decoration: none;
        }

#powered * {
        margin-top: 5px;
        line-height: 40px;
        vertical-align: middle;
        }

#finissimo {
        display: inline-block;
        line-height: 40px;
        vertical-align: middle;
        height: 29px;
        width: 147px;
        background: url('imagens/finissimo.png') no-repeat;
        }


/* ============================================================== CONTEUDO */

#content,
.post,
.entry {
        margin: 0;
        padding: 0;
        }

/* CONTEUDO POSICOES */

#content,
#content-size,
#content-transp,
#wrapper-content-category #content,
#wrapper-transp-category #content-transp-dir,
#wrapper-content-category #lateral,
#wrapper-transp-post #content-transp-esq  {
        min-height: 480px;
        }

#wrapper-transp-category #content-transp-esq {
        min-height: 500px;
        }

#content-size {
        margin-top: 175px;
        }

#footer-size {
        position: relative;
        height: 125px;
        }

#content {
        margin-top: 10px;
        width: 900px;
        padding: 0 30px 0 30px;
        }

#content-transp,
#wrapper-transp-category,
#wrapper-transp-post {
        position: absolute;
        margin: 175px 0 0 15px;
        width: 960px;
        clear: both;
        }

#wrapper-transp-category #content-transp-dir,
#wrapper-content-category #lateral {
        float: right;
        clear: right;
        width: 270px;
        padding: 10px;
        }

#wrapper-transp-category #content-transp-esq,
#wrapper-content-category #content {
        float: left;
        width: 600px;
        padding: 0 30px 0 30px;
        }

#wrapper-content-category #lateral {
        margin-top: 10px;
        }

#wrapper-content-category div.post {
        height: 250px;
        clear: both;
        }

#post-imagem, 
#post-imagem img {
        width: 233px;
        height: 233px;
        }

#post-imagem {
        float: left;
        }

#post-chamada {
	font-family: "Times New Roman", "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        float: left;
        margin-left: 20px;
        font-size: 14px;
        }

#post-chamada div.div-center-0 {
        width: 340px; 
        height: 230px;
        display: table;
        *position: relative; 
        overflow: hidden;
        }

.div-center-1 {
        display: table-cell;
        vertical-align: middle;
        *position: absolute; 
        *top: 50%;
        }

.div-center-2 {
        *position: relative; 
        *top: -50%; 
        }

#post-chamada a {
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        font-size: 22px;
        font-weight: bold;
        }

#wrapper-transp-post #content-transp-dire,
#wrapper-content-post #lateral {
        float: right;
        clear: right;
        width: 225px;
        }

#wrapper-content-post #lateral {
        margin-top: 10px;
        }

#wrapper-transp-post #content-transp-esq,
#wrapper-content-post #content {
        float: left;
        width: 665px;
        padding: 0 30px 0 30px;
        }

#content-transp-superior,
#wrapper-content-post #lateral #superior {
        padding: 10px 20px;
        height: 360px;
        margin-bottom: 10px;
	overflow: hidden;
        }

#content-transp-inferior,
#wrapper-content-post #lateral #inferior {
        padding: 7px 20px;
        height: 76px;
        }

#wrapper-content-post #lateral #superior h3 {
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 10px;
        }

#wrapper-content-post #lateral #superior ul {
	list-style: none;
        }

#wrapper-content-post #lateral #superior li {
	font-family: "Times New Roman", "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        margin-bottom: 18px;
        font-weight: bold;
        font-size: 11px;
        height: 40px;
        overflow: hidden;
        }

#wrapper-content-post #lateral #superior li a,
#wrapper-content-post #lateral #superior li a:hover {
        font-weight: normal;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
	text-decoration: none;
        }


/* CONTEUDO GERAL */

 h1 {
        padding-top: 15px;
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        text-transform: lowercase;
        font-size: 15px;
        letter-spacing: 7px;
        font-weight: normal !important;
        }

#wrapper-content-post #content small {
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        }

#content div.post {
	padding: 10px 0;
	margin-bottom: 20px;
	}

#wrapper-content-category #content div.post{
	margin-bottom: 0;
	}

#content div.post h2 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 22px;
        letter-spacing: -1px;
	}

#content div.entry {
        padding-top: 15px;
        overflow: hidden;
	}

#content div.entry p {
        margin-bottom: 10px;
	}


.entry ul {
	padding: 1px 15px;
	}

.entry ul li {
	list-style: square;
	padding: 5px 0;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	list-style: decimal outside;
	}

.navigation {
	margin: 10px;
        }

.navigation a:hover {
	text-decoration: none;
        }

#nao-encontrado {
        line-height: 440px;
        text-align: center;
	}

#nao-encontrado #searchform {
        display: inline;
	}

#visualiza-imagem {
        text-align: center;
        }

div.lista ul {
	list-style: none;
        }

div.lista li {
        margin-bottom: 10px;
        }

div.lista li a,
div.lista li a:hover {
        font-size: 13px;
	font-family: "Times New Roman", "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
	text-decoration: none;
        }

div.lista li a:hover {
        }

div.lista span.chamada {
        font-size: 12px;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        font-weight: bold;
        }

.postmetadata {
        clear: both;
	padding:10px;
        margin: 20px 0;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
	}

.postmetadata a {
        padding: 5px;
	}

.postmetadata a:hover {
	background-color: #999;
        color: yellow;
	}

content a,
content a:hover {
        color: red;
	text-decoration: none;
	}

content a:hover {
        color: red;
	text-decoration: underline;
	}

a img {
	border: none;
	}

p img {
	padding: 5px;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

small {
	font-size: 11px;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	letter-spacing: .07em;
	cursor: help;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* COMMENTS 

h3#respond,
h3#responded {
	margin: 40px auto 5px ;
        color: #09ff01;
        font-size: 18px;
        text-transform: lowercase;
        font-weight: normal;
	}

#commentform p {
	margin: 5px 0;
	}


#commentform input,
#commentform textarea {
        border: 0;
        vertical-align: middle;
        color: white;
        background-color: #999;
        font-weight: bold;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
	}

#commentform input {
	width: 170px;
        height: 20px;
	margin: 5px 5px 0 0;
	}

#commentform textarea {
	margin: 5px 0 0 0;
	width: 100%;
        height: 150px;
	}

p.p-submit{
        text-align: center;
        }

#commentform #submit {
        height: 20px;
	margin: 15px;
        width: 60px;
        background-color: transparent;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	font-weight: bold;
	padding: 15px;
	list-style: none;
	}

.commentlist li.alt {
	border-top: 1px solid #666;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	margin: 10px 5px 10px 0;
	}

.nocomments {
	text-align: center;
	color: #888;
	}

.commentmetadata {
	display: block;
	}
 */

/* FORM CONTATO CSFORM */

form.cform {
        line-height: 20px;
        padding: 0 120px;
        }

form.cform ol  {
	padding: 0;
        }

form.cform ol li {
	padding: 0;
	list-style-type: none;
        }

.reqtxt,
.emailreqtxt {
        display: none;
        }

#post-contato fieldset {
        border: 0;
        padding-bottom: 20px;
        }

#post-contato legend {
        font-weight: bold;
        margin-left: -10px;
        }

#post-contato label {
        height: 20px;
	margin: 5px 0;
        float: left;
        clear: left;
	width: 80px;
        display: block;
        font-weight: bold;
        vertical-align: middle;
        margin-right: 10px;
        }

#post-contato label.seccap {
        float: none;
        clear: both;
	width: auto;
        }

#post-contato input,
#post-contato textarea,
#post-contato select {
	margin: 5px 0;
	color: white;
        clear: right;
        border: 0;
	background-color: #afafaf;
	width: 500px;
	font-family: Georgia, "Nimbus Roman No9L", "Century Schoolbook L", Norasi, Rekha, serif;
        }

#post-contato input {
        height: 20px;
        float: left;
        vertical-align: middle;
        }

#post-contato textarea {
        float: left;
        height: 200px;
        }

#post-contato select {
        width: 200px;
        }

#post-contato input.secinput {
        width: 100px;
        margin: 0 10px 0 120px;
        vertical-align: middle;
        }

#post-contato img.captcha{
        vertical-align: middle;
        clear: right;
        }

#post-contato .cf-sb {
        text-align: center;
        display: block;
        clear: both;
        }

#post-contato .sendbutton{
	font-family: Arial, "Nimbus Sans L", "Lucida Grande", Lucida, sans-serif;
        margin-top: 10px;
        float: none;
        clear: both;
        height: 20px;
        width: 60px;
        line-height: 20px;
        border: 0;
        background-color: #afafaf;
        color: white;
/*        font-weight: bold;*/
        text-transform: uppercase;
        }


fieldset.cf_hidden,
.linklove {
        display: none;
        }

.cf_error {
        border: 1px solid red !important;
        background-color: #f99;
        }

#post-contato input.cf-box-a,
#post-contato input.cf-box-b {
        width: 30px;
        background-color: transparent;
        }

#post-contato label.cf-after,
#post-contato label.cf-before {
        clear: none;
        width: 550px;
        }

#post-contato #cf2_field_9 {
        width: 150px;
        }



