@import "reset.css";
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);

/* Global properties ======================================================== */
html {width:100%}

body {
  font-family:"Trebuchet MS", sans-serif;
  font-size:14px;
  line-height:22px;
  color:#FFFFFF;
  -webkit-text-size-adjust: none;
  top:0;
  left:0;
  overflow:auto;
}

.bg {
  background:#000000;
}

.bg_popup {
  background:#FFF;
}

#container {
	min-width:1366px;
	min-height:776px;
	background:url(../img/bg-1366.jpg) no-repeat top center;
}

#info { position:absolute; width:230px; height:50px; top:620px; left:50%; margin-left:102px; border:none;}
#info img {width:230px; height:50px; border:none;}

.grid {width: 460px;}

.prefix {padding:10px;}

/*================================>> H <<========================================*/
h2,h3,h4{
  font-weight:normal;
}
h2{
  font-size: 25px;
  line-height: 30px;
  color:#305899;
  font-weight: 300;
  margin-bottom:24px;
}

h3, h3 a{
  font-size: 14px;
  line-height: 19px;
  color:#4c4c4c;
  text-transform: uppercase;
  margin-bottom: 2px;
}
/*================================>> GOOGLE FONTS  <<========================================*/
.button, h2 {font-family:Oxygen, sans-serif;}

/*==================================== Links ======================================================== */
a {
  color:#b1b0b0;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#6ba0c6;
  text-decoration:none;
}

.button{
  display:inline-block;
  padding:11px 13px 12px 15px;
  margin: 0 0 0 0;
  font-size: 16px;
  line-height: 19px;
  color:#ffffff;
  background: #203A67;
  font-weight: 300;
  text-transform: uppercase;
 }
.button span{background: url('../img/arrow_btn.png') no-repeat;display: inline-block;width: 6px;height: 11px;margin: 4px 0 0 13px;}
.button:hover{
  background:#30589A;
  color:#fff;
}

/* FORMULÁRIO DE INSCRIÇÃO */
#form      {padding:20px; font-family:Oxygen; font-size:13px; color:#666666;}
#form h2   {font-family:Oxygen; font-size:20px; color:#0E5432;}
#form form {margin:25px 0 0 0;}
.input     {width:420px; border:solid 1px #DADADA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px; margin:0 0 6px 0; font-family:Oxygen; font-size:15px; color:#666666;}
.success   {margin:35% 0 0 0; text-align:center; font-size:20px;}
.enviar    {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:10px 20px; color:#FFFFFF; font-family:Oxygen; font-size:20px; background-image: linear-gradient(to bottom, #6DB899, #0E5432); border:none; text-shadow:1px 1px #000; cursor:pointer;}
/* FIM FORMULÁRIO DE INSCRIÇÃO */


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1366px) {
	#container {
		min-width:1161px;
		min-height:650px;
		background:url(../img/bg-1161.jpg) no-repeat top center;
	}
	
	#info { position:absolute; width:195px; height:43px; top:527px; left:50%; margin-left:87px; border:none;}
	#info img { width:195px; height:43px; border:none; }
	
	.grid {width: 460px;}
	.prefix {padding:10px;}
}

@media only screen and (max-width: 1280px) {
	#container {
		min-width:1024px;
		min-height:659px;
		background:url(../img/bg-1024.jpg) no-repeat top center;
	}
	
	#info {position:absolute; width:195px; height:43px; top:528px; left:50%; margin-left:85px; border:none;}
	#info img {width:195px; height:43px; border:none;}
	
	.grid {width: 460px;}
	.prefix {padding:10px;}
}

@media only screen and (max-width: 995px) {
	#container {
		min-width:768px;
		min-height:492px;
		background:url(../img/bg-800.jpg) no-repeat top center;
	}
	
	#info { position:absolute; width:160px; height:35px; top:410px; left:50%; margin-left:65px; border:none;}
	#info img {width:160px; height:35px; border:none;}
	
	.grid {width: 460px; background:#FFFFFF;}
	.prefix {padding:10px;}
}