/*

Theme Name: Buriti

Theme URI: http://editoraburiti.com.br/

Description: -

Version: 1.0

Author: Luisa Zambelli

Author URI: http://luzambelli.com

*/



html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, 



form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;}



html, body {height: 100%; font-size: 16px; font-family: 'Trebuchet MS', arial; text-align: justify; color: #000; 

background: #fff url('images/back.png') repeat-x;} 



@font-face {

    font-family: 'jd';

    src: url('fontes/jd-webfont.eot');

    src: url('fontes/jd-webfont.eot?#iefix') format('embedded-opentype'),

         url('fontes/jd-webfont.woff') format('woff'),

         url('fontes/jd-webfont.ttf') format('truetype'),

         url('fontes/jd-webfont.svg#jd') format('svg');

    font-weight: normal;

    font-style: normal;

}



#page {width: 1000px; margin:0 auto; min-height: 100%;}

#header {width: 1000px; height: 245px; background: #fff url('images/topo.png') no-repeat top center; margin: 0;} 

#header .logo-home {float: left; width: 251px; height: 211px; margin: 20px 0 0 10px;}

#header .logo-pages {float: left; width: 196px; height: 144px; margin: 30px 0 0 40px;}



#menu {font: 18px 'jd', serif; margin: 35px 0px 0 0px; float: right; height: 32px; text-align: right; text-transform: uppercase; text-shadow: 1px 0px 8px #ccc;}

#menu ul , #menu ul li {display: block; float: left; width: auto; margin: 2px; padding: 0; list-style: none;}

#menu ul li a {display: block; padding: 0 12px 0 12px; color: #8f2c29;}

#menu ul li a:hover, #menu li.current_page_item a {color: #8f2c29;}



/* ~~~~~~~ barra home ~~~~~~~ */

#barra-home {position: absolute; left: 0px; width: 100%; margin-top: -10px; height: 590px; background: #fff url('images/barra-home.png') repeat-x; text-align: center; clear: both; z-index: 1;}

.conteudo {width: 990px; margin: 0px auto; padding: 12px 0px 0px 15px; position: relative; z-index: 2;}

#barra-home a {color: #fff!important;}



#slide {width: 704px; height: 287px; margin: -170px 0px 0px 0px; float: right; padding: 0px;

/* -moz-box-shadow: 0px 0px 12px #004a28; Firefox */  

/*-webkit-box-shadow: 0px 0px 12px #004a28;  Safari, Chrome */  

/*box-shadow: 0px 0px 12px #004a28;  CSS3 */  

}

#slide img {border: 0px; outline: none;}



.find {width: 251px; height: 47px; display: table-cell; vertical-align: middle; background-color: #8f2c29; color: #fff; text-transform: uppercase; text-shadow: 0px 0px 4px #611b19; text-align: center}

.find a {display: inline; padding: 0px 6px; color: #fff!important;}



.catalogo {width: 205px; height: 370px;  text-align: center;  margin: 0px 18px 0px 18px; float: left; display: inline;}
.catalogo img {width: 200px!important; height: 285px!important; -moz-box-shadow: 0px 0px 8px #004a28; -webkit-box-shadow: 0px 0px 8px #004a28; /* Safari, Chrome */  box-shadow: 0px 0px 8px #004a28; /* CSS3 */ margin: 0px 0px 29px 0px;}
.catalogo .caption {font-size: 14px; text-transform: capitalize; font-weight: bold;}
.catalogo a:hover {text-decoration: underline;}



#separa {background: #fff url('images/back.png') repeat-x; height: 32px; left: 0; position: absolute; width: 100%; clear: both; margin: -40px 0px 0px 0px;}

#separa2 {background-color: #026738; height: 47px; left: 0; position: absolute; width: 100%; clear: both; margin: 0px 0px 10px 0px; z-index: 3;}



.find2 {width: 251px; color: #fff; text-transform: uppercase; text-shadow: 0px 0px 4px #611b19; text-align: center; margin: 12px 0px 20px -15px; position: relative; z-index: 4;}

.find2 a {display: inline; padding: 0px 6px 0px 6px; color: #fff!important;}

.find2 a:hover {text-decoration: underline;}



#sidebar {float: left; width: 260px; padding: 15px 10px 0 15px; margin: -5px 10px 0 0; font: 12px arial, sans-serif, 

Trebuchet MS;}

#sidebar a {color: #c8add8;}

#sidebar a:hover {color: #b2d7ea;}

#sidebar ul {margin: 0; padding: 0; list-style: none;}

#sidebar ul li {display: block; margin:2px 0 2px 2px; padding: 2px;  border-bottom:1px solid #ebebeb;}

#sidebar #perfil {display: block; padding: 8px 10px; background-color: #f2e6f9;}

#sidebar #flickr {text-align: center;}

#sidebar #flickr a img {margin: 0 2px 2px 2px; padding: 3px; background-color: #ebebeb;  }

#sidebar h1 {display: block; clear: both; margin: 5px 0 3px 0; padding: 10px 0 0px 2px; font: 17px Bauhaus Medium BT, Trebuchet MS,sans-serif; text-transform: uppercase; line-height:20px; color: #a6cadd; border-bottom: 1px dotted #ebebeb;}



.colleft {float:left; width:48%;} .colright {float:right; width:48%;}



#content {float: left; width: 570px; margin: 15px 0 0 20px; padding: 15px; line-height:16px; text-align:justify;

background-color: #fff;}

span.data {display: block;padding: 0; margin: 0; font:10px verdana, helvetica, sans-serif; text-transform: uppercase; color: #b7b7b7;}

.post-title a {margin: 0; width: 700px; float: left; font: 26px 'jd', serif; text-align: left; color: #8f2c29;}

.post-title a:hover {color:#8f2c29;}

.page-title a {display: block; width: 700px; float: left; margin: 5px 0 0 0; font: 24px 'jd', serif; color: #8f2c29;}

.page-title a:hover {color:#8f2c29;}

.share {float:right; width: 220px;}



.info {float: right; width: 670px;}



.box{float:left; width:300px; height:450px; overflow:hidden; margin: 7px 0 0 0; position:relative; background-color:#fff; vertical-align:middle; cursor: pointer; border: 1px solid #ebebeb;}

.box-caption{width:300px; height:100px; overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:99; background-color:transparent; filter:alpha(opacity=0); opacity:0; display: inline-block;  padding: 0px 0px; text-indent:-2000px;}

.box-caption-text{color:#ffffff; width:250px; height:100px; overflow:hidden; position:absolute; left:0px; bottom:0px; z-index:95; font-size:18px; line-height:22px; text-align: center; font-weight: bold; background-color:transparent; filter:alpha(opacity=0); padding:0px 25px; opacity:0; display: inline-block; }

	.box:hover .box-caption{

	display: inline-block; 

 	background-color:transparent;

	}

	.box:hover .box-caption-text{

	opacity:.90;

	filter:alpha(opacity=90);

	background-color:#01592f;

	}



/* pagina autores */



.autor {display: block; clear: both; border-bottom: 1px dotted #ccc; min-height: 215px; margin: 0px 0px 20px 0px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}

img.fotoautor {width: 150px; height: 199px; float: left; margin-right: 16px;} 

.autor:hover {color: #333; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

    -webkit-filter: grayscale(0%);

}







h1 {display: block; clear: both; padding: 10px 0 0px 2px; font: 11px Verdana, Trebuchet MS, sans-serif;  color: #c8add8; text-transform: uppercase; border-bottom: 1px dotted #ebebeb;} 

h2 {display: block; clear: both; font: 22px 'jd', serif; color: #8f2c29; font-weight: normal; margin: 15px 0px 7px 0px;}

h3 {font: 22px 'jd', serif; color: #fff; font-weight: normal; margin: 15px 0px 7px 0px;}

h3 a {color: #fff!important;} h3 a:hover {color: #fff!important;}



a {text-decoration: none;} 

a:link, a:visited, a:active {color: #015a30;}

a:hover {text-decoration: none; color: #046838;}



em {color: #000; font-style: italic;} i {color: #000;}

b {color: #000;} strong {color: #aaa;}



.links {width: 100%; margin: 0 0 5px 0;}

.links ul,.links ul li {float:left; margin: 0; padding: 0; list-style-type:none;}

.links li a {display: block; width: 277px; height: auto; margin: 0; padding: 2px 2px 2px 5px; color: #c8add8;

border-bottom:1px solid #ebebeb;} 

.links ul li a:hover {color: #a6cadd;}



#commentform input, #commentform textarea { width:235px; margin-bottom:4px; padding:4px; background-color: 

#f8f8f8;}

#commentform textarea {width:560px;}

#commentform input#submit{width:70px; height:20px; padding:2px; color:#c8add8; font-weight: bold; background:#f2e6f9; border: 1px solid #c8add8;}

.comment{ float: left; width: 470px; height: auto; margin: 0 0 20px 10px; padding: 10px; text-align: 

justify; background: #f8f8f8;}

.authcomment {float:left; width: 470px; height: auto; margin: 0 0 20px 10px; padding: 10px; text-align:justify; background: #faf5fd;}

.commentname,.commentname a {font: 12px Verdana, helvetica, sans-serif; color: #c8add8;}

.commentname:hover {color: #ebebeb;}

.avatar {float: left; margin: 0 3px;}



.center, .aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}

.left, .alignleft {float: left; margin-right:2%; }

.right, .alignright {float: right; margin-left:2%;}

.alignnone {display: block; margin-left: -15px;}



blockquote {margin: 10px; padding: 15px; text-align: left; color: #333; font-style: italic; background-color: #f8f8f8;}



hr {clear: both; height: 1px; margin: 5px 0 7px 0; border-top: 1px dotted #c1c1c1; border-bottom: 0; border-left: 0; 

border-right: 0;}



form, fieldset {margin: 0;padding: 0;border: 0;}



input, textarea, select, button { margin: 0; padding:6px; font-size: 13px; background-color: #fff; border: 1px solid #e1e1e1;}



input#searchsubmit {color:#c8add8; font-weight: bold; background:#f2e6f9; border: 1px solid #c8add8;}

#search [type="text"] {width: 210px; height: auto;}



.pagination {clear: both; margin:3px 1px; text-align:center;}

.pagination a {margin:3px 1px; padding: 3px 6px; background-color: #ebebeb;}

.pagination a:hover,.pagination .current {margin:3px 1px; padding: 3px 6px; background-color: #f2e6f9;}



.space {clear:both;}



#footer {clear: both; width: 100%; margin: 0px 0px 0px 0px; padding: 20px 0 20px 0; text-align: center; background: transparent url('images/footer-bg.png') repeat-x bottom;}

#footercontent {width: 1000px; margin:0 auto; padding: 0 0 0 0px; text-align: left; font-size: 13px;}