/* --------------------------------------------------------------
Design by Michael Ribeiro 
-------------------------------------------------------------- */


@import url("../fonts/fonts.css");

body{font-family:AftasansRegular;}

.fl{float:left}
.fr{float:right}
.cl{clear:both}

a:link, a:hover, a:active, a:visited {text-decoration:none; color: #666666;}
li{list-style: none}

.boxshadow {-moz-box-shadow: 0px 0px 7px #aaa;-webkit-box-shadow: 0px 0px 7px #aaa; box-shadow: 0px 1px 7px #aaa; behavior: url(PIE.htc); }

.gradiente{
background: #85B9E6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  #85B9E6 0%, #00AFEF 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85B9E6), color-stop(99%,#00AFEF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #85B9E6 0%,#00AFEF 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #85B9E6 0%,#00AFEF 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #85B9E6 0%,#00AFEF 99%); /* IE10+ */
background: linear-gradient(to bottom,  #85B9E6 0%,#00AFEF 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85B9E6', endColorstr='#00AFEF',GradientType=0 ); /* IE6-8 */
}

.logotipo_menu {position: absolute; left: 50%; margin-left: -116px;  top:0px; z-index: 11;}
.topo {height:60px; margin-bottom: -10px; position:absolute; top:40px; width:100%}
.topo .content_menu{margin:0 auto 0 auto; width:960px; padding: 16px; }
.topo .content_menu .linha_vertical{background: url(../img/linha_vertical.jpg) center repeat-y; height: 22px; width: 2px; padding: 0 10px;}
.topo .content_menu li{padding: 0 10px; color:#FFF;  text-shadow: 1px 1px 1px #666; filter: dropshadow(color=#666 offx=1, offy=1);}
.box_topo{margin: 100px 0px;}
.topo .menu_left{margin-left:15%}
.topo .menu_right{margin-right:15%}

.meio .content_home h2{color: #85B9E6; font-size: 25px; margin-bottom: 10px;}
.meio .content_home {width: 960px; margin: 0 auto;}
.meio .content_home .box {margin: 30px 0 20px 0;}

.rodape {min-height:150px;padding:1em 0; width:100%}
.rodape .content{ min-height: 150px; background: url(../img/transparent15.png) repeat; width: 960px; margin: 10px auto; font-size:14px; color:#85B9E6;padding:0.5em}
.rodape .content .news{float:right;width:250px;margin-top:0px; text-align:center;}
.news input { float: right; border: 0 none; background-color: #F0F0F0; height: 20px; width:100%; margin: 5px 0;padding:0.4em; color: #666; }
.news #cadastrar { border: 0 none; background-color: #85B9E6; color: #F0F0F0; height: 20px; padding:0 5px; float: right; }
.news #remover { border: 0 none; background-color: #F0F0F0; color: #85B9E6; height: 20px; width: 0 5px; float: right; margin-right: 15px; }
.news input[type=button]{padding:0.5em}
.conteudo_catalogo{width:900px; float:left;margin:40px;}
.conteudo_catalogo .item{float:left; width:200px; margin:1em 0.5em; min-height:300px;}
.conteudo_catalogo .item IMG{height:100px}
.tit{font-weight:bold; font-size:16px;margin-top:0.2em}
.desc{font-size:12px;}
.birosca{width:100%;height:auto;background:#85B9E6;padding:0.5em 0;font-size:14px;text-align:center; margin:0.5em 0; color:#444}
.direitos{font-size:14px; color:#FFF; text-align:center}