/*
Theme Name: Sebrae | Delegação do RJ EXPOCOMER Panamá
Theme URI: http://www.ape1001.com.br/
Description: Tema desenvolvido por Ape1001
Author: Rafael Forcadell
Author URI: http://www.rafaelforcadell.com.br
Version: 1.0
*/

/*
Roboto:400,300,700,900|Roboto+Condensed:400,300,700|Raleway:400,900
*/

@font-face {
     font-family: 'Roboto';
     src: url('fonts/Roboto/Roboto-Light.eot');
     src: url('fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto/Roboto-Light.woff') format('woff'),
          url('fonts/Roboto/Roboto-Light.ttf') format('truetype'),
          url('fonts/Roboto/Roboto-Light.svg#Roboto-Light') format('svg');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'Roboto';
     src: url('fonts/Roboto/Roboto-Regular.eot');
     src: url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto/Roboto-Regular.woff') format('woff'),
          url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
          url('fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'Roboto';
     src: url('fonts/Roboto/Roboto-Bold.eot');
     src: url('fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto/Roboto-Bold.woff') format('woff'),
          url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
          url('fonts/Roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'Roboto';
     src: url('fonts/Roboto/Roboto-Black.eot');
     src: url('fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto/Roboto-Black.woff') format('woff'),
          url('fonts/Roboto/Roboto-Black.ttf') format('truetype'),
          url('fonts/Roboto/Roboto-Black.svg#Roboto-Black') format('svg');
     font-weight: 900;
     font-style: normal;
}

@font-face {
     font-family: 'Roboto Condensed';
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.eot');
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Light.woff') format('woff'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Light.ttf') format('truetype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Light.svg#RobotoCondensedLight') format('svg');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'Roboto Condensed';
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.eot');
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Regular.woff') format('woff'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Regular.svg#RobotoCondensedRegular') format('svg');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'Roboto Condensed';
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.eot');
     src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Bold.woff') format('woff'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype'),
          url('fonts/Roboto_Condensed/RobotoCondensed-Bold.svg#RobotoCondensedBold') format('svg');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'Raleway';
     src: url('fonts/Raleway/Raleway-Regular.eot');
     src: url('fonts/Raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/Raleway/Raleway-Regular.woff') format('woff'),
          url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'),
          url('fonts/Raleway/Raleway-Regular.svg#Raleway') format('svg');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'Raleway';
     src: url('fonts/Raleway/Raleway-ExtraBold.eot');
     src: url('fonts/Raleway/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
          url('fonts/Raleway/Raleway-ExtraBold.woff') format('woff'),
          url('fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'),
          url('fonts/Raleway/Raleway-ExtraBold.svg#RalewayExtraBold') format('svg');
     font-weight: 900;
     font-style: normal;
}

html { overflow-y: -moz-scrollbars-vertical; overflow-y: scroll; }
body { 
	margin:0; 
	font-family:'Roboto', Arial, Helvetica, sans-serif; 
	font-weight:300;
	line-height:20px; 
	font-size:14px;
	color:#000;
}

*:focus { outline:none; }

*::selection {
	background:#ffdd14; /* Safari */
	}
*::-moz-selection {
	background:#ffdd14; /* Firefox */
}



img { border:0; }

.fundo { position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:url(imagens/fundo.jpg) center center; background-size:100% auto; }

.azul { background:#005cab; }

.centralizar { position:relative; top:0; left:50%; width:940px; margin:0 0 0 -470px; }

.inicio { position:relative; z-index:2; top:0; left:50%; clear:both; float:left; width:940px; height:620px; margin:50px 0 0 -470px; text-align:center; }

	.inicio h1 { float:left; background:url(imagens/inicio-expocomer.png); width:700px; height:170px; text-indent:-9999px; }
	.inicio h2 { clear:both; float:left; margin:0 120px 10px 120px; padding:40px 100px 40px 100px; width:500px; background:url(imagens/inicio-multiply.png) top left repeat-x; font-size:13px; line-height:24px; color:#fff; font-weight:700; }
	.inicio .azul { clear:both; float:left; margin:0 120px 30px 120px; padding:25px 50px 25px 50px; width:600px; color:#fff; }
		.inicio .azul .nav { clear:both; float:left; width:600px; height:20px; margin:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:15px; }
		.inicio .azul .nav a { text-transform:uppercase; text-decoration:none; }
		.inicio .azul .nav a:link { color:#fff; }     
		.inicio .azul .nav a:visited { color:#fff; }  
		.inicio .azul .nav a:hover { color:#f05929; }  
		.inicio .azul .nav a:active { color:#fff; }
		.inicio .azul p { clear:both; float:left; width:600px; height:20px; margin:10px 0 0 0; font-size:16px; font-weight:900; }
		.inicio .azul p a { text-decoration:none; }
		.inicio .azul p a:link { color:#fff; }     
		.inicio .azul p a:visited { color:#fff; }  
		.inicio .azul p a:hover { color:#ffdd14; }  
		.inicio .azul p a:active { color:#fff; }
	.inicio .redes_sociais { clear:both; float:left; margin:0 365px 0 365px; padding:0 50px 0 50px; width:110px; height:40px; color:#fff; }
		.inicio .redes_sociais .twitter { display:block; float:left; width:45px; height:40px; margin-right:10px; background:url(imagens/twitter.png); text-decoration:none; text-indent:-9999px; }
		.inicio .redes_sociais .twitter:link {  }     
		.inicio .redes_sociais .twitter:visited {  }  
		.inicio .redes_sociais .twitter:hover {  }  
		.inicio .redes_sociais .twitter:active {  }
		.inicio .redes_sociais .facebook { display:block; float:left; width:45px; height:40px; margin-left:10px; background:url(imagens/facebook.png); text-decoration:none; text-indent:-9999px; }
	
.inicio-rodape { position:relative; z-index:2; top:0; left:0; clear:both; float:left; width:100%; height:120px; margin:0 0 100px 0; text-align:center; background:#fff; }
.inicio-rodape img { margin:10px 20px 0 20px; }

.conteudo-topo { clear:both; float:left; position:relative; z-index:3; top:10px; left:0; width:100%; }
	.conteudo-topo .azul { margin:0 10px 0 10px; height:130px; }
	.conteudo-topo .voltar-inicio { position:absolute; top:15px; left:0; }
	.conteudo-topo .nav { position:absolute; top:85px; left:105px; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:15px; color:#fff; }
		.conteudo-topo .nav a { text-transform:uppercase; text-decoration:none; }
		.conteudo-topo .nav a:link { color:#fff; }     
		.conteudo-topo .nav a:visited { color:#fff; }  
		.conteudo-topo .nav a:hover { color:#f05929; }  
		.conteudo-topo .nav a:active { color:#fff; }
		.conteudo-topo .nav .selecionado { color:#f05929 !important; }
	.conteudo-topo .conquista { position:absolute; top:0; right:0; }

.conteudo { clear:both; float:left; position:relative; z-index:2; top:20px; left:0; width:100%; margin:0 0 10px 0; padding:100px 0 100px 0; background:#fff; }

.conteudo-rodape { clear:both; float:left; position:relative; z-index:2; top:20px; left:0; width:100%; padding:0 0 10px 0; }
	.conteudo-rodape .azul { margin:0 10px 0 10px; height:130px; }
	.conteudo-rodape .redes_sociais { clear:both; float:right; margin:30px 20px 0 0; padding:0; width:110px; height:40px; color:#fff; }
		.conteudo-rodape .redes_sociais .twitter { display:block; float:left; width:45px; height:40px; margin-right:10px; background:url(imagens/twitter.png); text-decoration:none; text-indent:-9999px; }
		.conteudo-rodape .redes_sociais .twitter:link {  }     
		.conteudo-rodape .redes_sociais .twitter:visited {  }  
		.conteudo-rodape .redes_sociais .twitter:hover {  }  
		.conteudo-rodape .redes_sociais .twitter:active {  }
		.conteudo-rodape .redes_sociais .facebook { display:block; float:left; width:45px; height:40px; margin-left:10px; background:url(imagens/facebook.png); text-decoration:none; text-indent:-9999px; }
		.conteudo-rodape p { clear:both; float:right; margin:10px 20px 0 0; font-size:16px; font-weight:900; color:#fff; }
		.conteudo-rodape p a { text-decoration:none; }
		.conteudo-rodape p a:link { color:#fff; }     
		.conteudo-rodape p a:visited { color:#fff; }  
		.conteudo-rodape p a:hover { color:#ffdd14; }  
		.conteudo-rodape p a:active { color:#fff; }
		
#proposta-sebrae img { position:absolute; top:0; left:30px; }
#proposta-sebrae p { margin:0 20px 15px 430px; }

#agencia-de-viagens .agencia { position:absolute; top:0; left:30px; width:350px; text-align:right; }
	#agencia-de-viagens .agencia h2 { font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:900; font-size:24px; color:#005cab; margin:0 0 10px 0; }
	#agencia-de-viagens .agencia h3 { font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; color:#bf1f2e; margin:0 0 10px 0; text-transform:uppercase; }
	
#agencia-de-viagens p { margin:0 20px 15px 430px; }

#programacao .pagina { clear:both; float:left; width:920px; margin:0 0 30px 20px; }
#programacao .pagina .coluna { width:180px; float:left; display:block; margin:0 15px 0 30px; }
#programacao .pagina .coluna h2 { clear:both; float:left; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; color:#bf1f2e; margin:10px 0 15px 0; text-transform:uppercase; }
#programacao .pagina .coluna h3 { clear:both; float:left; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:900; font-size:26px; color:#005cab; margin:0 0 5px 0; letter-spacing:-0.05em; }
#programacao .pagina .coluna h4 { clear:both; float:left; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; color:#000; margin:0; line-height:10px; }
#programacao .pagina .coluna h5 { clear:both; float:left; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; font-weight:700; font-size:13px; color:#005cab; margin:-10px 0 15px 0; text-transform:uppercase; line-height:17px; }
#programacao .pagina .coluna p { clear:both; float:left; }

#inscricoes form { clear:both; float:left; width:860px; margin:0 0 30px 30px; }
#inscricoes h2 { clear:both; float:left; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:900; font-size:21px; color:#005cab; margin:30px 0 5px 0; text-transform:uppercase; }
#inscricoes label, #inscricoes input[type="text"] { clear:both; float:left; }
#inscricoes label { font-weight:700; font-size:12px; margin:7px 0 0 0; }
#inscricoes input[type="text"] { width:100%; border:0; background:#f9fcf6; font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:300; line-height:20px; font-size:16px; color:#000; padding:5px 5px 5px 0; 
	-webkit-box-shadow:inset -3px -3px 6px 0 rgba(0,0,0,0.4);
	box-shadow:inset -3px -3px 6px 0 rgba(0,0,0,0.4);
}
#inscricoes .campoRotulo { clear:both; float:left; font-weight:700; font-size:12px; margin:7px 0 0 0; }
#inscricoes .campoRadio { clear:none !important; float:left; font-weight:400; font-size:14px; margin:0 10px 0 0; display:block; }
#submitInscricao { background:#005cab; margin:50px 0 50px 0; padding:20px 25px 20px 25px; border:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-size:18px; font-weight:900; color:#fff; text-transform:uppercase; cursor:pointer; }
#submitInscricao:hover { background-color:#f05929; }

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(imagens/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(imagens/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(imagens/select.png) no-repeat;
	overflow: hidden;
}