Software Público Brasileiro

@charset "utf-8";
/* CSS Document */
a {text-decoration: none; }
a img {border: none; }

p img { min-width:70%; max-width: 98%; }

body {
	max-height: 800px;
	max-width: 1380px;
}

/* Banner GeoSaúde */
#topo {
	background:url(../Imagens/fundoTopo02.png) repeat-x;
	height:83px;
	position:relative;
	width:100%;
}

	#topo img {
		float:left;
		height: 83px;
	}

.imgTopo {
	position:absolute;
	z-index:99;
	margin-top:-20px;
	max-height:103px;
}

/* Página boas vindas*/
/* menu superior */
.menuhorizontal {
	height: 30px;
	margin-top: 33px;
	float:right;
	font-family: Arial, Helvetica, sans-serif bold;
	font-size: 14px;
	color: #FFF;
	width: 70%;
}

.menuhorizontal img{
	width: 40px; 
	height: 31px !important;
	float:left;
}

.menuhorizontal ul {
	float:right;
	transition: margin-left .5s ease;
	-webkit-transition: margin-left .5s ease;
	-moz-transition: margin-left .5s ease;
	-o-transition: margin-left .5s ease;
}

.menuhorizontal ul li {
	float:left;
	text-align:center;
	line-height: 30px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	display: table-cell;
	vertical-align: middle;
	list-style-type:none;
}

.menuhorizontal li {
	background: linear-gradient(#004646, #CFF);
	list-style: none;
	color: #FFF;
	line-height: 30px;
	float:left;
	border-radius: 0 30px 30px 0;
}

.menuhorizontal li a, .menuhorizontal li span {
	color: #FFF; 
	line-height: 30px;
	margin: 15px 25px 15px 10px;
	text-shadow: 2px 2px 2px #000;
}

.menuhorizontal li a:active {
	color: #FFF;
	line-height: 30px;
}

.jslider-stage { position: relative; }
.jslider-stage .left { left: 0; }
.jslider-navigation {
	position: absolute;
	top: 0;
	width: 60px;
	height: 80px;
	background: #000;
	color: #fff;
}
/*************** Slider side to side ***************/
body {
	margin:0; 
	font:12px Arial, Helvetica, sans-serif; 
	background:url(../Imagens/planoFundo_imagem01.png) no-repeat fixed bottom right; 
	background-color: #FFF; 
	scrollbar-width:15px;
}

#wrapper {width:70%; margin: 40px 0; left: 15%;}
#wrapper .content { height:400px; width: 100% !important; overflow:hidden; text-align:justify; background: #fff; border-radius: 12px; }
#wrapper .content p{ margin: 10px; }
.link {cursor:pointer; color:#666}
.link:hover {color:#000}

/* demo slider*/
.touchslider-demo {width: 100%; margin-top: -16px;}
.touchslider-demo .touchslider-viewport {border-radius: 6px;}
.touchslider-demo .touchslider-item {
	height: 345px;
	overflow: hidden;
}
.touchslider-demo .touchslider-nav {
	text-align: center;
	margin-top: 16px;
}
.touchslider-demo .touchslider-nav a {
	cursor: pointer;
	color: #fff;
}
.touchslider-demo .touchslider-nav a:active {
	background: #689db2;
}

.touchslider-nav {
	font: bold 16px/16px Georgia;
}
.touchslider-demo .touchslider-prev {
	position: relative;
	margin-right: 16px;
	height: 16px;
	background: #fff;
	width: 100px;
	display: inline-block;
	padding: 0 0 0 10px;
	-webkit-border-radius: 12px 0 0 12px;
			border-radius: 12px 0 0 12px;
}
.touchslider-demo .touchslider-next {
	position: relative;
	margin-left: 16px;
	width: 100px;
	height: 16px;
	background: #fff;
	display: inline-block;
	-webkit-border-radius: 0 12px 12px 0;
			border-radius: 0 12px 12px 0;
}
.touchslider-demo .touchslider-next-in {
	position: absolute; /* fix safari render font */
	right: 10px;
}
.touchslider-demo .touchslider-prev-in {
	position: absolute;
	left: 10px;
}
.touchslider-demo .touchslider-nav-item {
	margin: 0 16px;
}
.touchslider-demo .touchslider-nav-item-current li {
	background: #cff0ff;
}

/* social slider */
.section-download {
	position: relative;
	padding-right: 230px;
}
.social {
	width: 200px;
	position: absolute;
	right: 20px;
	top: 0;
}
.touchslider-social .touchslider-nav {
	text-align: center;
	margin-bottom: 6px;
}
.touchslider-social .touchslider-nav-item {
	opacity: .5;
	padding: 0 2px;
}
.touchslider-social .touchslider-nav-item-current {
	opacity: 1;
}
/*************** FINAL - Slider up and down ***************/
/* FINAL página de boas vindas */

/* página de ferramentas (index.php) */
#scrollingControl {
	float: right;
    margin-right: 230px;
    margin-top: 40px;
    width: 60px;
}

#linksFerramentas {width:100%;}

#linksFerramentas ul {
	list-style: none;
	position:relative; 
	margin-top: 15px;
}

.ferramentas {
	color:#000;
	float:left;
	margin: 30px;
	max-width: 122px;
	text-align:center;
}

.ferramentas a {
	text-decoration: none;
	font-weight:bold;
}

.ferramentas img { height: 120px;}
/* FINAL página de ferramentas (index.php) */