/*NOVO VISUAL*/
@font-face {
	font-family: 'Conv_ToyotaText_Rg';
	src: url('interface/fonts/ToyotaText_Rg.eot');
	src: local('☺'), 
		url('interface/fonts/ToyotaText_Rg.eot?#iefix') format('embedded-opentype'),
		url('interface/fonts/ToyotaText_Rg.woff') format('woff'), 
		url('interface/fonts/ToyotaText_Rg.ttf') format('truetype'), 
		url('interface/fonts/ToyotaText_Rg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {border:0; font-family:'Conv_ToyotaText_Rg', Verdana, Arial; font-size:12px; color:#000; background-color:#FFF;}

* {}

a:link{text-decoration:none; color:#7F9FB2; border:0px;} 
a:visited {text-decoration:underline; color:#7F9FB2;}
a:hover {text-decoration:underline; color:#F99D1E;}
a:active {text-decoration:none; color:#7F9FB2;}
a img {border-width:0; border:0px solid; border-style:none;}


#barra_logo {width:1000px; height:150px; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto;}

#barra_busca {width:1000px; height:30px; margin-top:10px; margin-left:auto; margin-right:auto; font-size:12px; text-align:right;}

#barra_menu {width:1000px; height:32px; margin-top:10px; margin-left:auto; margin-right:auto; font-size:11px; border-bottom:solid 1px #EEE; border-top:solid 1px #EEE;}


#barra_menu ul {list-style-type:none; margin:0px auto; padding: 0px;}
#barra_menu li {float:left; margin: 0; position: relative;}
#barra_menu li a {display:block; padding:7px 15px 8px 15px; border-right:1px solid #FFF; color:#000; text-decoration:none;}
#barra_menu li a:hover {background-color: #F99D1E; color:#FFF;}

#barra_menu ul li {
	position: relative;
	float:left;
	}
	
#barra_menu li ul {
	position: absolute;
	left: 35px; /* Set 1px less than menu width */
	display: none;
	}

#barra_menu ul li a {
	display: block;
	}
	
#barra_menu ul li ul li a {
	display: block;
	text-decoration: none;
	background-color:#FFF;
	padding:15px;
	text-align:left;
	border:1px solid #EEE;
	width:100px;
	}

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#barra_msg_1 {width:760px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #1A6600; background-color:#CFFFBF; color:#1A6600; margin-bottom:15px;}
#barra_msg_2 {width:760px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #FF0000; background-color:#FFCFBF; color:#FF0000; margin-bottom:15px;}
#barra_msg_3 {width:760px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #FF9326; background-color:#FFEFBF; color:#FF9326; margin-bottom:15px;}

		
#barra_menu li:hover ul { display: block; } /*  The magic */


#barra_msg_contato_1 {width:340px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #1A6600; background-color:#CFFFBF; color:#1A6600; margin-bottom:15px;}
#barra_msg_contato_2 {width:340px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #FF0000; background-color:#FFCFBF; color:#FF0000; margin-bottom:15px;}
#barra_msg_contato_3 {width:340px; height:50px;line-height: 50px;font-weight:bold;font-size:14px; margin:auto; text-align:center; clear: both; border:solid 1px #FF9326; background-color:#FFEFBF; color:#FF9326; margin-bottom:15px;}


#corpo {width:1000px; margin-left:auto; margin-right:auto;}

#barra_lateral {width:200px; margin-top:10px; margin-bottom:10px; margin-right:20px; float:left;}

#conteudo {width:780px; margin-top:10px; margin-bottom:10px; float:left;}
#conteudo ul {list-style-type:none;}
#conteudo li {float:left; margin: 0;}
#conteudo li a {display:block; padding:7px 15px 8px 15px; border-right:1px solid #FFF; color:#FFF; background-color: #F99D1E; text-decoration:none;}
#conteudo li a:hover {background-color: #F99D1E; color:#FFF;}

#home_noticias {width:380px; margin-top:10px; margin-bottom:10px; float:left;}
#home_noticias img {border:1px solid #EEEEEE; margin:5px; padding:5px;}

#home_mural{width:380px; margin-top:10px; margin-bottom:10px; }

#home_banner_pequeno {width:380px; margin-top:10px; margin-bottom:10px;}

#home_banner_grande {width:660px; height:300px; margin-top:10px; margin-bottom:10px; float:left;}

#home_eventos {width:320px; margin-right:20px; margin-top:10px; margin-bottom:10px; float:left;}

#conteudo_noticias {width:780px; margin-top:10px; margin-bottom:10px; float:left;}
#conteudo_noticias a:link{text-decoration:none; color:#000; border:0px;} 
#conteudo_noticias a:visited {text-decoration:none; color:#000;}
#conteudo_noticias a:hover {text-decoration:none; color:#F89D1B;}
#conteudo_noticias a:active {text-decoration:none; color:#000;}
#conteudo_noticias img {border:1px solid #EEEEEE; margin:5px; padding:5px;}

#conteudo_galeria {width:780px; margin-top:10px; margin-bottom:10px; float:left;}
#conteudo_galeria a:link{text-decoration:none; color:#000; border:0px;} 
#conteudo_galeria a:visited {text-decoration:none; color:#000;}
#conteudo_galeria a:hover {text-decoration:none; color:#F89D1B;}
#conteudo_galeria a:active {text-decoration:none; color:#000;}
#conteudo_galeria img {border:1px solid #EEEEEE; margin:5px; padding:5px;}

#conteudo_eventos {width:780px; margin-top:10px; margin-bottom:10px; float:left;}
#conteudo_eventos a:link{text-decoration:none; color:#000; border:0px;} 
#conteudo_eventos a:visited {text-decoration:none; color:#000;}
#conteudo_eventos a:hover {text-decoration:none; color:#F89D1B;}
#conteudo_eventos a:active {text-decoration:none; color:#000;}
#conteudo_eventos img {border:1px solid #EEEEEE; margin:5px; padding:5px;}

#conteudo_eventos_1 {width:960px; margin-top:10px; margin-bottom:10px; padding-left:20px; padding-right:20px; float:left;}
#conteudo_eventos_1 a:link{text-decoration:none; color:#000; border:0px;} 
#conteudo_eventos_1 a:visited {text-decoration:none; color:#000;}
#conteudo_eventos_1 a:hover {text-decoration:none; color:#F89D1B;}
#conteudo_eventos_1 a:active {text-decoration:none; color:#000;}
#conteudo_eventos_1 img {border:1px solid #EEEEEE; margin:5px; padding:5px;}





#barra_rodape {width:100%; height:100%; padding-bottom:15px; padding-top:15px; font-family:'Conv_ToyotaText_Rg', Verdana, Arial; font-size:9px; color:#999999; text-align:center;}

#linha_full {width:100%; margin:10px 0px; height:1px; background-color:#EEE; clear:both;}
#linha_conteudo {width:1000px; margin:10px 0px; height:1px; background-color:#EEE; clear:both;}
#linha_barra_lateral {width:200px; margin:10px 0px; height:1px; background-color:#EEE; clear:both;}


.titulo_pagina {font-size:20px; color:#7FA0B6; font-weight:bold; text-transform:uppercase;}

.titulo {font-size:14px; color:#7FA0B6; font-weight:bold; text-align:center; text-transform:uppercase;}





/*ABRE ESTILO DOS FORMULARIOS*/
.busca_portal input,.busca_portal select,.busca_portal textarea {height:21px; border:1px solid #F99D1E; padding:4px; margin:0px; margin-top:0px; margin-left:700px;  background-color:#FFF; font-family:'Conv_ToyotaText_Rg', Arial; float:left;
}
.busca_portal .submit {width:31px; height:31px; border:0px; background-color:#F99D1E; color:#FFF; text-decoration:none; padding:4px; margin-left:0px; cursor:pointer; background-image:url(interface/imagens/img_botao_busca.png); float:left;
}


.formulario fieldset {margin-top: 20px; padding: 15px; border: 1px solid #B5B8C8;}
.formulario legend {font-size: 12px; color: #15428B; font-weight: 900;}
.formulario fieldset label {float: none; text-align: inherit; width: auto;}
.formulario label span {color: #000;}

.formulario input,.formulario select,.formulario textarea {font-family:'Conv_ToyotaText_Rg', Arial; border: 1px solid #F99D1E; padding: 4px; margin:10px; background-color:#FFF;}
.formulario .text-input {width: 250px; font-family:'Conv_ToyotaText_Rg', Arial; color: #555; margin-left:0px; padding:4px; border: 1px solid #F99D1E; font-size: 14px; margin-top: 4px; background: #FFF;}
.formulario textarea {width: 250px; font-family:'Conv_ToyotaText_Rg', Arial; font-size:12px; margin-left:0px; padding:4px; border:1px solid #F99D1E; background: #FFF;}

.formulario .infos {background: #FFF; color: #333; font-size: 12px; padding: 10px; margin-bottom: 10px;}
.formulario span.checkbox,.formulario .checkbox {display: inline;}

.formulario .submit {border: 0px; background-color:#F99D1E; color:#FFF; padding: 4px; text-decoration: none; cursor: pointer;}
.formulario hr {clear: both; visibility: hidden;}
.formulario .fc-error {color: 555; padding: 4px; border: 1px solid #B5B8C8; font-size: 12px; margin-bottom: 15px; background: #FFEAEA;}
label.error {display: block; color: red; font-style: italic; font-weight: normal;}
input.error {border: 1px solid red;}
/*FECHA DO ESTILO DOS FORMULARIOS*/

/* Style the Image Used to Trigger the Modal */
#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
  }
  
  #myImg:hover {opacity: 0.7;}
  
  /* The Modal (background) */
  .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (Image) */
  .modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
  }
  
  /* Caption of Modal Image (Image Text) - Same Width as the Image */
  #caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
  }
  
  /* Add Animation - Zoom in the Modal */
  .modal-content, #caption {
	animation-name: zoom;
	animation-duration: 0.6s;
  }
  
  @keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
	.modal-content {
	  width: 100%;
	}
  }