/* Fontes Importadas */
@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Open+Sans:300,400,600,700,800|Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700,900');
	/* font-family: 'Karla', sans-serif; */
	/* font-family: 'Roboto', sans-serif; */
	/* font-family: 'Roboto Condensed', sans-serif; */
	/* font-family: 'Open Sans', sans-serif; */

*{
outline-style: none;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
}

input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

/* Configuração do Corpo */
html,body{width:100%;height:100%;margin:0;}

/* Títulos Principais */
h1{
	width:95%;
	margin:auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:28px;
	margin-top:-70px;
	text-align:left;
	color:#16557c;
	background: -webkit-linear-gradient(#16557c, #5086a8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Conteúdo da Página */
#conteudo{
	width:100%;
	max-width:700px;
	height:auto;
	margin:auto;
	padding:0 0 100px 0;
	text-align:center;
	-webkit-box-shadow: 0px -1px 21px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 21px -4px rgba(0,0,0,0.75);
	box-shadow: 0px -1px 21px -4px rgba(0,0,0,0.75);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#conteudo:hover{
	-webkit-box-shadow: 0px -5px 56px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -5px 56px -9px rgba(0,0,0,0.75);
	box-shadow: 0px -5px 56px -9px rgba(0,0,0,0.75);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

	/* Cabeçalho */
	#conteudo .header{
		width:100%;
		height:auto;
		margin:auto;
		text-align:center;
	}

		/* Imagem do Evento */
		#conteudo .header img{
			width:100%;
		}

	/* Botão MarqueJá */
	#conteudo .marqueja{
		width:100%;
	}
	.btn {
	  position: relative;
	  display: block;
	  width:80%;
	  max-width: 500px;
	  margin: 20px auto;
	  padding: 10px;
	  background-color: #f7f7f7;
	  border: 1px solid #ccc;
	  color: #000;
	  text-align: center;
	  text-decoration: none;
	  text-transform: uppercase;
	  transform-style: flat;
	  transition: all 250ms ease-out;
	}
	.btn:before, .btn:after {
	  content: "";
	  position: absolute;
	  z-index: -2;
	  transition: all 250ms ease-out;
	}
	.paper {
	  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
	  border-color: #dedede;
	}
	.paper-raise-flatten {
	  border-color: #fff;
	  box-shadow: none;
	}
	.paper-raise-flatten:before {
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
	}
	.paper-raise-flatten:hover {
	  border-color: #dedede;
	}
	.paper-raise-flatten:hover:before {
	  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
	}
		#conteudo .marqueja a{
			border-radius:4px;
			border:0;
			font-family: 'Karla', sans-serif;
			text-transform:uppercase;
			font-size:20px;
			color:#444;
		}

		#conteudo .marqueja i{
			font-size:18px;
		}

	/* Menu de Opções */
	#conteudo .menuop{
		width:100%;
		height:20px;
		margin:auto;
		margin-top:5px;
	}

		/* Itens do Menu */
		#conteudo .menuop .item{
			float:left;
			display:inline-block;
			width:calc(33.33% - 1px);
			height:80px;
			max-height:80px;
			text-align:center;
			padding:10px 0 20px 0;
			border-right:1px solid #eee;
		}

			/* Link do Item */
			#conteudo .menuop a{
				position: relative;
				width: 100%;
				height: 110px;
				z-index: 999;
				text-decoration:none;
			}

			/* Imagem do Item */
			#conteudo .menuop .item svg{
				width:auto;
				height:40px;
				fill:#16557c;
			}

			/* Texto do Item */
			#conteudo .menuop .item label{
				display:inline-block;
				width:100%;
				height:auto;
				text-transform:uppercase;
				font-size:13px;
				font-family: 'Roboto', sans-serif;
				font-weight: 600;
				color: #16557c;
				line-height:14px;
			}

	/* Sepaarador de Conteúdos */
	#conteudo .cutdiv{
		position:relative;
		width:100%;
		height:100px;
	}
	#conteudo .cutdiv hr.cut { 
		position:relative;
		top:25px;
		border-top: 1px dashed #ddd;
	} 

	/* Informação do Evento */
	#conteudo .info{
		position:relative;
		width:90%;
		height:auto;
		margin:auto;
		top:20px;
	}

		/* Títulos */
		#conteudo .info h2 {
		  font-family: 'Open Sans', sans-serif;
		  font-size: 20px;
		  font-weight:600;
		  margin-top: 30px;
		  text-align: center;
		  text-transform: uppercase;
		  color:#333;
		}

		/* Separador do Título */
		#conteudo .info hr{
			border: 0; 
			height: 1px; 
			background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			margin-top:-11px;
		}

		/* Texto de Informação */
		#conteudo .info article {
			width:90%;
			margin:auto;
			font-family: 'Open Sans', sans-serif;
			font-size:17px;
			text-align:center;
			font-weight:400;
		}

		/* Texto Especial */
		#conteudo .info article font.special{
			font-weight:700;
			color:#254a84;
		}

	/* Parágrafos de Notificação */
	p.notification{
		font-family: 'Roboto', sans-serif;
		font-weight:600;
		font-size:13px;
		text-transform:uppercase;
	}

	/* Input's */
	#conteudo .info .input{
		position:relative;
		width:95%;
		height:70px;
		margin:auto;
		text-align:left;
	}
	#conteudo .info .input label{
		font-family: 'Karla', sans-serif;
		font-size:18px;
		font-weight:800;
		color:#555;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		background-color:#ffffff;
	}
	#conteudo .info .input label.checkbox-custom-label{
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
		font-weight:600;
		line-height:30px;
		color:#555;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		background-color:#ffffff;
	}
	#conteudo .info .input input{
		width:calc(100%);
		font-family: 'Open Sans', sans-serif;
		font-size:17px;
		padding:10px;
		border:1px solid #ffffff;
		border-bottom:1px solid #aaa;
		background-color:#ffffff;
	}
	#conteudo .info .input textarea{
		width:calc(100%);
		height:180px;
		font-family: 'Open Sans', sans-serif;
		font-size:17px;
		padding:10px;
		border:1px solid #aaa;
        resize: none;
		background-color:#ffffff;
		border-top:2px solid #fff;
	}
	#conteudo .info .input select{
		width:calc(100%);
		font-family: 'Open Sans', sans-serif;
		font-size:17px;
		padding:10px;
		border:1px solid #ffffff;
		border-bottom:1px solid #aaa;
		background-color:#ffffff;
	}
	#conteudo .info .input button{
		width:100%;
		font-family: 'Roboto', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#254a84;
		border:0;
		padding:10px 0;
		border-radius:4px;
		box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		background-color:#fefefe;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
	}
	#conteudo .info .input button:hover{
		cursor:pointer;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.checkbox-custom, .radio-custom {
        opacity: 0;
        position: absolute;
        font-family: 'Open Sans', sans-serif;
        font-size:12px;   
    }
    
    .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
    }
    
    .checkbox-custom-label, .radio-custom-label {
        position: relative;
    }
    
    .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
        content: '';
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding: 2px;
        margin-right: 10px;
        text-align: center;
    }
    .radio-custom + .radio-custom-label:before {
        border-radius: 50%;
    }
    
    .radio-custom:checked + .radio-custom-label:before {
        background: #ccc;
        box-shadow: inset 0px 0px 0px 4px #fff;
    }