@charset "utf-8";
/* CSS Document */

/** Estilos textos home **/

.box_rosa {
	padding-top:8px;
	font-size:11px;
	color:#912f56;
	font-weight:bold;
}

.box_verde{
	padding-top:8px;
	font-size:12px;
	color:#408a8f;
	font-weight:bold;
}

.dep {
	display:block;
	height:37px;
	padding-top: 10px;
}

.dep_dark {
	display:block;
	height:50px;
	padding-top: 10px;
	margin-top:10px;
	background:#d9b0c3;
}

.deptxt {
	font-size:12px;
	color:#FFF;
	margin-left:12px;
	text-align:left;
}
.depnome {
	font-size:12px;
	color:#c2799c;
	margin-right:12px;
	margin-top:5px;
	text-align:right;
}

.imptxt {
	font-size:14px;
	color:#FFF;
	margin-left:12px;
	text-align:left;
}
.impnome {
	font-size:12px;
	color:#c2799c;
	margin-right:12px;
	margin-top:5px;
	text-align:right;
}

.txtprodutos {
	font-size:13px;
	color:#666;
}

.txtlegenda{
	margin-top:5px;
	font-size:13px;
	color:#666;
}


/******diagramacao padrao******/

#bannertop {
	margin-top:20px;
}

#conteudo {
	width:960px;
	margin-top:5px;
	background:url(../img/bgr_bordertop.jpg) top center no-repeat #fff;
	min-height:300px;
}

#conteudobottom {
	height:17px;
	background:url(../img/bgr_borderbottom.jpg) bottom center no-repeat;
}


#conteudo #faqct {
	width:880px;
	min-height:300px;
	margin-left:50px;
	margin-top:20px;
	float:left;
}

#conteudo #faqct p.titulo {
	font-size:15px;
	font-weight:bold;	
	color:#999;
	margin-top:5px;
	margin-bottom:20px;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	
	height:100px;
}

/* single tab */
ul.tabs li { 
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	margin-left:300px;
	list-style-image:none !important; 
}

ul.tabs li a span img{ 

margin-right:5px;
vertical-align:middle;
}

/* link inside the tab. uses a background image */
ul.tabs a {
 background: no-repeat -420px 0;
 font-size:16px;
 display:block;
 height: 110px;
 line-height:30px;
 width: 285px;
 text-align:center;
 text-decoration:none;
 color:#666;
 font-weight:bold;
 padding:0px;
 margin-left:5px;
 position:relative;
 top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#333;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#408a8f !important;
	font-weight:bold;
}


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}


/****************************************************************************************/


/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 1050px;	 
	width: 800px;
	border-top:1px solid #ddd;	
	margin-left: 35px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.items .item-lista {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	min-height:120px;
}
.items .item-lista div { width:auto; color:#666; }

/* elements inside single item */


.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}


.items p {
	margin:0 0 8px 0;
	color:#666;
}	

.items img {
	border:none;
}

/* the action buttons above the scrollable */
#actions {
	width:800px;
	margin:30px 30px 10px 35px;	
}

#actions a {
	font-size:12px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	

/*********************************/


/********** Galeria de Imagens **************/

.triggers {
	text-align:left;
}

.triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:7px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}


#videosct #img {
	min-width:250px;
	padding-right:15px;
	padding-bottom:10px;
	float:left;
	position:relative;
}

#widgets {
	margin-top:10px;
	margin-bottom:8px;
	height:190px;
}

#widgets2 {
	margin-top:0px;
	margin-bottom:20px;
	height:209px;
}

#box_conheca {
	display: inline-block;
	width:270px;
	height:184px;
	padding-top:8px;
	padding-left:15px;
	background:url(../img/box_conheca.jpg) no-repeat top center;
	float:left;
}

#box_conheca #fotosconheca {
	margin-top:5px;
}

#box_conheca span {
	padding-bottom:5px;
}

#box_conheca p a {
	display:block;
	text-align:right;
	font-size:12px;
	margin-right:12px;
	margin-top:2px;
	color:#912f56;
	font-weight:bold;
	text-decoration:none;
}


#box_conheca p a:hover {
	color:#FFF;
}

#box_multimidia {
	display: inline-block;
	width:367px;
	height:184px;
	padding-top:5px;
	padding-left:9px;
	margin-left:8px;
	background: url(../img/box_multimidia.jpg) no-repeat top center;
	float:left;
}

#box_multimidia span {
	padding-bottom:5px;
}

#box_multimidia #img_multimidia {
	margin-top:5px;
}

#box_multimidia p a {
	display:block;
	text-align:right;
	font-size:12px;
	margin-right:12px;
	margin-top:2px;
	color:#408a8f;
	font-weight:bold;
	text-decoration:none;
}


#box_multimidia p a:hover {
	color:#FFF;
}

#box_depmaes {
	display: inline-block;
	width:283px;
	height:184px;
	padding-top:8px;
	margin-left:8px;
	background:url(../img/box_depmaes.jpg) no-repeat top center;
	float:left;
}

#box_depmaes span {
	padding-left:9px;
}

#box_depmaes a {
	text-decoration:none;
}

#box_depmaes p a {
	display:block;
	padding-top:8px;
	text-align:right;
	font-size:12px;
	margin-right:12px;
	margin-top:2px;
	color:#912f56;
	font-weight:bold;
	text-decoration:none;
}


#box_depmaes p a:hover {
	color:#FFF;
}

/************ Modal *****************/

.modal {
	background-color:#fff;
	display:none;
	width:450px;
	padding:15px;
	text-align:left;
	border:2px solid #a0d1d4;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	background: #fff;
	margin:0px;
	padding:10px 0 10px 10px;
	font-size:15px;
	color:#666;
}

.modal p {
	background: #fff;
	margin:0px;
	padding:10px 0 10px 10px;
	margin-bottom:15px;
	border-bottom:1px solid #a0d1d4;
	font-size:13px;
	color:#666;
}

#btmodal {
			width:300px;
			height:20px;
			margin-top:10px;
			font-weight:bold;
			background:#408a8f;
			color:#fff;
			border:none;
			outline:none;
		}

/* forms modal*/
	#formulario {
		margin-left:20px;
	}
	
	#envio {
		text-align:right;
	}
	
	form label {
		display:block;
		color:#000000;
	}

		form label.obrigatorio {
			padding-top:4px;
			padding-bottom:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		form label.nobrigatorio {
			padding-top:4px;
			padding-bottom:5px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}

		form input, textarea {
			width:400px;
			padding:3px;
			margin-bottom:20px;
			font-size:12px;
			border-bottom:solid 1px #408a8f;
			border-left:none;
			border-right:none;
			border-top:none;
			
		}
		.check {
			padding-top:30px;
			height:20px;
			width:20px;
		}
		
		form #mensagem {
		width:400px;
		border-bottom:solid 1px #408a8f;
		border-left:solid 1px #408a8f;
		border-right:solid 1px #408a8f;
		border-top:solid 1px #408a8f;
		}

		form #ok, form #cancel {
			width:100px;
			height:25px;
			margin-top:10px;
			font-weight:bold;
			background:#408a8f;
			color:#fff;
			border:none;
			outline:none;
		}