@charste "utf-8";
/* CSS Document */

body{width:100%; margin:0; padding:0;}

#topo{width:900px; position:relative; overflow:hidden; margin:0 auto;}
#topo img{float:left;}
#topo #icones{width:145px; position:relative; float:right;}
#topo .icones{width:50px; position:relative; float:left; background:rgba(109, 110, 114, 1); padding:20px 5px 10px 5px; border-radius:0 0 5px 5px; cursor:pointer;}
#topo .icones{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#topo .icones:hover{padding-top:30px;}
#topo .icones:first-child{margin-right:5px;}
#topo .icones:last-child{width:70px;}
#topo .icones p{font:10px Arial; color:#FFF; float:left; display:block; margin:0; text-transform:uppercase;}
#topo .icones img{float:left; margin-right:5px;}
#topo #frase{width:300px; height:100px; position:absolute; top:50px; left:450px;}
#topo #frase p{font:bold 28px 'bernhardfashion regular'; color:#CC234C; margin:0;}
#topo #frase p span{float:right; margin-top:10px;}

#menuConteudo{width:900px; height:146px; margin:0 auto; background:url(../imagens/01.png) no-repeat;}
#menu{width:900px; position:relative; padding:0; list-style:none;}
#menu li{width:146px; height:146px; margin:5px 15px; border-radius:50%; float:left; border:2px solid #FFF; box-shadow:0 0 10px #333; cursor:pointer; position:relative;
overflow:hidden;}
#menu li:nth-child(1){background:url(../imagens/mn01.png) no-repeat;}
#menu li:nth-child(2){background:url(../imagens/mn02.png) no-repeat;}
#menu li:nth-child(3){background:url(../imagens/mn03.png) no-repeat; margin-top:-30px;}
#menu li:nth-child(4){background:url(../imagens/mn04.png) no-repeat; margin-top:-40px;}
#menu li:nth-child(5){background:url(../imagens/mn05.png) no-repeat; margin-top:-50px;}
#menu li div{background:rgba(0, 0, 0, .5); text-align:center; position:absolute; top:-60px; width:146px; padding:5px 0;}
#menu li div{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#menu li div p{font:16px 'Tekton Pro' Arial; color:#FFF; text-align:center; margin:0;}
#menu li:hover div{top:65px;}

#conteudo{width:900px; margin:0 auto; overflow:hidden; position:relative; margin-top:30px;}
#conteudo .total{width:600px; float:left;}
#conteudo h1{font:bold 15px/30px Arial; color:#333; margin:0;}
#conteudo h1 span{color:#C7234A;}
#conteudo p{font:12px/16px Tahoma; color:#333; margin:0; text-align:justify;}
#conteudo p a{color:#333; text-decoration:none; cursor:pointer;}
#conteudo p a:hover{color:#d9d042;}
#conteudo  img{float:left; margin:0 5px 20px 0;}
#conteudo #txt{width:600px; height:280px; overflow:hidden;}
#conteudo #txt #textos{width:595px; overflow:hidden; margin:0 5px 0 0}
#conteudo #txt #textos form{width:300px; position:realtive; float:left;}
#conteudo #txt #textos form input{width:300px; font:12px Arial; padding:5px 0; text-indent:5px;}
#conteudo #txt #textos form textarea{width:301px; font:12px Arial; padding:5px 0; text-indent:5px; resize:none;}
#conteudo #txt #textos button{ border:0; padding:10px; cursor:pointer; background:rgba(192, 33, 72, 1); color:#FFF;}
#conteudo .blocos{width:290px; float:left; overflow:hidden; margin-top:10px;}
#conteudo .links{width:599px; background:rgba(237, 237, 237, 1); overflow:hidden; border:1px solid #CCC; position:relative;}
#conteudo .links .mais{font:12px Arial; color:#fff; padding:5px; background:rgba(192, 33, 72, 1); position:absolute; bottom:10px; right:15px; border-radius:5px; 
cursor:pointer;}
#conteudo #lateral{width:294px; overflow:hidden; border-left:1px solid #EEE; margin-left:5px; position:relative;}
#conteudo #lateral .caixa{width:289px; overflow:hidden; margin-left:5px; background:rgba(238, 238, 238, 1); position:relative; padding:5px; margin-bottom:5px;}

#utilitarios{width:280px; list-style:none; position:relative; padding:0; margin:0 0 0 10px;}
#utilitarios li{width:294px; font:12px Arial; color:#333; padding:11px 0; border-bottom:1px solid #ccc; cursor:pointer;}
#utilitarios li:before{content:"→"; margin-right:5px;}
#utilitarios li{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms; -o-transition:all ease-out 300ms;}
#utilitarios li:hover{background:rgba(238, 238, 238, 1); padding-left:5px;}

#rodape{width:900px; overflow:hidden; border-top:#333 solid 1px; background:rgba(237, 237, 237, 1); margin:0 auto;}
#rodape p {font:12px Arial; color:#333; text-align:center;}
#rodape p a{color:#333; text-decoration:none; cursor:pointer;}
#rodape p a:hover{color:#666;}