@charset "utf-8";
/* CSS Document */
@import url(grid.css);
@font-face {
	font-family: 'Conv_NeoSansIntel-Medium';
	src: url('NeoSansIntel-Medium.eot');
	src: local('☺'), url('NeoSansIntel-Medium.woff') format('woff'), url('NeoSansIntel-Medium.ttf') format('truetype'), url('NeoSansIntel-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_NeoSansIntel-Light';
	src: url('NeoSansIntel-Light.eot');
	src: local('☺'), url('NeoSansIntel-Light.woff') format('woff'), url('NeoSansIntel-Light.ttf') format('truetype'), url('NeoSansIntel-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_GSocialIcon';
	src: url('fonts/GSocialIcon.eot');
	src: local('☺'), url('GSocialIcon.woff') format('woff'), url('fonts/GSocialIcon.ttf') format('truetype'), url('fonts/GSocialIcon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{padding:0; margin:0;}
body{overflow-x:hidden}
header, footer, section, article{clear:both; margin:10px 0px;}
header{min-height:620px; background:url(bg-bc.png)repeat-x, url(bg-logo.png) 0px 0px no-repeat;}
footer{min-height:600px; background:url(bg-bc.png)repeat-x, url(logo-base.png) right bottom no-repeat, #3E4095 url(bg-logo-b.png) 0px 120px no-repeat; padding-top:180px; font-family:Conv_NeoSansIntel-Light; }
section{min-height:600px; background:url(bg-logo.png) 0px 140px no-repeat; padding-top:130px; font-family:Conv_NeoSansIntel-Light;  text-transform:uppercase; font-weight:300;}
section h1{text-transform:lowercase; padding-left:50px; color:#3E4095; background:url(cat-title.png) no-repeat; line-height:60px}
section h2{margin:15px 0px; padding-left:80px; color:#3E4095; line-height:60px;}
section h2 a{margin-left:30px; background:#FFCC29; color:#FFFFFF; text-decoration:none; font-size:20px; padding:5px 10px}
section p{font-size:15px; line-height:1.5em; font-weight:bold}
footer h1{text-transform:lowercase; padding-left:50px; color:#FFFFFF; background:url(cat-title.png) no-repeat; line-height:60px}
footer h2{color:#FFFFFF;}
footer h3{color:#FFFFFF;}
footer a{color:#FFFFFF; text-decoration:none;}footer a:hover{text-decoration:underline}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
nav{position:fixed; top:0px; margin-left:auto; margin-right:auto; width:100%; background:#FFFFFF; z-index:900000; padding-bottom:20px}
.nav{width:960px;margin-left:auto; margin-right:auto;}
.nav .nav-left, .nav .nav-right{display:inline; float:left; height:100px}
.nav .nav-left{width:30%;}
.nav .nav-right{width:70%;}
.logo{height:100px; padding:10px;}
.logo img{height:100px}
.nav-menu-topo{font-family:Conv_NeoSansIntel-Light;}
.nav-menu-topo > ul{list-style:none; padding:0px; margin:0px; margin-right:0px; text-align:right}
.nav-menu-topo > ul > li{display:inline; height:60px; background:url(menu-title.png) no-repeat; padding:20px 0px;}
.nav-menu-topo > ul > li > a{padding:10px; padding-left:30px; line-height:40px; text-transform:lowercase; font-weight:bold; text-decoration:none; color:#3E4095; font-size:20px}
.nav-menu-topo > ul > li > a:hover{color:#1882BB}
.secret{display:none;}
.slider{position:absolute; top:140px; z-index:9; background:#0066CC; border:1px solid #000}
.indice{margin-left: auto;margin-right: auto; width: 960px;}
.item{display:inline; float:left; margin:5px 50px;}
.indice .item{width: 220px;}
.item h2{font-size:16px; text-align:center; margin:10px 0px; padding:0; color:#000000}
.item .produto{background:#FFFFFF; border-radius:20px; border:#999999 10px solid;  padding:15px; text-align:center}
.item .produto:hover{border:#FFCC29 10px solid;}
.item .produto img{width:90%;}
.conteudo{margin-left: auto;margin-right: auto; width: 960px;}
.coluna-conteudo-media,.coluna-conteudo-texto{display:inline; float:left; margin:20px;}
.conteudo .coluna-conteudo-media{width:380px;}
.conteudo .coluna-conteudo-texto{width:500px;}
.conteudo-imagem{background:#FFFFFF; border-radius:20px; border:#FFCC29 3px solid; padding:15px; text-align:center}
.conteudo-imagem img{width:90%}
.coluna-conteudo-media .controle-imagem > ul > li{display:inline; float:left; margin:5px; width:60px}
.coluna-conteudo-media .controle-imagem > ul > li {background:#FFFFFF; border-radius:10px; border:#999999 3px solid; padding:5px; text-align:center;}
.coluna-conteudo-media .controle-imagem > ul > li:hover {border:#FFCC29 3px solid;}
.coluna-conteudo-media .controle-imagem > ul > li > a > img{width:60px}
.copyright{color:#91D8F7; font-family:Conv_NeoSansIntel-Light; font-size:20px; text-align:center;  text-transform:lowercase}
.newsletter > h3, .sociallogo > h3{text-transform:uppercase; padding:20px 0px}
.sociallogo > ul {height:30px}
.sociallogo > ul > li{display:inline; float:left; padding:5px;  }
.sociallogo > ul > li > div{background:#FFCC29;  width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%} 
.sociallogo > ul > li > div:hover{background:#CCCCCC}
.sociallogo > ul > li > div > a{font-family:Conv_GSocialIcon; padding:10px; font-size:20px; text-decoration:none; color:#3E4095; }
.sociallogo > ul {height:30px}
.sociallogotop {float:right}
.sociallogotop > ul > li{display:inline; float:right; padding:5px;  }
.sociallogotop > ul > li > div{background:#3E4095;  width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%} 
.sociallogotop > ul > li > div:hover{background:#FFCC29}
.sociallogotop > ul > li > div > a{font-family:Conv_GSocialIcon; padding:10px; font-size:20px; text-decoration:none; color:#FFFFFF; }
.newsletter input{padding:10px; text-align:center}.newsletter .email{border:#FFCC29 solid 4px; width:70%}.newsletter .submit{border:#FFCC29 solid 4px; background:#FFCC00}
#resposta{color:#FFCC29}
.volta{float:right; background:#FFCC29; color:#FFFFFF; padding:5px; text-decoration:none; font-weight:bold}
/**/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../../colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../../colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media only screen and (min-width: 960px) and (max-width: 1090px) {
nav{width:1092px;}
}