body, html {
background-color: #fff;
background:url('../images/fundo.png') 0 40px repeat-x;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:11pt;
height:100%;
margin: 0px 0px 0px 0px;
}

p {text-align:justify; line-height:18pt;}
p.center {text-align:center;}
p.pequeno {font-size:9pt;}
p.negrito {font-weight:bold;}
p.sem-linha {margin:0px;}
h1 {font-size:12pt;}

span, p.b {font-weight:bold;}

a.lk:link, a.lk:visited {color:#000066; text-decoration:underline;}
a.lk:hover, a.lk:active {color:#333399;}

div.clear {clear:both;}


div#tudo {
background:rgba(255,255,255,0.25);
position:relative;
min-height:100%;
width:970px;
margin:0 auto;
padding:0 10px 0 10px;
border-radius:10px;
box-shadow:0 0 16px #99b0b4;
}

* html #tudo {height: 100%; /* hack para IE6 que trata height como min-height */}

img#logo {
position:relative;
width:300px;
height:116px;
margin: 0px 0 0 -5px;
border:0px;
}

div#topo {
width:970px;
height:288px;
margin-top:-105px;
border: 1px solid #1a1a1a;
border-radius: 4px;
box-shadow: inset #444 1px 1px 0, inset #444 -1px -1px 0;
-moz-box-shadow: inset #444 1px 1px 0, inset #444 -1px -1px 0;
}

/* ============== MENU ============== */

nav {
position:relative;
background:rgba(153,176,180,0.8);
width: 100%;
height: 100%;
left:50%;
margin:-29px 0 20px -485px;
border: 1px solid #1a1a1a;
border-radius: 4px;
box-shadow: inset #444 1px 1px 0, inset #444 -1px -1px 0;
-moz-box-shadow: inset #444 1px 1px 0, inset #444 -1px -1px 0;
z-index:1000;
}

#navigation ul, #navigation li, div.menu ul, div.menu ul li, ul.menu, ul.menu li { list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{ float:left; position:relative;}
#navigation ul li a{ 
	display:block; 
	padding:2px 40px;
	padding:3px\9 25px; /*for ie9*/
	margin:1px; 
	font-size:16px;
	font-weight:bold;
	white-space:nowrap; 
	border-radius:3px;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
}

#navigation ul li a{ background:#d9e2e3;}
#navigation ul li a:hover{ background:#0c5f68;}
#navigation ul ul{ 
	position:absolute; 
	top:-99999px; 
	left:0;
	opacity: 0; /* Hide sub level */
	transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index:497; 
	background:#99b0b4; 
	padding: 2px; 
	border:1px solid #444; 
	border-top:none; 
	box-shadow:#111 0 3px 4px; 
	border-bottom-left-radius:6px; 
	border-bottom-right-radius:6px; 
}
#navigation ul ul ul { 
	position:absolute; 
	top:-99999px; 
	left:100%; 
	opacity: 0; 
	transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	border-radius:6px;
	border:1px solid #444;
}
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; z-index:1000;}
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background:#333; }

#navigation {margin:0px 0 1px 125px; height:25px;}

a:link, a:visited { color:#283434; text-decoration:none;} 
#navigation a:hover  { text-decoration:none; color:#7CE; text-shadow: #8BF 0 0 2px; }
#navigation a:focus { text-decoration:underline; color:#7CE; text-shadow: #8BF 0 0 2px; }

ul.sub-menu a {
width:254px; 
}

/* ============== CONTEÚDO ============== */

div#conteudo_all {
padding-bottom:60px;
}

div#conteudo {
width:680px;
min-height:200px;
float:left;
}

div#lateral {
width:0px;
min-height:200px;
margin:0 0px 20px 30px;
float:right;
}


/* ============== HOME ============== */

div#txhome_area {
margin:0 0 20px 0;
}

p#tx_home {
font-size:11pt;
line-height:21px;
margin-top:0px;
}


/*
 *  Kwicks: Sexy Sliding Panels for jQuery - v2.0.0
 *  http://devsmash.com/projects/kwicks
 *
 *  Copyright 2012 Jeremy Martin (jmar777)
 *  Released under the MIT license
 *  http://www.opensource.org/licenses/mit-license.php
 */
/*
 *  This file contains styles that are common to all kwicks instances.  Note that each kwicks instance requires
 *  additional styling - please see the examples for more info.
 */
.kwicks {
	width: 615px;
	height:260px;
	display: block;
	list-style-type: none;
	list-style: none;
	position: relative;
	left:50%;
	margin: 0 0 28px -307px;
	padding: 0;
	z-index:1;
}
.kwicks > * {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.kwicks.kwicks-processed > * {margin: 0; position: absolute;}
.kwicks-horizontal > * {float: left;}
.kwicks-horizontal > :first-child {margin-left: 0;}

.kwicks > a {
	width: 155px;
	height:260px;
/* overridden by kwicks but good for when JavaScript is disabled */
	margin-left: 5px;
	float: left;
	}

.panel {
background:url('../images/f2_40.png');
background:#d9e2e30;
border-radius: 10px;
border:1px solid #99b0b4;
}

div#estudante {background:url('../images/home_academico.png') center no-repeat green;}
div#empresas {background:url('../images/home_empresas.png') center no-repeat orange;}

div.aba {
width:46px;
height:260px;
border-radius: 10px 0 0 10px;
border:1px solid #99b0b4;
}

div.kwicks_conteudo {
width:515px;
height:250px;
margin:-262px 0 0 48px;
padding:5px 3px 5px 3px;
}

div.kwicks_left {
width:252px;
height:250px;
float:left;
}

div.kwicks_right {
width:232px;
height:250px;
margin-left:20px;
float:left;
}

p.kwicks_tl {
font-size:11pt;
font-weight:bold;
font-style:italic;
color:#666;
line-height:16px;
text-align:center;
margin-top:0px;
}

p.kwicks_tx {
font-size:10pt;
line-height:16px;
margin-top:0px;
}

img#kwcs_academico {
width:176px;
height:211px;
margin-top:-12px;
float:left;
}

p#kwcs_academico_tx {
display:block;
font-size:9pt;
font-weight:bold;
font-style:italic;
color:#444;
line-height:38px;
margin:30px 3px 0 -100px;
float:right;
}

img#kwcs_comercial {
width:176px;
height:211px;
margin-top:-12px;
float:right;
}

p#kwcs_comercial_tx {
display:block;
font-size:9pt;
font-weight:bold;
font-style:italic;
color:#444;
line-height:38px;
margin:20px -100px 0 0px;
float:left;
}

/* -- HOME DESTAQUES -- */

p.destaque_tl {
text-align:justify;
font-size:12pt;
margin:25px 0 4px 0;
}

a.destaque_lk:link, a.destaque_lk:visited {
font-size:13pt;
font-weight:bold;
color:#333;
text-decoration:underline;
}

a.destaque_lk:hover {color:#555;}
a.destaque_lk:active {color:#777;}

div#destaque_1 {
width:308px;
margin:5px 0 6px 0;
float:left;
}

div#destaque_2 {
width:308px;
margin:5px 0 6px 0;
float:right;
}

ul.geocart {
margin:5px 0 0px 0;
}

img#geopdf-home {
width:64px;
height:64px;
margin:0px 8px 0 0;
border:none;
float:left;
}

div#geopdf-video-home {
position:relative;
width:610px;
height:406px;
left:50%;
margin:20px 0 30px -305px;
}

div#destaque_3 {
background:url('../images/f2_40.png');
width:100%;
height:216px;
margin:50px 0 20px 0;
border:1px solid #d3d3d3;
border-radius: 10px;
float:left;
}

h3.h3_gps {
font-size:14pt;
color:#555;
text-align:center;
margin:14px 80px 0 -90px;
}

p#stl_gps {
color:#555;
font-weight:bold;
font-style:italic;
margin:3px 0px 0 0px;
}

img#base_gps {
width:210px;
height:250px;
margin:-34px -69px 0 0;
float:left;
}

div#areatx_gps {
width:436px;
margin:0 15px 0 0;
float:right;
}

p#tx_gps {
text-align:center;
line-height:17px;
}

p#formatos_gps {
font-weight:bold;
text-align:center;
line-height:18px;
}

p#txlink_gps {
text-align:center;
font-size:13pt;
font-weight:bold;
margin-top:0px;
}

a#link_gps:link, a#link_gps:visited {
color:#009900;
text-decoration:underline;
font-family:arial, helvetica;
letter-spacing:1px; 
}

a#link_gps:hover, a#link_gps:active {color:#339999;}


/* ============== LATERAL ============== */

div#lateral {
width:260px;
min-height:800px;
margin:6px 0 0 0;
float:right;
}

div.lateral_box {
position:relative;
width:260px;
min-height:100px;
margin:0 0 20px 0;
border:1px solid #b1b1b1;
border-radius:3px;
}

a.box_lk:link, a.box_lk:visited {

}

a.box_lk:hover {
color:rgb(0,90,88);
text-decoration:underline;
}

p.lateral_box_tl {
font-weight:bold;
margin:5px 0 6px 8px;
}

span.novo {
color:white;
padding:1px 5px;
text-shadow: #c00000 2px 0px 8px, #c00000 -2px 0px 8px, #c00000 0px 0px 8px;
}

img.lateral_box_img {
width:56px;
height:56px;
margin:1px 10px 0 8px;
float:left;
}

p.lateral_box_tx {
font-size:9pt;
line-height:16px;
margin:-2px 8px 8px 8px;
}

img#telefone {
position:relative;
width:258px;
height:96px;
left:50%;
margin:0 0 20px -129px;
border:1px solid #444;
}

div.fb-like-box {
margin-bottom:20px;
}

div#box-youtube {
width:250px;
height:48px;
padding:5px;
margin-bottom:20px;
border:1px solid #b1b1b1;
}

/* ============== IMAGENS ============== */

img {border:none;}

img.float-left {
margin: 5px 10px 5px 0;
float:left;
}

img.float-right {
margin: 5px 0 5px 10px;
float:right;
}

div.moldura-left {
background-color:#fff;
margin-bottom:18px;
border:1px solid #fff;
float:left;
-webkit-transition: background .4s ease-in-out;
-moz-transition: background .4s ease-in-out;
-o-transition: background .4s ease-in-out;
-webkit-transition: border .4s ease-in-out;
-moz-transition: border .4s ease-in-out;
-o-transition: border .4s ease-in-out;
}

div.moldura-right {
background-color:#fff;
margin-bottom:18px;
border:1px solid #fff;
float:right;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
-webkit-transition: border .4s ease-in-out;
-moz-transition: border .4s ease-in-out;
-o-transition: border .4s ease-in-out;
}

div.wh330x211 {width:330px; height:211px;}
div.wh330x220 {width:330px; height:220px;}
div.wh330x230 {width:330px; height:230px;}
div.wh330x240 {width:330px; height:240px;}
div.wh330x250 {width:330px; height:250px;}
div.wh330x270 {width:330px; height:270px;}
div.wh330x280 {width:330px; height:280px;}
div.wh330x290 {width:330px; height:290px;}
div.wh330x300 {width:330px; height:300px;}
div.wh330x310 {width:330px; height:310px;}
div.wh330x320 {width:330px; height:320px;}
div.wh330x330 {width:330px; height:330px;}
div.wh370x290 {width:370px; height:290px;}

div.wh680x249 {width:680px; height:249px;}
div.wh680x255 {width:680px; height:255px;}

div.wh230x330 {width:230px; height:330px;}
div.wh240x330 {width:240px; height:330px;}
div.wh275x330 {width:275px; height:330px;}

div.moldura-left:hover, .moldura-right:hover{
background-color:#fff;
border:1px solid #444;
}

img.w217 {position:relative; width:217px; left:50%; margin-left:-109px;}
img.w221 {position:relative; width:221px; left:50%; margin-left:-110px;}
img.w224 {position:relative; width:224px; left:50%; margin-left:-112px;}
img.w232 {position:relative; width:232px; left:50%; margin-left:-116px;}
img.w264 {position:relative; width:264px; left:50%; margin-left:-132px;}
img.w265 {position:relative; width:265px; left:50%; margin-left:-133px;}
img.w320 {position:relative; width:320px; left:50%; margin-left:-160px;}
img.w360 {position:relative; width:360px; left:50%; margin-left:-180px;}
img.w639{position:relative; width:639px; left:50%; margin-left:-320px;}
img.w680{position:relative; width:680px; left:50%; margin-left:-340px;}

img.h170 {position:relative; height:170px; top:50%; margin-top:-85px;}
img.h187 {position:relative; height:187px; top:50%; margin-top:-94px;}
img.h201 {position:relative; height:201px; top:50%; margin-top:-100px;}
img.h210 {position:relative; height:210px; top:50%; margin-top:-105px;}
img.h216 {position:relative; height:216px; top:50%; margin-top:-108px;}
img.h222 {position:relative; height:222px; top:50%; margin-top:-111px;}
img.h226 {position:relative; height:226px; top:50%; margin-top:-113px;}
img.h228 {position:relative; height:228px; top:50%; margin-top:-114px;}
img.h233 {position:relative; height:233px; top:50%; margin-top:-116px;}
img.h235 {position:relative; height:235px; top:50%; margin-top:-117px;}
img.h240 {position:relative; height:240px; top:50%; margin-top:-120px;}
img.h249 {position:relative; height:249px; top:50%; margin-top:-125px;}
img.h255 {position:relative; height:255px; top:50%; margin-top:-128px;}
img.h261 {position:relative; height:261px; top:50%; margin-top:-131px;}
img.h265 {position:relative; height:265px; top:50%; margin-top:-133px;}
img.h266 {position:relative; height:266px; top:50%; margin-top:-133px;}
img.h269 {position:relative; height:269px; top:50%; margin-top:-135px;}
img.h270 {position:relative; height:270px; top:50%; margin-top:-135px;}
img.h273 {position:relative; height:273px; top:50%; margin-top:-137px;}
img.h280 {position:relative; height:280px; top:50%; margin-top:-140px;}
img.h282 {position:relative; height:282px; top:50%; margin-top:-141px;}
img.h287 {position:relative; height:287px; top:50%; margin-top:-144px;}
img.h290 {position:relative; height:290px; top:50%; margin-top:-145px;}
img.h304 {position:relative; height:304px; top:50%; margin-top:-152px;}
img.h312 {position:relative; height:312px; top:50%; margin-top:-156px;}
img.h320 {position:relative; height:320px; top:50%; margin-top:-160px;}
img.h540 {position:relative; height:540px; top:50%; margin-top:-270px;}

span.fonte {font-size:7pt;}

/* ============== RODAPÉ ============== */

div#rodape {
position:absolute;
bottom:0;
background-color:#222;
width:100%;
height:44px;
margin-left:-10px;
border-top:1px solid #444;
border-radius: 10px 10px 0 0;
}

p#rdp-tx {
color:white;
text-align:center;
margin:10px 0 0px 0;
}

span#copy {
color:#999;
font-weight:inherit;
}

span#telefone-rdp {
font-family:arial;
color:#d1d1d1;
font-size:13pt;
font-weight:inherit;
font-style:italic;
letter-spacing:1px;
margin:0 100px 0 100px;
}

span#mensagem-rdp {
font-weight:inherit;
}

a.rdp-lk:link, a.rdp-lk:visited {
color:#999;
}

a.rdp-lk:hover, a.rdp-lk:active {
color:#e2e2e2;
text-decoratin:underline;
border-bottom:solid 1px #e2e2e2;
}

img#facebook {
width:238px;
height:66px;
margin-top:-24px;
border:0px;
}


/* ============== CADASTRO AMBIENTAL RURAL ============== */

img#car_img {
width:344px;
height:288px;
margin:0px 16px 2px 0px;
float:left;
}


/* ============== GeoPDF ============== */

div#geopdf-area {
background:#fff;
width:236px;
height:112px;
margin:0 0 10px 12px;
border:1px solid #d1d1d1;
border-radius:12px;
overflow:hidden;
box-shadow:1px 2px 2px #777;
float:right;
}

img#geopdf-img {
position:relative;
width:232px;
height:106px;
left:50%;
margin:2px 0 0 -116px;
}

ul#geopdf-ul li{
list-style:none;
margin:10px 0px 10px -36px;
}

div#geopdf-video {
position:relative;
width:610px;
height:406px;
left:50%;
margin:30px 0 20px -305px;
}

p#geopdf-esclarecimentos {
font-weight:bold;
font-size:13pt;
margin-top:40px;
}

p.geopdf-faq {
font-weight:bold;
margin:20px 0 -15px 0;
}