@charset "UTF-8";


/****************************** MOBILE ************************************/

/* ---------MENU-------- */




@media screen and (max-width:768px) {
	ul.mymenu li:not(:first-child) {display: none;}
	  
	ul.mymenu li.mIcon {display: inline-block;}
	  
	ul.mymenu.responsive {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		*float: right;
		*min-width: 160px;
		*padding: 5px 0;
		*margin: 2px 0 0;
		font-size: 14px;
		*text-align: left;
		*list-style: none;
		*background-color: none;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		*border: 1px solid #ccc;
		*border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 10px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		*display: block;
		*clear: both;
		*font-weight: normal;
		*line-height: 1.42857143;
		color: #333;
		*white-space: nowrap;
	}
/*
	ul.mymenu.responsive li.mIcon {
		right: 0;
		top: 0;
	}
*/
	ul.mymenu.responsive li {
		*float: none;
		display: inline;
	}

	ul.mymenu.responsive li a {
		display: block;
		text-align: cwnter;
	}
	  

	
	
	.tab {margin-left: 1%;margin-right: 1%; width: 200px}
	
	.rodape {width: 98%;}
	
	.dir {float: none;}

	.end {margin-right: none; display: block; text-align: center;}
	
	.esq {width: 320px;  height: 170px; }
	
	.logofull {margin-left: 75px;}

	.m1 {margin-right: 5px; width: 320px; -float: left; -font-size: 10px;}

	.m2 {margin-right: 5px; width: 320px; -float: right; -font-size: 10px;}
	
	.cap {
		font-size: 12px;
	}
	

}
	
}




/* ---------SLIDE--------- */

@media only screen and (max-width:480px){
	
.prec a {font-size:13px;}
	
.designer {
	font-size: 10px;
}

.bloco{
	width: 320px;
}

.foto {
	width: 320px;
	height: 180px;
}



.img-resp {
	width: 90%;
}

/* ---------FORMULARIO--------- */
input, textarea, select {
  width: 80%;

}

.bloco1,.bloco2,.bloco3 {
	width: 90%;
	display: block;
	overflow: hidden;
}


}

/*********************** NORMAL *******************************/

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  width: 99%;
  border-top: 1px solid #eee;
}


.thumbnail iframe{
	top: -25px;
    left: -25px;
}

.wcad {
    width: 1024px;
    height: 768px;
}

.fbolao {
	border-radius: 10px;
	border: 1px solid #eee; 
}

.cabecalho {
	margin-top: -25px;
	height: 72px;
	--background-color:white;
	top: -20px;
	border-radius: 10px;
}

.logo1 {position: relative; margin-left: 15px; top: 0px; }

.logo {border-radius: 10px;}

.prec {text-align:center; position: relative;}

.prec a {text-align:center; text-decoration: none; color:#6D90D0;}

.menu1 {top: 15px; position:absolute; float:right; right: 30px;}



/* ---------MENU------------- */

.mymenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	border-radius: 10px;
}

.mymenu li {
	float: left;
	width: 100px;
	height: 50px;
	text-align: center;
	box-shadow:inset 0 3px 5px #eee;
	border: 1px solid #eee;
	border-radius:10px;
	background-color: white;
	}

.mymenu li a {
    display: inline-block;
    color: #6D90D0;
	width: 98%;
	height: 98%;
	border-radius:10px;
	line-height: 50px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}


.mymenu li:hover {
	background-color: #eee;
	font: bold 17px sans-serif;
	}

.mymenu li.mIcon {display: none;}


.conta {
    color: #6D90D0;
    font-size: 12px;
	text-align: center;
}

hr.lslide { position: relative;}

h2 {
	text-align: center;
}

h3 {
	text-align: center;
	color: #363636;
}

h4 {font-size: 15px;}
	
h5 {font-size: 6px;}


.voltar {
	margin: 0;
	color: #4876FF;
}

.main-top {
	display: block;
	background-color: #E8E8E8;
	height: 60px;
	overflow: hidden;
	border-radius: 10px;
}

.corpo {
	margin-left: 50px;
	margin-right: 50px;
}





/* ---------CONTROLES--------- */

.controle {
	width: 99%;
	text-align: center;

}

.ztv {
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	border-radius:10px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;

	width: 99%;
    text-align: center;

}

.campa {

	max-width: 840px;
 
	width: 98%;


}

.tab {
	display: inline-block;
	border-radius:10px;
	box-shadow:inset 0 1px 3px #666666;
	width: 180px;
	height: 50px;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #337ab7;
	border-color: #2e6da4;
	overflow: hidden;
	
}

.bt {
	display: block;
	color: white;
	text-decoration: none;
	height: 98%;
	width: 98%;
	line-height: 50px;
}

.tab:focus {
  background-color: #286090;
  border-color: #122b40;
}

.tab:hover {
  background-color: #286090;
  border-color: #204d74;
}

/* ---------DESTAQUES--------- */

.noticia {
	display: table;
	width: 98%;
	padding: 5px 5px;
	text-align: center;
	position: relative;
	font-size: 15px;
}

.contato {
	--display: table;
	width: 98%;
	padding: 5px 5px;
	text-align: center;
	position: relative;
	font-size: 15px;
}

input, textarea, select {
  width: 90%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-bottom: 1%;
}


input {
	height: 22px;
}

textarea {
	height: 60px;
}

.btform {
  display: inline-block;
  width: 80px;
  height: 35px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: white;
  margin-top: 5px;
  vertical-align: middle;
  background-color: #337ab7;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 10px;
}

.bloco,.bloco1,.bloco2,.bloco3,.tabela {
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	border-radius:10px;
	padding: 5px 5px;
	background-color: #eee;
	border: 1px solid #eee;
	overflow: hidden;
}

.bloco {
	height: 340px;
}


.bloco1 {
	height: 450px;
}

.bloco2 {
	height: 700px;
}

.bloco3 {
	width: 380px;
}
/* novo*/
.tabela {
	display: table;
	box-shadow:inset 0 4px 6px #eee;
	border-radius:10px;
	padding: 5px 5px;
	width: 95%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #eee;
	border: 1px solid #eee;
	overflow: hidden;
}

table {
	--font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}

	td, th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
	}

	tr:nth-child(even) {
	background-color: #dddddd;
	}


/*fim tabela*/

.memo {
	width: 90%;
	height: 100px;
}


.destaque {
	display: table;
	width: 98%;
	padding: 3px 3px;
	text-align: center;
	position: relative;
	font-size: 13px;
}

.col {
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	height: 380px;
	border-radius:10px;
	width: 320px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}

.caption {  font-size: 10px;
  font-weight: normal;
  text-align: center;
	
}

.thumbnail {
	text-align: center;
	margin-top: 2%;
}

.col1 {
	text-align: Left;
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	height: 250px;
	border-radius:10px;
	width: 320px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}

.foto {
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	height: 315px;
	border-radius:10px;
	width: 520px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}

.foto1 {
	display: inline-block;
	box-shadow:inset 0 4px 6px #eee;
	margin-left: 1%;
	margin-right: 1%;
	-height: 300px;
	border-radius:10px;
	-width: 520px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
}

.img-resp {
	border-radius: 10px;
	width: 95%;
	
}

/* ---------DESTAQUES--------- */

.media {
	display: inline-block;
	margin-left: 1%;
	margin-right: 1%;
	height: 250px;
	border-radius:10px;
	width: 150px;
	padding: 5px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	box-shadow:inset 0 3px 5px #eee;
	font-size: 14px;
}

/* ---------RODAPE--------- */

.rodape {
	margin-top: -20px;
	background-color: #E8E8E8;
	top: 0px;
	display: block;
	overflow: hidden;
	border-radius: 10px;
	width: 99%;
	padding: 5px 5px;
	text-align: center;
	position: relative;
	font-size: 15px;
}

.logofull {float: left; margin-left: 15px}

.dir {float: right; margin-right: 10px;}

.end {
	display: inline-block;
	height: 150px;
	overflow: hidden;
	margin-right: 15px;
	padding: 5px 5px;
	text-align: right;
	font-size: 12px;
}

address {font-style: normal;}

.designer {text-align: center; font-size: 12px;}

.freepik {
	text-align: right;
	font-size: 12px;
}