@CHARSET "UTF-8";
body {font-family:'Open-Sans-Light',calibri,tahoma,helvetica,verdana,arial;font-size:10px;margin:0px;padding:0px;color:#333;overflow-x:hidden;background:url(../images/base.png) no-repeat fixed center top;}

#alertBox { position:fixed;top:20%;left:25%;width:50%;border:5px solid #333;background:#fff;z-index:100}
.alertBox span{float:left;width:94%;color:#A52A2A;font-size:22px;text-align:center;padding:3%}
#overlay {float:left;width:100%;height:100%;margin:0;padding:0;background:rgba(0,0,0, 0.5);position:fixed;top:0;left:0;z-index:99;display:none}

#w3c { width:100%;position:fixed;bottom:-60px;left:0px;padding:10px 0px;background:#fff9d7;border:2px solid #FFA500;border-left:0;border-right:0;text-align:center;display:none;z-index:99;font:normal 12px tahoma;}
#w3c img {float:left;margin-left:20px}

.font-open-sans-light {font-family:'Open-Sans-Light';}
.font-open-sans {font-family:'Open-Sans';}
.font-open-sans-bold {font-family:'Open-Sans-Bold';}

.botao {padding:5px 15px;height:20px;line-height:41px;vertical-align: middle;color:#fff;font-size:1.8em;background:#006CB5;border:1px solid transparent;outline:2px solid transparent;margin:0 3px;}
.botao:hover{border:1px solid #fff; outline:2px solid #006CB5}

a.assinatura {background: url("../images/assinatura.png") no-repeat scroll -20px 0 transparent;bottom: 15px;height: 180px;position: fixed;right: 10px;width: 20px;z-index:999;}
a.assinatura:hover{background: url("../images/assinatura.png") no-repeat scroll 0px 0 transparent;}

.delimiter {height:1px;margin:5px 0;border-top:1px dotted #333;}
.bkg_gradient {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}

/*--------------------------------- TITULO ---------------------------------*/
h1 { font-size:2.5em; color:#666; font-weight:bold; font-family:'Open-Sans'; margin-bottom:20px; background:#666; text-indent:20px; text-transform: uppercase; padding:5px;border-radius:10px 10px 0  0;-moz-border-radius:10px 10px 0  0;-webkit-border-radius:10px 10px 0  0;
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 50%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#dddddd), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
h2 { font-size:2.3em; color:#fff; margin-bottom:20px; font-family:'Open-Sans';text-indent:20px; text-transform: capitalize; padding:5px;
background: #dddddd; /* Old browsers */
background: -moz-linear-gradient(top, #dddddd 0%, #dddddd 50%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(50%,#dddddd), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom, #dddddd 0%,#dddddd 50%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
-webkit-border-radius:5px 0 0 5px;
}
h3 { font-size:2em; color:#fff; margin-bottom:20px; font-family:'Open-Sans'; background:#666; text-indent:20px; text-transform: lowercase; padding:5px;}

/*--------------------------------- HEADER ---------------------------------*/
header > section {background:#fff;border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;}
header > section > div > #header-menu {margin-top:30px;}
header > section > div > #header-menu > a {float:left;padding:30px 41px;font:normal 2.4em 'Open-Sans-Light';color:#666;}
header > section > div > #header-menu > a:hover {text-shadow:0 0 5px #333;}
header > section > div > #header-menu > div {margin-top:5px;}

#link-default > ul {text-align:center;}
#link-default > ul > li {margin:0 10px;}

/*--------------------------------- FOOTER ---------------------------------*/
footer {}


/*--------------------------------- ICON ---------------------------------*/
.icon {float:left;width:23%;margin:0.5%;height:250px;padding:0.5%;text-align:center;border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;}
.icon-empresa {height:150px;background:url(../images/empresa.png) no-repeat scroll center bottom;}
.icon-como-funciona {height:150px;background:url(../images/como-funciona.png) no-repeat scroll center bottom;}
.icon-servico {height:150px;background:url(../images/servico.png) no-repeat scroll center bottom;}
.icon-coleta {height:150px;background:url(../images/coleta.png) no-repeat scroll center bottom;}

/*--------------------------------- CONTATO ---------------------------------*/
#contato-default input, #contato-default textarea { margin-top:10px; }


/*--------------------------------- PAGINATE ---------------------------------*/
div.paginate a{
float:left;
padding:5px 10px;
margin:5px 2px;
font-size:12px;
background:#006CB5;
color:#fff;
}

div.paginate > a.page-active {background:#0d9eff; color:#fff;}

/*--------------------------------- CYCLE ---------------------------------*/

.cycle-inactive {
width:16px;
height:16px;
background:#ddd;
border:2px solid #ddd;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
margin:0 2px;
}

.cycle-active{
width:16px;
height:16px;
background:#fff;
border:2px solid #ddd;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
margin:0 2px;
}

#cycle-foto {overflow-x:hidden;}

	/*------------------- CYCLE-DEFAULT -------------------*/
	/* Definir estas propriedades para cada cycle criado em runtime*/
	#cycle-default {overflow:hidden;}
	#cycle-default > a#cycle-default-prev{display:none;}
	#cycle-default > a#cycle-default-next {display:none;}
	
	#cycle-default > ul, #cycle-default > ul {width:100%;}
	#cycle-default > ul, #cycle-default > ul > li{width:100%;height:320px;}
	
	#cycle-default > ul > li > a{position:relative;z-index:1;}
		
	#cycle-default > ul > li > div {display:none;}
	
	#cycle-default > ul > li > a:hover + div {opacity:0.1;filter:alpha(opacity=10);}
	
	#cycle-default #cycle-default-pager {text-align:center;width: 100%;}
	
	/*------------------- CYCLE-MULTIPLE -------------------*/
	
	#cycle-multiple > a#cycle-multiple-prev {float:left;width:63px;height:150px;margin-top:40px;}
	#cycle-multiple > a#cycle-multiple-next {float:right;width:63px;height:150px;margin-top:40px;}
	
	#cycle-multiple > ul {float:left;width:calc(100% - 126px);height:300px;}
	#cycle-multiple > ul > li, #cycle-multiple > ul > li > ul{float:left;width:100%; height:300px;}
	
	#cycle-multiple > ul > li > ul > li {float:left;width:32.3%;height:300px;text-align:center;padding:0.5%;}
	
	#cycle-multiple > ul > li > ul > li > div {
	width:100%;
	height:50px;
	background:#666;
	vertical-align:middle;
	line-height:24px;
	font-size:13px;
	color:#fff;
	overflow:hidden;
	}
	
	/*------------------- CYCLE-ENTIDADE -------------------*/
	#cycle-entidade > a {margin-top:39px;}
	#cycle-entidade > ul {float:left;width:calc(100% - 140px);height:300px;}
	#cycle-entidade > ul > li, #cycle-entidade > ul > li > ul{float:left;width:100%; height:200px;}

	
	/*------------------- CYCLE-FOTO -------------------*/
	#cycle-foto > a#cycle-foto-prev , #cycle-foto > a#cycle-foto-next {float:left;width:5%;height:150px;}
	#cycle-foto > a#cycle-foto-next {float:right; text-align:right;}
	#cycle-foto > a#cycle-foto-prev > img, #cycle-foto > a#cycle-foto-next > img {margin-top:39px;opacity:0.8;filter:alpha(opacity=80);}
	#cycle-foto > a#cycle-foto-prev > img:hover, #cycle-foto > a#cycle-foto-next > img:hover  {opacity:1;filter:alpha(opacity=100);}
	
	/*------------------- CYCLE-VIDEO -------------------*/
	#cycle-video > a#cycle-video-prev, #cycle-video > a#cycle-video-next {float:left;width:5%;height:150px;}
	#cycle-video > a#cycle-video-next {float:right; text-align:right;}
	#cycle-video > a#cycle-video-prev > img, #cycle-video > a#cycle-video-next > img {margin-top:39px;opacity:0.8;filter:alpha(opacity=80);}
	#cycle-video > a#cycle-video-prev > img:hover, #cycle-video > a#cycle-video-next > img:hover  {opacity:1;filter:alpha(opacity=100);}


/*--------------------------------- AGENDA ---------------------------------*/
#agenda-default .agenda {
float:left;
padding:10px 15px;
margin:0 2px;
background:#ddd;
text-transform: uppercase;
font-size:1.4em;
}

#agenda-default .agenda-active{color:#fff;background:#256CB1;}

.icon-agenda {
width:50px;
height:50px;
vertical-align:middle;
line-height:50px;
text-align:center;
font-size:2em;
font-weight:bold;
background:url(../images/agenda.png) no-repeat;
}

/*--------------------------------- VIDEO ---------------------------------*/
#video-default #dv-video > div:first-child {
margin:0 auto;
width:560px;
height:315px;
border:5px solid #666;
overflow:hidden;
}

/*--------------------------------- ENQUETE ---------------------------------*/
#enquete-default .pergunta {font-size:1.6em;}
#enquete-default form > div {margin-top:8px;font-size:1.2em;}

/*--------------------------------- PROGRESSBAR ---------------------------------*/
div.progressbar {position:relative}
div.progressbar > span{
top:4px;
left:49%;
position:absolute;
font-size:11px;
font-weight:bold;
}

/*--------------------------------- RECADO ---------------------------------*/
section._recado form > div {font-size:1.4em;}