@import url(http://fonts.googleapis.com/css?family=Days+One);

.fatorcriativo { background: url(../images/fator.png) no-repeat; width: 100px; height: 30px; text-indent: -9999px; display: block; position: absolute; right: 20px; bottom: -10px; }
.copy { padding: 5px 0; color:#CCC ; text-align:left; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }

body { font-family: 'ProximaNova-Thin', Tahoma, Geneva, sans-serif; font-size: 13px; background:url(../images/bg.jpg) repeat-x top center; }

body, select, input, textarea {color: #333;}
body#bg_home{/*background:url(../images/bg_home.jpg) no-repeat top center;*/}
a {color: #900; -webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in; }
a:hover { color: #C00; }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #900; color: #FFF; text-shadow: none;}
::selection {background: #900; color: #FFF; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

header { width: 100%; height: 116px; text-align: center; background: #000; /*background:url(../images/alpha_branco.png);*/ box-shadow:0px 0px 5px rgba(0,0,0,0.75); position:fixed; top:0; left:0; right:0; z-index:999;}
header div { width: 940px; height: 96px; padding: 10px; margin: 0 auto; }
header h1 { width: 200px; height:70px; float: left; margin-top:20px; }
.ie7 header h1, .ie8 header h1 { float: left; }
header h1 a { width: 200px; height:60px; float: left; position:relative; }

header nav { width: auto; height: 60px; float: right; /*margin-top:35px;*/ border-top:3px solid #000; font-size:14px;}
.ie7 header nav, .ie8 header nav { width: auto; height: 40px; float: right; position:relative; z-index:100; margin-top:35px; border-top:3px solid #000;  }
header nav ul{height:40px; margin-top:7px;}
header nav ul li { height:30px; display: inline-block; position: relative; border-right:1px dashed #b7b7b7; margin:10px 0; padding:0; float:left; }
header nav ul li span { position:relative; left:0; right:0; height:1px; background:#000; }
.ie7 header nav ol li, .ie8 header nav ol li { display: block; position: relative; float: left; z-index: 1100; float:left;}
header nav ul li a { text-transform:uppercase; display: block; line-height: 30px; height: 30px; width: auto; border-top:3px solid #000; margin-top:-13px; padding:10px 10px 5px; color:#fff; font-weight: bold; /*color:#393939;*/ -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in; }
header nav ul li a:hover {color: #fff; font-weight: bold; margin-top:-15px; padding:15px 10px 0px;border-top:5px solid #9b0000; }
header nav ul li.no-border-float-r{border-right:none;}
header nav ul li ol {font-size:12px; position: absolute; top:35px; width:250px; height:0; overflow:hidden; z-index: 10; border-radius:4px 4px 4px 4px; padding:0px 4px; box-shadow:0px 3px 4px rgba(0,0,0,0.45); background:#FFFFFF; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;}
header nav ul li ol li { width: 100%; height: auto;  border-right:none; margin:0; }
header nav ul li ol li a {color: #000; line-height: 20px; height: 16px; border-top:none; margin-top:0; margin-left:-4px; padding:5px; text-align: left; float: none !important; }
header nav ul li ol li a:hover {color: #000; border-top:none; line-height: 20px; background:#E9E9E9; border-left:5px solid #9b0000; height: 16px; padding:5px 0 5px 10px; margin-top:0;}
header nav ul li > ol { left:-1px; z-index: 999999;}
header nav ul li:hover ol, header nav ol li.over ol{top:35px; height:auto; padding:6px 4px; }

#home #msg_center{ width:690px; padding:15px 55px; height:65px; margin:10px auto 40px; position:relative; text-align:center;}
#home #msg_center h2{font-size:22px; font-style:italic; color:#757575;}
#home .aspas{ width:50px; height:40px; float:left; position:absolute;}
#home .asp_left{ background:url(../images/aspas_left.png); left:0; top:0;}
#home .asp_right{background:url(../images/aspas_right.png); right:0; bottom:0;}

 
#home .box_home_img{ width:220px; height:220px; float:left; margin:10px 5px 0; background:#999; position:relative; overflow:hidden;}
#home .box_home_img .desc{ width:200px; height:20px; float:left; position:absolute; bottom:0; padding:5px 10px; background:url(../images/alpha_000.png); -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out;}
#home .box_home_img:hover .desc{ font-family:tahoma, verdana, arial, sans-serif; font-size: 12px;  padding:10px 10px 25px 10px; border-bottom:5px solid #9b0000; height:60px; }
#home .box_home_img .desc h2{ color:#FFF; font-size:22px; text-align:center; margin-bottom:5px; }
#home .box_home_img .desc p{ color:#FFF; font-size:12px; margin:5px 0; text-align:center; line-height:14px; height:44px; overflow:hidden; }
#home .box_home_img .no_margin-left-r{margin:10px 0 10px 5px;}

#home .boxs_atalhos_produtos { width:825px; padding-left:5px; float:left; height:auto; margin-left:55px; position:relative;} 
#home .boxs_atalhos_produtos .box_home_img{ width:195px; height:195px; float:left; margin:10px 5px 0; background:#999; position:relative; overflow:hidden;}
#home .boxs_atalhos_produtos .box_home_img .desc{ width:175px; height:20px; float:left; position:absolute; bottom:0; padding:5px 10px; background:url(../images/alpha_000.png); -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out;}
#home .boxs_atalhos_produtos .box_home_img:hover .desc{ font-family:tahoma, verdana, arial, sans-serif; font-size: 12px;  padding:10px 10px 10px 10px; border-bottom:5px solid #9b0000; height:40px; }
#home .boxs_atalhos_produtos .box_home_img .desc2{ height:35px; }
#home .boxs_atalhos_produtos .box_home_img:hover .desc2{ height:57px; }
#home .boxs_atalhos_produtos .box_home_img .desc3{ height:57px; }
#home .boxs_atalhos_produtos .box_home_img:hover .desc3{ height:75px; }
#home .boxs_atalhos_produtos .box_home_img .desc h2{ color:#FFF; font-size:19px; text-align:center; margin-bottom:5px; }
#home .boxs_atalhos_produtos .box_home_img .desc2 h2{margin-top:-3px;}
#home .boxs_atalhos_produtos .box_home_img .desc p{ color:#FFF; font-size:12px; margin:5px 0; text-align:center; line-height:14px; height:44px; overflow:hidden; }
#home .boxs_atalhos_produtos .box_home_img .no_margin-left-r{margin:10px 0 10px 5px;}


footer { width: 100%; height: 140px; text-align: center; background:url(../images/footer.jpg) #333; position: absolute; bottom: 0px; }
footer div { width: 940px; height: auto; padding: 10px; margin: 0 auto; position: relative; }
footer div .box_left_footer, footer div .box_right_footer{width: 450px; padding: 10px; float:left; text-align:left; }
footer div .box_right_footer { float:right; text-align:right;}

footer nav { width: 300px; height: 190px; font-size: 11px; border-right: dashed 1px #666; float: left; margin-right: 20px; }
footer nav ol li { margin: 0; display: block; position: relative; }
footer nav ol li a { display: block; padding: 3px; text-align: left; }

footer nav ol li ol li { width: auto; }
footer nav ol li ol li a { display: block; padding: 2px; }
footer nav ol li > ol { margin-left: 10px; }
footer nav ol li:hover ol, footer nav ol li.over ol{ display: block; }

footer form { width: 380px; height: 90px; font-size: 11px; float: right; }
footer form h2 { font-family: 'ProximaNova-light'; font-weight: normal; font-size: 18px; text-align: left; padding: 5px 0; margin-bottom: 10px; width: 100%; color:#FFF; }
.vinho{color:#ad102a;}
.rosa{color:#b38989;}
footer form .news_campo input {width: 150px; height: 20px; padding:2px 3px;margin-right:5px; float: left; border: 1px solid #666; -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #666; -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #000; box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #000; }
footer form .news_campo input:focus { outline: 0; border:1px solid #7a0026; background:#eadcdc; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 0 1px 1px  rgba(0,0,0,0.3) inset; box-shadow: 0 1px 1px  rgba(0,0,0,0.3) inset; }
footer form #submit { float: left; height: 26px;  width: auto;  padding:2px 4px;  cursor: pointer; font-size:12px; color:#FFF;  text-transform: uppercase; background-color: #7a0026; border:2px solid #4b071c;}
footer form #submit:hover, footer form #submit:focus { background-color: #af224e; border:2px solid #7a0026; }	
footer form #submit:active { outline: 0; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; }
footer form #submit::-moz-focus-inner { border: 0; }
footer form .news_campo { float:left; width:150px; margin-top:-10px; }
footer form .news_campo label { font-size:16px; color:#fff; font-family: 'ProximaNova-light'; font-weight: normal;  }

#conteudo { min-height: 400px; width: 940px; position:relative; padding:106px 10px 190px 10px; margin: 0 auto; }
#conteudo h1 { font-family: 'ProximaNova-Thin'; font-weight: normal; font-size: 30px; }
#conteudo h2 { font-family: 'ProximaNova-light'; font-weight: normal; font-size: 27px; }
#conteudo h3 { font-family: 'ProximaNova-Regular'; font-weight: normal; font-size: 24px; }
#conteudo h4 { font-family: 'ProximaNova-Semibold'; font-weight: normal; font-size: 21px; }
#conteudo h5 { font-family: 'ProximaNova-Bold'; font-weight: normal; font-size: 18px; }
#conteudo h6 { font-family: 'ProximaNova-Thin'; font-weight: normal; font-size: 15px; }

#conteudo #empresa { background: url(../images/bg-empresa.png) no-repeat right top; min-height:500px; margin-bottom:0px; }
#conteudo #produtos{ min-height:300px;}
#conteudo #empresa h2, #conteudo #produtos h2, #conteudo #na-midia h2 { padding: 40px 5px 10px;}

#conteudo #empresa p, #conteudo #produtos p { padding: 5px; margin-bottom: 15px; font-size:16px; line-height: 20px; text-align: justify;  }
#conteudo #empresa p {width: 640px;}
#conteudo #produtos, #conteudo #na-midia, #conteudo #newsletter{background:none; }

#conteudo #produtos .box_categoria { float:left; width:450px; height:220px; overflow:hidden; position:relative; background:#e8e8e8; border:1px solid #CCC; padding:5px 5px 30px 5px; box-shadow:0px 2px 1px rgba(0,0,0,0.3);margin:10px 5px 0;}
#conteudo #produtos .margin_right_none { margin-right:0; }
#conteudo #produtos .box_categoria h2.tit { margin:0 5px; font-size:22px; border-bottom:1px dashed #999}
#conteudo #produtos .box_categoria .box_img { width:140px; height:auto; position:relative; float:left; background:#FFF; padding:10px 10px 35px 10px; margin:8px; box-shadow:1px 2px 10px rgba(0,0,0,0.3);}
#conteudo #produtos .box_categoria .box_img .bt_mais_fotos { width:95px; height:15px; position:absolute; bottom:5px; background:url(../images/bt_mais_fotos.png) no-repeat; background-position:top left; font-family: 'ProximaNova-Semibold'; font-weight: normal;padding:10px 0 0 45px; font-size:16px; color:#999;}
#conteudo #produtos .box_categoria .box_img .bt_mais_fotos:hover{ background-position:bottom left; color:#9b0000;}
#conteudo #produtos .box_categoria p { margin:0; width:auto; }

ul{list-style:none;}
ul#bx_midia {width:930px; float:left;}
ul#bx_midia li a {text-decoration: none; outline: none; float:left; margin:0;}
ul#bx_midia li.parent > a {height:auto; margin:0; float:left;}
ul#bx_midia li.parent > a:hover, ul#bx_midia li.aberto > a:hover{float:left;}
ul#bx_midia li.aberto > a {height:auto; float:left;}

ul#bx_midia li ul.conteudo_interno {width:920px; display:none; float:left; margin:5px 0 5px 3px; padding:5px 0 30px; border-top:1px solid #666; }
ul#bx_midia li ul.conteudo_interno p {font-size:16px; margin:5px; color:#333; text-align: justify;}
ul#bx_midia li ul.conteudo_interno img {font-size:16px; margin:5px; float:left; width:auto; max-width:890px; padding:4px; border:1px solid #999; background:#FFF;}

#na-midia .box_midia { float:left; width:926px; height:auto; color:#333; position:relative; background:#e8e8e8; border:1px solid #CCC; padding:2px; box-shadow:0px 2px 1px rgba(0,0,0,0.3); margin:10px 5px 0; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;}
#na-midia #bx_midia h2 { margin:0 100px 0 0; padding:2px 0 0 0; font-size:20px;} 
#na-midia .box_midia .box_img { width:80px; height:60px; position:relative; float:left; background:#FFF; padding:2px; margin:4px 8px 4px 4px; box-shadow:1px 2px 3px rgba(0,0,0,0.3); -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;}
#na-midia .box_midia .box_img img{ width:80px; height:60px;}
#na-midia .box_midia p {margin:0 5px 0 0; width:auto; padding-top:2px; font-size:16px;}
#na-midia .box_midia:hover .box_img{background:#9b0000;}
#na-midia .box_midia:hover {border:1px solid #9b0000; color:#9b0000;}
#na-midia .box_midia .faixa{ width:920px; margin:0 auto; height:4px; background:#666; -webkit-transition:0.2s ease-in; -moz-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;}
#na-midia .box_midia:hover .faixa{ background:#9b0000; }
#na-midia .ico_data{ width:70px; height:16px; font-size:13px; padding:4px 0 0 24px; position:absolute; top:8px; right:5px; background:url(../images/icon_data.png) no-repeat; }
#na-midia #bx_midia p.fonte{position:absolute; bottom:0; right:0; text-align:right; left:0; padding:3px 15px;}
#na-midia #bx_midia p.fonte a{ margin:0px 5px; float:right;}
 
 
#conteudo #produtos #box_categoria { float:left; width:940px; height:160px; overflow:hidden; position:relative; box-shadow:0px 4px 3px rgba(0,0,0,0.6); margin:10px 0; background:url(../images/bg_categoria.jpg);}
#conteudo #produtos #box_categoria a { float:left; position:absolute; width:938px; height:158px;  border:1px solid #CCC;}
#conteudo #produtos #box_categoria a:hover { border:1px solid  rgba(153,0,0,0.25); background:url(../images/alpha_vermelho.png);  }

#conteudo #produtos #box_categoria .titulo_cat font{ font-family: 'Days One', sans-serif; font-size:35px; height:30px; position:absolute; top:42px; left:30px; padding:4px 8px 2px 60px; color:#E6E6E6; border:1px solid #CCC; background:url(../images/alpha_FFF.png); text-shadow:1px 1px 1px rgba(0,0,0,.5); }
#conteudo #produtos #box_categoria .titulo_cat span{ font-family:"Times New Roman", Times, serif; font-size:32px; font-style:italic; height:28px; text-align:right; min-width:260px; position:absolute; top:90px; line-height:28px; left:30px; padding:0px 4px 0 60px; color:#E1E1E1; border:1px solid #CCC; background:url(../images/alpha_FFF.png); text-shadow:1px 1px 1px rgba(0,0,0,.5); }
#conteudo #produtos #box_categoria img { float:right; max-width:300px; width:auto; min-height:160px; } 

#tit_page{ width:auto; padding:15px 55px; height:40px; margin:10px 0; float:left; position:relative; }
#tit_page h1{font-size:38px !important; font-weight:400; color:#b35656; }
.aspas{ width:50px; height:40px; float:left; position:absolute;}
.asp_left{ background:url(../images/aspas_left.png); left:0; top:0;}
.asp_right{background:url(../images/aspas_right.png); right:0; bottom:0;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

