/* Font Face Declarations */
@font-face {
    font-family: 'VAGRoundedBTRegular';
    src: url('../fontes/vagron-webfont.eot');
    src: url('../fontes/vagron-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/vagron-webfont.woff') format('woff'),
         url('../fontes/vagron-webfont.ttf') format('truetype'),
         url('../fontes/vagron-webfont.svg#VAGRoundedBTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}
html,body{height:100%;}
b,strong{font-weight:bold}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
#container {width: 80%; max-width: 960px; margin: 0 auto;}
li{ display:list-item; list-style-position:inside}
th,td,caption{font-weight:normal;vertical-align:top;text-align:justify;color: #000;padding: 5px 5px 5px 5px;}
q{quotes:none}
q:before,q:after{content:'';content:none}
sub,sup,small{
	font-size:75%;
	text-align: right;
}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg{overflow:visible}

/* 960 16 Columns Grid */
body{width:100%;min-width:960px;overflow-x:auto}
/*Estilos de texto */
body {font-family:Calibri, Cambria, Arial;font-size:14px;line-height:22px;background:#FFF;}
h1, h2, h3, h4, h5, h6 {font-family:VAGRoundedBTRegular;font-weight:normal;font-style:normal;color:#F47A00;margin-bottom:17px;}
h1 {font-size:22px; padding-bottom:10px; border-bottom:dotted 1px #CCC;text-transform:uppercase; width:98%}
h2 {font-size:20px;	text-transform:uppercase; padding-top:10px;}
h3 {font-size:18px;} 
h4 {font-size:16px;} 
h5 {font-size:14px;}
h6 {font-size:12px;}
a, a:hover {color:#F47A00;text-decoration:none;	outline:0; cursor:pointer;}
a:hover {color:#0076b2;cursor:pointer;}
a:hover, a:active, a:focus {outline:0; cursor:pointer;}
.orange2 {color:#000;}
.button {
	color:#FFF;
	padding:5px;
	border-radius: 5px;
	border:0;
	margin:auto;
	position:relative;
	background:#181715;
	text-align:center;
	border-bottom:medium;
	background: #161616;
	background: url();
	background: -moz-linear-gradient(top, #161616 0%, #161616 50%, #0b0b0b 51%, #010101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(50%,#161616), color-stop(51%,#0b0b0b), color-stop(100%,#010101));
	background: -webkit-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: -o-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: -ms-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#010101',GradientType=0 );
}
/* Tudo */
#espaco {
	background-color: #000000;
	top: -100px;
	height: 5px;
}

#tudo {min-height: 100%;position: absolute;background-color:#FFFFFF;top: 0px; width: 100%;padding: 0 0 0 0;}
* html #tudo {height: 100%; /* hack para IE6 que trata height como min-height */}
.clear {clear:both;}

/* Banner topo */
#topo {top:-5px;width:100%;height:150px;color:#0C0;position:relative;background:#000;}
.logo {margin-top:20px;margin-left:15%;float:left;}
.logo_hi {margin-top:24px;margin-right: 15%;float:right;}

/* icones redes sociais */

#social {
	top: 2px;
	background: #FFFFFF;
	width: 100%;
	height: 70px;
	padding: 7px 0 0 25%;
}

.youtube {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=80);
}        
.youtube:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=100);
}
.facebook {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=80);
}        
.facebook:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=100);
}
.twitter {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=80);
}        
.twitter:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=100);
}
.blog {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=80);
	color: white;
}        
.blog:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=100);
}

.hidio {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=80);
	color: white;
}        
.hidio:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	-o-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	Filter: Alpha(Opacity=100);
}


/* Slide */
#slide {top:0px;margin:0;width:100%;height:350px;background:#CCC;position:relative;}

#logos {
	width: 100%;
	background: #000000;
	top: 30px;
	position: absolute;
}

/* Menu */
#menu_topo {
	right: 15%;
	height: 25px;
	position: absolute;
	top: 0px;
	color:#FFF;
	font-size:11.5px;
	background:#000000;
	font-weight:none;
	margin-top:5px;
	line-height:12px;
	padding: 5px;
}
#menu_topo a {
	color:#FFF;
	font-weight:normal;
}
#menu_topo a:hover {
	color:#F47A00;
	font-weight:normal;
	text-transform:none
}

#menu {
	top:-5px;
	width:100%;
	min-height:45px;
	height:auto;
	margin:auto;
	clear:both;
	position:relative;
	background:#181715;
	text-align:center;
	float:left;
	background: #161616;
	background: url();
	background: -moz-linear-gradient(top, #161616 0%, #161616 50%, #0b0b0b 51%, #010101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(50%,#161616), color-stop(51%,#0b0b0b), color-stop(100%,#010101));
	background: -webkit-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: -o-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: -ms-linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	background: linear-gradient(top, #161616 0%,#161616 50%,#0b0b0b 51%,#010101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#010101',GradientType=0 );
	border-bottom: 2px solid #CCC;
	z-index:1;
}
#texto_menu {
	margin:auto;
	display:block;
	max-width:980px;
	width:auto;
	top:6px;
	clear:both;
	position:relative;
	font-family:VAGRoundedBTRegular; 
	margin-top:6px;
	margin-bottom:10px;}
#menu ul li {margin:auto;clear:both;list-style:none;display:block;}
#menu ul li a {
	margin:auto;
	clear:both;
	border-radius:5px;
	color: #FFFFFF;
	font-family:VAGRoundedBTRegular;
	font-size:14px;
	padding:10px 10px 10px 10px;
	top:0px;
	font-weight:normal;
	font-style:normal;}
#menu ul li a:hover, #menu ul li a.selected {
	font-weight: normal;
	background: #232323;
	background: url(data:image/svg+xml);
	background: -moz-linear-gradient(top, #232323 0%, #232323 49%, #1e1e1e 50%, #191919 51%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(49%,#232323), color-stop(50%,#1e1e1e), color-stop(51%,#191919), color-stop(100%,#141414));
	background: -webkit-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: -o-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: -ms-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#141414',GradientType=0 );}

/* principal */
#conteudo {	min-height: 100%; width:960px; margin:auto; position: relative;background-color:none;}
#esquerda {margin-top:15px;top:0;width:550px;height:auto;float:left;padding-left:15px}
#esquerda a, a:hover {color:#F47A00;text-decoration:none;outline:0;font-weight:bold;}
#esquerda a:hover {color: #0076b2;}
#direita {margin-top:15px;width:350px;height:auto;color:#000;overflow:hidden;float:right;}
.titulo_direita	{
	width:350px;
	margin-top:15px;
	height:45px;
	background: #232323;
	text-align:justify;
	background: url(data:image/svg+xml);
	background: -moz-linear-gradient(top, #232323 0%, #232323 49%, #1e1e1e 50%, #191919 51%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(49%,#232323), color-stop(50%,#1e1e1e), color-stop(51%,#191919), color-stop(100%,#141414));
	background: -webkit-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: -o-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: -ms-linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	background: linear-gradient(top, #232323 0%,#232323 49%,#1e1e1e 50%,#191919 51%,#141414 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#141414',GradientType=0 );	}
.pesquisar {background:#feeabd;padding-left:15px;padding-top:0px;}
/*.pesquisar a {color:#000;}*/
.pesquisar a:hover {color:#F47A00;font-weight:normal}
.destaque {background-color:#E1E1E1;text-align:center;padding-right:5px; top: 20px;}
.destaque a {color:#0076b2;font-family:VAGRoundedBTRegular;font-size:21px;}
.destaque a:hover {color:#F47A00;font-weight:normal;}
.carteira {margin-top: 15px;}
/* cadastro */
.cadastro {margin-top:15px;background-color:#E1E1E1;font-size: 14px;height:140px;}
.cadastro h3 {margin-left: 80px;}
.footer{margin-top:15px;padding-top:10px; padding-bottom:10px;color:#fff;text-align:center;width:100%;height:auto;background-color:#000;border-top: solid #CCC 2px;bottom:0; line-height:15px;}

/* FLEXSLIDER */
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flex-container {top: -5px;background: url(../images/fundo_slide.jpg);background-repeat:repeat}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; left: 0;margin:0; padding:0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../images/flexslider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/flexslider/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

hr.coulist {background-color:#FFFFFF;border: 0;padding: 0 0 0 0;border-top: 1px dotted #C4C4C4;color:#000;float: none;height: 1px;margin: 0 0 30px 0;}
h2.coulist {background-repeat: no-repeat;background-color: transparent;	height: 60px;line-height: 50px;color: #747D88;background-position: right bottom;}

/* usual tabs */
.usual {background:#fff;color:#000;width:100%;margin:8px auto;}
.usual li { list-style:none; float:left; }
.usual ul a { display:block; padding:6px 10px; text-decoration:none!important; margin:1px; margin-left:0; font:14px Calibri, Cambria, Arial; color:#FFF; background:#FFF; border-right: 1px dotted #F47A00;}
.usual ul a:hover {color:#FFF; }
.usual ul a.selected {margin-bottom:0;color:#000;background:#FFF;border-bottom:1px solid #FFF;cursor:default;}
.usual div {padding:10px 10px 8px 10px; *padding-top:3px; *margin-top:-15px; clear:left; background:#FFF; font:14px Calibri, Cambria, Arial; line-height:22px;}
.usual div a { color:#000; font-weight:bold; }
#usual2 {background:#ccc;border:0px solid #1A1A1A;}
#usual2 a { background:#222; }
#usual2 a:hover { background:#FFF; }
#usual2 a.selected { background:#FFF; }
#tabs3 { background:#ccc; }


/* Banners laterais */

#banner-lateral-01 {
	display: block;
	width: 350px;
	margin: 15px 0 15px 0;
}
#banner-lateral-02 {

}
#banner-lateral-03 {

}
#banner-lateral-04 {

}

/* DESTAQUES */ 

.destaque {
	width: 350px;
	height: 390px;
	margin: 0 0 0 0;
	background-color: #DDDDDD;
}
.dest-ca-container {
	position:relative;
	width:390px;
	height:380px;
}
.dest-ca-wrapper {
	width:100%;
	height:100%;
	position:relative;
}
.dest-ca-item {
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.dest-ca-item-main{
	padding: 5px 20px 5px 20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#dddddd;
	overflow:hidden;
	line-height: 15px;
	height: 350px;
}

.dest-span {
	color: #555555;
}
.dest-ca-icon{
	width:300px;
	height:250px;
	position:relative;
	margin:0 auto;
	background:transparent url(../images/destaque001.png) no-repeat center center;
}
.dest-ca-item-2 .dest-ca-icon{
	background-image:url(../images/destaque002.png);
}

.dest-ca-item-3 .dest-ca-icon{
	background-image:url(../images/destaque003.png);
}

.dest-ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:15px;
	color:#000;
	margin: 5px 0 5px 0;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.dest-ca-item h4{
	font-family: Verdana, Helvetica, Arial;
	font-size:12px;
	text-align:center;
	margin: 0 5px 0 5px;
	position:relative;
}


 /* STOP HERE */
