@charset "utf-8";
/*Theme Name: MARMORARIA VITÓRIA
Theme URI: http://#/
Description: Marmores e Granitos.
Version: 1.0
Author: Arion Caio.
Author URI: http://twitter.com/ArionCaio/
Tags: marmores, granitos, servicoes, melhores precos, tumulos, pedra, servico especializado,*/
*{margin:0;padding:0;}
body{ background: url(images/bg.jpg) top center;}
iframe{margin:0; padding:0;}
#header{width:100%; height:160px;}
#logo{width:900px; height:160px; margin:auto; padding:0; background:url(images/banner.png) no-repeat;}
#box-menu{width:100%; height:40px; background: url(images/menu.png) repeat-x;}
#menu{width:635px; height:40px; padding:0; margin:auto;}
#menu ul{margin:0; padding:0;}
#menu li{float:left; list-style:none; margin:10px 5px 0px 5px;}
#menu li a{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; padding:10px 10px 10px 10px;}
#menu li a:hover{background:url(images/hover.png) repeat-x; text-decoration:none; padding:16px 10px 16px 10px; border-radius:5px; color:#333;}
#slide-banner{width:950px; height:350px; margin:13px auto 0 auto; border:6px solid #992023; border-radius:8px; overflow:hidden;}
#loop-um{width:950px; height:230px; margin:13px auto 0 auto; border:6px solid #992023; border-radius:8px; background:#FFF; text-align:center;}
#loop-um ul{margin:0; padding:0;}
#loop-um li{width:205px; height:205px; background:#FFF; border:1px solid #CCC; margin:5px 5px 5px 5px; border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
#slide{width:930px; height:230px; float:left; margin:7px 0 0 0;}
#slide img{margin:5px 5px 0 0}
.img{width:185px; height:160px; margin:15px auto 0 auto !important; border-radius:4px; border:0;}
.prev{float:left; width:30px; height:30px; margin:98px 4px 0 8px; background: url(images/esq.jpg); border:0;}
.next{float:right; width:30px; height:30px; margin:98px 8px 0 2px; background:url(images/dir.jpg); border:0;}
#conteudo-page{width:900px; margin:13px auto 0 auto; border:6px solid #992023; border-radius:8px; overflow:hidden; clear:both; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#444;}
#contact-box-left{width:390px; height:auto; margin-top:3px; font-family:Verdana, Geneva, sans-serif; float:left; font-size:14px; color:#E00;}
.contact_texto{font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333; margin:5px 0 5px 25px;}
.contact_campo{width:350px; height:25px; padding:2px 2px 2px 2px; margin:0 0 0 15px; border:1px solid #CCC; border-radius:6px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333;}
.contact_campo:focus{outline:none;}
.contact_textarea{width:370px; height:150px; padding:7px 2px 2px 5px; margin:0 0 0 15px; border:1px solid #CCC; border-radius:6px;font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333;}
.contact_textarea:focus{outline:none;}
.contact_submit{width:120px; height:25px; background:#EEE; border:1px solid #BBB; border-radius:5px; margin:4px 0 10px 15px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333;}
.contact_submit:hover{box-shadow:0 0 8px #777;}
.ddd{width:50px; height:25px; padding:2px 2px 2px 2px; margin:0 0 0 15px; border:1px solid #CCC; border-radius:6px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333; text-align:center;}
.ddd:focus{outline:none;}
.telefone{width:290px; height:25px; padding:2px 2px 2px 2px; margin:0; border:1px solid #CCC; border-radius:6px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#333;}
.telefone:focus{outline:none;}#contact-box-right{width:480px; height:410px; margin:30px 12px 0 0; font-family:Verdana, Geneva, sans-serif; float:right; font-size:14px; color:#E00; background: url(images/contato.png); border-radius:15px;}
#page-nossos-produtos{width:900px; margin:13px auto 0 auto; border:6px solid #992023; border-radius:8px; overflow:hidden; clear:both; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#444; text-align:center;}
#botao-voltar{width:110px; height:36px; margin:2px auto 10px auto; background:url(images/botao_voltar.png) no-repeat;}
#cat-produto{width:890px; height:35px; background:url(images/cat-produtos.png); border-radius:10px; margin:0 auto 10px auto;}
#cat-galeria{width:890px; height:35px; background:url(images/cat-galeria.png); border-radius:10px; margin:10px auto 0 auto;}
#box-produtos{width:283px; height:283px; border-radius:10px; border:1px solid #CCC; margin:5px 0 7px 11px; float:left; background:#FFF; box-shadow:0 0 3px #333; text-align:left;}
#produtos-name{margin:0; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; text-align:center;}
#produtos-name a:link{color:#333; text-decoration:none;}
#produtos-name a:visited{color:#333; text-decoration:none;}
#produtos-name a:hover{color:#999; text-decoration:none;}
#produtos-name a:active{color:#333; text-decoration:none;}
#produtos-imagem{width:260px; height:250px; border-radius:6px; margin:3px auto 5px auto; text-align:center;}
#produtos-imagem img{border-radius:6px; border:0; margin:auto;}
#footer{width:100%; height:60px; margin:15px 0 0 0; background:url(images/img-footer.png) repeat-x;}
#box-footer{width:900px; height:86px; margin:auto;}
#footer-links{width:890px; height:30px; float:left;}
#footer-links-box{width:585px; height:30px; margin:auto;}
#footer-links-box ul{margin:0; padding:0;}
#footer-links-box li{float:left; list-style:none; margin:5px 0 0 0;}
#footer-links-box li a{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#333; margin:0 10px 0 10px;}
#footer-links-box li a:hover{text-decoration:none; color:#B32023;}
#footer-endereco{width:890px; height:30px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-align:center; margin:5px 0 0 0; font-weight:200;}
#desenvolverdor{width:890px; height:19px; float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center;}
#desenvolverdor a:link{color:#09F; text-decoration:none;}
#desenvolverdor a:visited{color:#09F; text-decoration:none;}
#desenvolverdor a:hover{color:#09F; text-decoration:underline;}
#desenvolverdor a:active{color:#09F; text-decoration:none;}