@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{

}

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;
}

.textolink{
	color:#666666;
	text-decoration:none;
}

.textolink:hover{
	color:#c83c00;
}

.textocorpobold{
	color:#c83c00;
	font-weight:bold;
}

/* ------------------------------------------------- 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:105px;
	margin: 0 auto;
}

#idiomabgen {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	/*margin-right:10px;*/
	margin-right:5px;
	text-align:center;
}

#idiomabgen:hover {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}


#idiomabges {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	margin-right:5px;
	text-align:center;
}

#idiomabges:hover {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}

#idiomabgpt {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	margin-right:5px;
	text-align:center;
}

#idiomabgpt:hover {
	width:40px;
	height:20px;
	color:#FFF;

	float:right;
	background:url(../images/idioma_on.png) no-repeat;
}

#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);
}


/* ------------------------------------------------- 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;
}

.iconnews{
	width:70px;
	height:80px;
	background:url(../images/icons_news.png) no-repeat;
}

.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;
}

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;

	height:300px;
   width:950px;
   margin: 0 auto;
   margin-bottom:20px;

}

#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;
    cursor:pointer;
    /* 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;
}


/* ------------------------------------------------- SLIDESHOW HOME GALERIA */
.slideshowhomeg {
	width: 470px;
	height: 135px;
}

.slideshowhomeg 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;
}

.slideshowhomeg img:hover {
	border: 1px solid #c83c00;
}