/*	Arquivo criado pelo programador Paulo Sergio de Oliveira	*/
	
.site{
width:98%;
min-height:600px;
margin:1% 1%;
background-color:#;
border:px solid #f60;
/*font-size:2em;*/
float:left;
}

/*###########################################################  open form  #####################################################################*/

.form {
width:96%;
height:px;
background:#fff;
margin:0 2%;
margin-top:10px;
border:px solid #f00;
float:left;
}
.form  h1{
width:98%;
margin:0px 1%;
border:px solid #f00;
color:#000;
}
.tagline{
width:98%;
background-color:#;
margin:10px 1%;
border:px solid #ddd;
color:#000;
}
.form  h2{
width:90%;
height:px;
margin:10px 0 10px 20px;
padding:px;
border:px solid #f00;
font-weight:normal;
color:#000;
}

.form span.titulo_input{
width:87%;
height:px;
margin:10px 0 0 20px;
padding-left:0px;
border:px solid #ccc;
border-radius:5px;
display:block;
}
.form .input{
width:98%;
height:px;
margin:5px 1%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
}
section.site .form form textarea{
width:98%;
height:350px;
margin:5px 1%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
font-family:arial;
}
section.site .form form .textarea_contato{
width:98%;
height:250px;
margin:1% 1%;
padding:5px 10px;
border:1px solid #ccc;
border-radius:5px;
font-family:arial;
resize: vertical;
}
.form .submit{
width:130px;
height:px;
/*background:#090;*/
margin-top:0px;
padding:10px;
border:px solid #00a2f4;
color:#fff;
font-weight:bold;
text-align:center;
cursor:pointer;
transition:0.3s;
opacity:1;
float:right;
}
.form .submit:hover{
/*background:#090;*/
color:#fff;
font-weight:bold;
cursor:pointer;
transition:0.3s;
opacity:0.9;
}



.site article h1{
width:98%;
height:px;
background-color:#;
margin:10px 1%;
padding:3px;
border:px solid #ddd;
text-align:center;
color:#000;
font-size:3em;
}
.site article .regras{
width:98%;
height:px;
margin:30px 1%;
border:px solid #ddd;
float:left;
}
.site article .regras h1{
width:98%;
height:px;
background-color:#;
margin:10px 1%;
padding:3px;
border:px solid #ddd;
text-align:center;
color:#000;
}
.site article .regras h2{
width:98%;
height:px;
margin:20px 1%;
border:px solid #ddd;
text-align:center;
color:#069;
}
.titulos{
width:98%;
height:px;
background-color:#;
margin:10px 1%;
padding:3px;
border:px solid #ddd;
text-align:center;
color:#000;	
float:left;
}
.titulos_videos{
width:98%;
height:px;
background-color:#;
margin:0px 1%;
padding:3px;
border:px solid #ddd;
text-align:center;
color:#000;	
}


/*
.site article .regras ol{
width:98%;
height:px;
margin:0px 1%;
border:px solid #f00;
list-style-position:inside;
}
.site article .regras ol li{
width:100%;
height:px;
margin:10px 0%;
border:px solid #09f;
font-weight:bold;
}
.site article .regras ol li ol{
width:98%;
height:px;
margin:0px 1%;
margin-left:0px;
border:px solid #f00;
list-style-position:inside;
}
.site article .regras ol li ol li{
width:96%;
height:px;
margin:0px 2%;
border:px solid #09f;
font-weight:normal;
}
*/


.site article .regras ul{
width:98%;
height:px;
margin:0px 1%;
border:px solid #f00;
}
.site article .regras ul li{
width:100%;
height:px;
margin:30px 0 0 0%;
border:px solid #09f;
font-size:1.0em;
font-weight:bold;
list-style:number;
list-style-position:inside;
color:#000;
}

.regras{
width:96%;
height:px;
margin:0px 2%;
padding:2%;
border:0px solid #eee;
font-size:1em;
font-weight:normal;
color:#777;
/*text-align:justify;*/
float:left;
}
.regras a{
color:#09f;
text-decoration:none;
}
.regras a:hover{
text-decoration:underline;
}
.subregras{
width:98%;
height:px;
margin:3px 1%;
border:px solid #eee;
font-size:0.9em;
font-weight:normal;
color:#000;
/*text-align:justify;*/
}
.data_atualizacao{
margin:30px auto;
border:px solid #eee;
font-size:1.4em;
font-weight:normal;
color:#000;
text-align:center;
}
.site article .regras ol p a.terms{
font-size:1.0em;
color:#069;
}
.site article .regras ol p a:hover.terms{
text-decoration:underline;
}




/* VIDEO TECHNOPARK */

.site article section.postagem{
width:100%;
height:px;
background-color:#fff;
margin:0px auto;
margin-top:0px;
margin-bottom:10px;
padding-top:0px;
padding-bottom:0px;
border:px solid #ddd;
float:left;
position:relative;
}
.site article section.postagem .post{
width:100%;
height:px;
background-color:#fff;
margin:0px auto;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
border:px solid #f00;
}
.site article section.postagem #post{
width:px;
height:px;
background-color:#fff;
margin:0px auto;
margin-top:0px;
margin-bottom:0px;
padding-top:10px;
border-bottom:px solid #ddd;
}
.site article section.postagem .post_video{
width:100%;
height:px;
background-color:#fff;
margin-left:0px;
margin:0 auto;
border:px solid #f00;
/*float:left;*/
}
.site article section.postagem .ratio_hd{
width:100%;
height:0;
padding-bottom:56.25%;
position:relative;
float:left;
}
article section.postagem .post_video .ratio_elemento{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}


.info_nota{
width:100%;
background:#fff;
border:px solid #ddd;
padding:0px 1%;
font-size:2em;
float:left;	
}
.titulo_nota{
width:100%;
background:#fff;
border:px solid #ddd;
margin-top:15px;
text-align:center;
float:left;	
}
.info_nota p{ 
width:100%;
background:#fff;
border:px solid #ddd;
padding-top:5px;
float:left;	
}
.info_nota a{ 
width:100%;
background:#fff;
border:px solid #ddd;
padding-top:5px;
text-align:center;
float:left;
color:#f00;	
}