@charset "utf-8";

html, body {
	margin: 0 0 0 0;

	font-family:"Bitstream Vera Sans", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:18px;
	height:100%;

	background:url(../images/bg_main.jpg);

	text-align:justify;
}

a {
	outline:none;
    text-decoration:none;
}

#espaco30{
	height:30px;
}

/* ------------------------------------------------- TIPOS DE LETRA */

h1{
	font-size:36px;
	color:#c83c00;
	text-align:right;

	margin-right:10px;
	margin-top:3px;
}


h2{
	font-size:13px;
	font-weight:bold;
	color:#c83c00;
}

h3{
	font-size:22px;
	color:#c83c00;

	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:-2px;
}

h4{
	font-size:13px;
	font-weight:bold;
	color:#c83c00;

	margin-left:-2px;
	margin-bottom: 2px;
}

h5{
	font-size:15px;
	color:#c83c00;

	margin-left:-2px;
	margin-bottom: -10px;
	margin-top:2px;
}

.texto{
	line-height:21px;
}

.textolink{
	color:#666666;
	text-decoration:none;
}

.textolink:hover{
	color:#c83c00;
}

.textocorpobold{
	color:#c83c00;
	font-weight:bold;
}


/* ------------------------------------------------- SLIDESHOW EMPRESA */
.slideshow {
	width: 290px;
	height: 400px;
}

.slideshow img {
	padding: 5px;
	border: 1px solid #b6b6b6;
	background-color: #ffffff;

	/* shadow */
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
}



.slideshow img:hover {
	border: 1px solid #c83c00;
}

/* ------------------------------------------------- HEADER */
#bgheader{
	background-color:#c83c00;
	position: relative;
	z-index: 0;
}

#header{
	/*background-color:#FFDFDF;*/
	color:#FFFFFF;

	width: 100%;
	position: absolute;
	z-index: 3;
}


#barratopo {
   background:#ffffff;
   height:5px;
   /*padding:10px;*/

   /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
}

#idiomasbody {
	width:950px;
	height:115px;

	margin: 0 auto;
}

#idiomabgen {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	text-align:center;
}

#idiomabgen:hover {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}

#idiomabgenSelected {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	background:url(../images/idioma_on.png) no-repeat;
	text-align:center;
}


#idiomabges {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	margin-right:5px;
	text-align:center;
}

#idiomabges:hover {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}

#idiomabgesSelected {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	background:url(../images/idioma_on.png) no-repeat;
	text-align:center;
}

#idiomabgpt {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	margin-right:5px;
	text-align:center;
}

#idiomabgpt:hover {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}

#idiomabgptSelected {
	width:40px;
	height:20px;
	color:#FFF;
	cursor: pointer;
	float:right;
	margin-right:5px;
	background:url(../images/idioma_on.png) no-repeat;
	text-align:center;
}

#logo {
	width:145px;
	height:60px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	background:url(../images/eventservices.png) no-repeat;
    cursor:pointer;
}

#menutopo {
	float:right;
	/*margin-right:-150px;*/ /* utilizar quando tiver em espanhol */
	margin-right:-110px;
	margin-top:40px;
}

#barrabulletslideshow {
	height:20px;
	background:url(../images/bg_bullets.png);
}

#barrabulletslideshowin {
	height:10px;
	background:url(../images/bg_bulletsin.png);
}


/* ------------------------------------------------- CORPO */

#body {
	color:#666666;
	font-size:12px;
	width:950px;

	margin: 0 auto;
	margin-top:30px;
	margin-bottom:30px;

	vertical-align:top;
}


.traco{
	height:2px;
	background:url(../images/traco.jpg) repeat-x;
	vertical-align:bottom;
}

.iconservicos {
	width:70px;
	height:80px;
	background:url(../images/icons_services.png) no-repeat;
}

.footer {
	color:#6c6f70;
	font-size:11px;

	vertical-align:top;
	text-decoration:none;
}

.footer a:hover{
	color:#c83c00;
	font-size:11px;

	vertical-align:top;
	text-decoration:none;
}


/* ------------------------------------------------- SLIDESHOW HOMEPAGE */

/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	/*position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;*/

	display:block;
	width:32px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;

	z-index:10;
}

a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
	float:right;
}
a.nivo-prevNav {
	left:10px;
	float:left;
}

.nivo-prevNav {
	margin-left:15px;
	margin-top:125px;

}
.nivo-nextNav {
	margin-right:15px;
	margin-top:125px;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-32px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	/* position:relative;
	z-index:99;
	cursor:pointer; */

	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;

	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position:-10px 0;
}



#slider {
	position:relative;
	/* see the "style-pack" below for image */
	background:url(../images/loading.gif) no-repeat 50% 50%;

	/* shadow */
	-moz-box-shadow: 0px 0px 10px #444;
	-webkit-box-shadow: 0px 0px 10px #444;
	box-shadow: 0px 0px 10px #444;

	z-index:10;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a{
	display:block;
	border:0;
}

#slider .nivo-controlNav img {
	display:inline;
	position:relative;
}

/* ------------------------------------------------- MENU TOPO */

	#lava a {
		text-decoration:none;
    font-size:11pt;
    line-height:2.2em;
    color:#fff7ec;
    }

	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative;
		text-align:center;
		width:700px;
		height:40px;
	}

	#lava ul {
		/* remove the list style and spaces*/
		margin:0;
		padding:0;
		list-style:none;
		display:inline;

		/* position absolute so that z-index can be defined */
		position:absolute;

		/* center the menu, depend on the width of you menu*/
		left:110px;
		top:0;

		/* should be higher than #box */
		z-index:100;
	}

	#lava ul li {

		/* give some spaces between the list items */
		margin:0 20px;

		/* display the list item in single row */
		float:left;
	}

	#lava #box {
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute;
		left:0;
		top:0;

		/* should be lower than the list menu */
		z-index:50;

		/* image of the right rounded corner
		background:#ccc;
		height:20px;*/

		/* add padding 8px so that the tail would appear */
		padding-right:8px;

		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-5px;
		margin-top:27px;

		/* for IE */
		filter:alpha(opacity=40);
		/* CSS3 standard */
		opacity:0.4;
	}

	#lava #box .head {
		/* image of the left rounded corner */
		background:#7d150b;
		height:2px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}

/* ------------------------------------------------- FORMULARIOS */

input[type=text] {
	font-family:"Bitstream Vera Sans", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#555;
	width:300px;

	padding: 7px;
	border: 5px solid #dddddd;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom:15px;

	/* shadow */
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;

	margin-top:5px;
}

input:focus {
	outline: none;
}

textarea {
	font-family:"Bitstream Vera Sans", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#333;
	padding: 7px;
	border: 5px solid #dddddd;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom:15px;
	/* shadow */
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
	margin-top:5px;
	width: 400px;
	height: 60px;
    resize: none;
	outline:none;
}

input[type=submit] {
	padding: 7px;
	border: 2px solid #ffffff;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	background-color:#C30;
	color:#FFF;

	/* shadow */
	-moz-box-shadow: 0px 0px 8px #bbb;
	-webkit-box-shadow: 0px 0px 8px #bbb;
	box-shadow: 0px 0px 8px #bbb;
}
.error
{
    color:red;
    font-weight:bold;
}

/* ------------------------------------------------- MENU LATERAL GALERIA */
#espaco5{
	height:5px;
	}

.dropmenu{
	padding:0;
	margin-top:0px;
}

.dropmenu li{
	 list-style: none;
	 width:180px;
}

#textomgaleria{
	padding-top:9px;
	padding-left:15px;
	color:#FFFFFF;

	font-size:14px;
	text-decoration:none;
}

#textomgaleria2{
	padding-top:9px;
	padding-left:15px;
	color:#FFFFFF;

	font-size:14px;
	text-decoration:none;
}

#menugaleria{
	background-image:url(../images/bg_mgaleria_off.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:35px;

	/*padding-top:8px;
	padding-left:15px;*/

	vertical-align:middle;
	cursor:pointer;

}

#menugaleria:hover{
	background-image:url(../images/bg_mgaleria_on.png);
}


#eventos{
	background-color:#fff;
	width:165px;
	height:25px;
	padding-top:7px;
	padding-left:15px;
	margin-top:0px;
	border-top:1px dotted #666;
	color:#666666;
    cursor:pointer;
}

#eventos.on{
    color:#ffffff;
	background-color:#c83c00;
	border-top:1px dotted #ffffff;
}

#eventos:hover{
	color:#ffffff;
	background-color:#c83c00;
	border-top:1px dotted #ffffff;
}

.eventos1{
	background-color:#fff;
	width:165px;
	height:30px;
	padding-top:7px;
	padding-left:15px;
	border-top:1px dotted #666;
	color:#666666;
}

.eventos.on
{
    height:35px;
	background-color:#c83c00;
}

.eventos1:hover{
	height:35px;
	background-color:#c83c00;
}

#menuarquivo{
	background-image:url(../images/ad_scroll_bottom.png);
	background-position:right;
	background-repeat:no-repeat;

	height:25px;
	padding-left:15px;
	padding-top:6px;

	color:#666666;

	background-color:#fff;
	border-bottom:1px dotted #666;
}
/*
#menuarquivo:hover{
	color:#FFF;
	background-color:#c83c00;
}*/


/* ------------------------------------------------- APRESENTACAO SERVICOS */


.accordion{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.accordion, .accordion *{
	margin:0;
	padding:0;
	list-style-type: none;

}

.riscoaccordion{
	border-left: 1px solid #ccc;

}
.active{
	background:#f0f;
}
.accordion li{
	cursor:pointer;
}
.accordion .active_click{
	cursor:pointer;
}
.servicosBox{
    width: 310px;
    height: 405px;
    background-color: rgba(255, 255, 255, 0.5);
    border-style:solid;
    border-width:1px;
    border-color: #c0c0c0;
    text-align:center;
    vertical-align:top;
    padding:10px;
    margin:5px;
}
.servicosBoxText{
    text-align:justify;
}
