/*  
Theme Name: MR Livros
Theme URL: http://www.sigales.com/
Description: MR Livros, Tecnicos e Academicos
Version: 1.0
Author: Jeferson Sigales e Leo Branco
Author URL: http://www.sigales.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import url(contato.css); /*import contato*/
@import url(post.css); /*import post*/

/* ---------------------------------------------HTML ELEMENTOS ---------- */
* {
border: none;
list-style: none !important;
margin: 0px auto !important;
padding: 0px;
word-wrap: break-word;
}
body {
background: #FFFFFF url(images/fundo-site.jpg) repeat-x;
width: 100%;
}
blockquote {
padding: 10px 10px 0 10px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
background: #EEEEEE;
font:1.0em Arial;
line-height:1.5em;
margin:10px 0px;
}
a:link, a:visited {
color: #000000;
text-decoration:none
}
a:hover, a:active {
color: #cc0033;
text-decoration:underline;
}

/* -------------------------------------------------- CABEÇALHOS ---------- */
h1 a {
font: 100 0.9em Arial, Helvetica, sans-serif;
color:#0099CC !important;
letter-spacing:-0.03em;
margin: 10px 0px;
}
h1.title a {
font-size: 1.2em;
color: #0099CC !important;
letter-spacing: normal;
}
h2 a, h2.title, h4.title {
border-bottom: 2px solid #EE0000;
font: 100 1.4em Cambria, Georgia, "Times New Roman", Times, serif;
color:#0099CC !important;
display: block;
letter-spacing:-0.06em;
margin-bottom: 4px !important;
text-decoration: none; 
}
h2.title, h4.title {
font: 100 1.8em Cambria, Georgia, "Times New Roman", Times, serif;
color:#0099CC !important;
border: none;
clear: both;
margin: 10px 0px !important;
}
h3 {
background: #0099FF url(images/fundo-h3.jpg) no-repeat;
font: 100 2.0em Arial, Helvetica, sans-serif;
color:#FFFFFF !important;
clear: both;
height: 36px;
padding: 12px;
}
h3.title {
border: none;
font: 100 2.0em Cambria, Georgia, "Times New Roman", Times, serif;
color:#0099CC !important;
display: block;
margin: 0px !important;
padding: 0px !important;
letter-spacing:-0.06em;
background: none;
}



/* ----------------------------------------------- LINKSKIP ---------- */
#linkskip {
width: 940px;
}
#linkskip ol {
display: inline-block;
}
#linkskip li {
display: block;
margin-top: 8px;
float: left;
}
#linkskip li a {
font: 100 0.7em Arial, Helvetica, sans-serif;
color: #CCCCCC;
padding: 0px 10px;
}
#linkskip li a:hover {
color: #666666;
}

/* --------------------------------------------ESTRUTURA ------------ */
#topo {
width: 100%;
height: 246px;
}
#head {
height: 94px;
width: 920px;
}
#menu {
width: 940px;
height: 34px;
margin: 0px auto;
}
#pagina {
width: 940px;
}
#coluna {
width: 180px;
}
#index {
width: 730px;
}
#rodape {
height: 146px;
width: 100%;
}

/* -------------------------------------------------- HEAD ---------- */
#head {
margin: 0px auto;
padding: 10px;
}
#head img {
display: block;
margin-right: 10px !important;
margin-top: 10px !important;
}
#head p {
float: right;
width: 370px;
margin: 14px 0 0 0 !important;
}
#head p strong {
font: 100 3.8em Cambria, Georgia, "Times New Roman", Times, serif;
color: #000000;
letter-spacing: -0.08em;
padding: 0px 20px 0px;
border-right: 1px solid #EEEEEE;
}
#head p em {
font: 100 1.2em Arial, Helvetica, sans-serif;
color: #000000;
}
#head p a {
color: #000000;
}

/* -------------------------------------------------- BUSCA ---------- */
#searchform {
width: 940px;
margin: 22px auto 0px auto !important;
}
#searchform p, #searchform label {
font: 100 1.2em Arial, Helvetica, sans-serif;
color: #FFFFFF;
float: left;
margin-right: 10px !important;
padding-top: 4px;
}
#searchform input {
background: #FFFFFF url(images/fundo-input.jpg) no-repeat;
font: 100 0.9em Arial, Helvetica, sans-serif;
color: #999999;
height: 18px;
padding: 6px;
width: 348px;
}
#searchform input.ok {
background: #FFFFFF url(images/fundo-enviar.jpg) no-repeat;
font: 100 0.75em Arial, Helvetica, sans-serif;
color: #999999;
height: 30px;
width: 70px;
padding: 0px;
}

/* -------------------------------------------------- MENU ---------- */
#menu ol {
display: block;
}
#menu li {
background: #FFFFFF;
border: 1px solid #EE0000;
display: inline-block;
float: left;
margin-right: 2px !important;
}
#menu li:hover {
background: #EE0000;
}
#menu li.current_page_item {
background: #F2F2F2;
color: #FFFFFF;
}
#menu a, #menu a:visited {
font: bold 0.7em Arial, Helvetica, sans-serif;
color: #EE0000;
display: block;
margin: 0px;
padding: 9px 9px 14px;
text-transform: uppercase;
}
#menu a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* ------------------------------------------------- COLUNA ---------- */
#coluna {
background: #FFFFFF;
font: 100 0.7em Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.75em;
margin: 0px 20px 40px 0px !important;
}
#coluna ul.children li {
background: url(images/setinha.jpg) left no-repeat;
display: block;
padding: 4px 0px 4px 14px;
}
#coluna ul.children li a:hover, #coluna li a:hover {
color: #EE0000;
}
#coluna .current-cat a {
color: #000000;
text-decoration: none;
}
#coluna li.cat-item {
display: block;
}
.bloco {
display: block;
margin: 10px 20px !important;
}

/* -------------------------------------------------- INDEX ---------- */
#index {
font: 100 0.75em Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.32em;
margin-bottom: 40px !important;
}
#index ol li {
padding: 0px;
float: left;
width: 340px;
margin: 0px 20px 20px 0px !important;
}
#index ol li img {
margin: 10px 0px !important;
}

/*Principal*/
#principal {
display: block;
min-height: 410px;
}
#principal ol {
height: 296px;
}
#principal ol li {
padding: 0px;
float: left;
width: 340px;
margin: 0px 20px 20px 0px !important;
}
#principal ol li img {
margin: 10px 0px !important;
}
#principal .titulo a {
font: normal 1.6em Arial, Helvetica, sans-serif;
color: #0099CC !important;
padding: 0px 0px 6px !important;
letter-spacing: -0.04em;
display: block;
}

/*produtos*/
#produtos li {
float: left;
}
#produtos ul {
margin: 20px 0px 0px !important;
}
#produtos ul li {
display: inline-block; 
padding: 10px 0px;
width: 340px;
margin: 0px 10px 10px 0px !important;
border-bottom: 1px solid #CCCCCC;
height: 220px;
}
#produtos ul li strong, #produtos ul li em, #produtos ul li p {
display: block;
margin-bottom: 6px !important;
}
#produtos ul li img {
float: left;
margin: 0px 10px 0px 0px !important;
}
#produtos ul li strong {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #EE0000;
}
#produtos ul li p em {
font: normal 1.0em Arial, Helvetica, sans-serif;
color: #000000;
}
#produtos span.valor {
font: normal 1.0em Arial, Helvetica, sans-serif;
color: #009900;
}

/* -------------------------------------------------- CAMINHO ---------- */
#index .caminho {
font: 100 0.9em Arial, Helvetica, sans-serif;
color: #0099FF !important;
margin: 0px 0px 10px 0px !important;
}
#index .caminho a {
font: 100 1.0em Arial, Helvetica, sans-serif;
color:#336699;
}

/* -------------------------------------------------- RODAPE ---------- */
#rodape {
background: #FFFFFF url(images/fundo-rodape.jpg) repeat-x;
margin: 40px auto 0px;
}
#rodape p {
font: 100 0.7em Arial, Helvetica, sans-serif;
color: #0099FF;
display: block;
}
#rodape img {
display: block;
float: left !important;
}
#submenu ol {
height: 40px;
margin: 0px auto !important;
padding-top: 20px;
}
#submenu li {
display: inline-block;
padding: 0px 30px 0px 40px;
border-right: 1px solid #3399CC;
float: left;
}
#submenu li a {
font: bold 0.7em Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-transform: uppercase;
}
#submenu img {
margin: 0px 10px 0px 10px !important;
}
#submenu a {
font: 100 1.0em Arial, Helvetica, sans-serif;
color: #0099FF;
}
#submenu a:hover {
color: #000000;
}

/* ----------------------------------------------PROPRIEDADES DO FLOAT ---------- */
/* Hides from IE-mac \*/
* html .clearfloat { height:1%; }
*+html .clearfloat { height:1%; }
.clearfloat { display:block; }
.clearfloat { display: inline-block; }
.clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*---------------------------------------------------------------GENERICAS--------*/
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.center { text-align: center; }
.clear { clear:both; }
.mt10 { margin-top: 10px; }
.w940 { width: 940px; }