@charset "utf-8";

body {
	font: 100%/1.4 'Roboto', Verdana, Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0;
	color: #333;	
}

img{
	max-width: 100%;
}


a img { 
	border: none;
}

a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
a:active, a:focus {
	text-decoration: none;

}

a:hover {
	text-decoration: none;
	
}

.item_roda a:hover{
	
	color: #ff756d !important;
}

p{
	margin-top: 0;
}


.default{opacity:1;}


.stabled{    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
	position:fixed !important;opacity:1;z-index:9999;    width: 100%;	max-width: none !important;	
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;

}

.stabled img{
	
	    max-width: 200px !important;
    margin: auto;
    display: block;
	
	   height: auto; 
		transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;

	
}

.stabled .miolo{
	    height: 60px !important;
    margin-top: 30px !important;
	-webkit-box-shadow: 0px 0px 12px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px -8px rgba(0,0,0,0.75);
}

.menu{
	 float: left !important;
    height: 50px;
	    min-width: 400px;
}



.stabled div{
	padding-top: 0px !important;
	
}

input{
	font-family: 'Roboto';
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #afafaf !important; font-size: 14px; font-weight: 600;
}
::-moz-placeholder { /* Firefox 19+ */
   color: #afafaf !important; font-size: 14px;font-weight: 600;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #afafaf !important; font-size: 14px;font-weight: 600;
}
:-moz-placeholder { /* Firefox 18- */
   color: #afafaf !important; font-size: 14px;font-weight: 600;
}

h1, h2{
	    padding: 0;
    margin: 0;
}


.guia{
	border: solid 2px #38d2c2; background-color: #00666a; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;   padding: 12px; display: block; float: left; width: 30%;color: #61e8d1; font-size: 18px; font-weight: 500;    margin-right: 1%; text-transform: uppercase;
}

.guia::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #61e8d1; font-size: 17px; font-weight: 400;
}
.guia::-moz-placeholder { /* Firefox 19+ */
   color: #61e8d1; font-size: 17px; font-weight: 400;
}
.guia:-ms-input-placeholder { /* IE 10+ */
   color: #61e8d1; font-size: 17px; font-weight: 400;
}
.guia:-moz-placeholder { /* Firefox 18- */
   color: #61e8d1; font-size: 17px; font-weight: 400;
}


.flex{
	
  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;
	
}

.round{
	
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	
}


.reserva_home{
	   display: block;
    background-image: url(/imagens/1px.png);
    background-repeat: repeat-x;
    background-size: 1px 100%;
    -webkit-box-shadow: 0px 14px 26px -26px rgba(0,0,0,0.72);
    -moz-box-shadow: 0px 14px 26px -26px rgba(0,0,0,0.72);
    box-shadow: 0px 14px 26px -26px rgba(0,0,0,0.72);
    width: 280px;
    position: absolute;
    right: 0px;
    border-top: solid 5px #825e4f;
    z-index: 9999;
    top: 250px;
	
}


.acomodacoes{
	 float: left; width: 100%; min-height: 430px; margin-top: 70px;margin-bottom: 50px; background-image:url(/imagens/bg_acomodacoes.jpg); background-repeat: no-repeat; background-size: 2000px auto; background-position: center top;	-webkit-justify-content: center;	-moz-justify-content: center;	-ms-justify-content: center;	justify-content: center;-webkit-align-items: center;	-moz-align-items: center;	-ms-align-items: center;	align-items: center;  position: relative;    padding: 10px;    box-sizing: border-box;
}


.item_cor{
	
	min-height: 111px; align-items:center; width: 16%; margin-left: 1%; flex-grow:1; justify-content: center; align-self: stretch; float: left;  border-radius: 50px; box-sizing: border-box;background-repeat: no-repeat; background-size: 100% 100%; color: #fff; align-self: stretch; box-sizing: border-box;
}

.item_flor{
	
	min-height: 111px; align-items:center; width: 50%; margin-left: 1%; flex-grow:1; justify-content: center; align-self: stretch; float: left;  border-radius: 50px; box-sizing: border-box;background-repeat: no-repeat; background-size: 100% 100%; color: #fff; align-self: stretch; box-sizing: border-box;padding-right: 20px;
}


.bg_instituto{
	display: block; float: left; width: 100%; padding-left: 30px; padding-right: 30px; box-sizing: border-box; padding-top: 80px; background-image: url(/imagens/bg_instituto.jpg); background-repeat: no-repeat; background-position: center top; min-height: 680px;
	
}



ul{
	list-style: none !important;
	width: 100%;
    padding: 0;
    margin: 0;    position: relative;    float: left;
    min-height: 50px;
	
		-webkit-justify-content: space-evenly;
	-moz-justify-content: space-evenly;
	-ms-justify-content: space-evenly;
	justify-content: space-evenly;
	
		-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	
}


.menu li{
	
    color: #000 !important;
    font-size: 15px;
    font-weight: 500;
    float: left;
    display: block;
    border-bottom: solid 2px transparent;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
  
    text-transform: uppercase;
}


.menu li:hover{
	
    float: left;
    display: block;
    border-bottom: solid 3px #ccab43;
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}






ul.submenu{
    list-style: none;
    visibility: hidden;
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    top: 34px;
    left: -10px;
    min-width: 180px;
    padding-top: 10px;
	
	
}

.menu li:hover> ul.submenu{
	visibility:visible;
	display:block;
	
	
	
}


ul.submenu li{
	
    display: block;
    min-height: 25px !important;
    line-height: 25px !important;
    float: left;
    padding-left: 10px;
    font-size: 13px;
    color: #9e9e9e !important;
    position: relative;
    padding-top: 3px;
    padding-bottom: 5px;
    border: solid 1px transparent;
    border-bottom: solid 1px #eaeaea;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    margin-left: 0;
}


ul.submenu li:hover{
	
    display: block;
    float: left;
    color: #b3a780 !important;
    position: relative;
    border: solid 1px transparent;
    border-bottom: solid 1px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border-radius: unset;


}


ul.submenu a:last-child li{

 border-bottom:solid 0px transparent;
	
	
}

ul.submenu a:last-child li:hover{

	
}


ul.submenu .active {
    color: #43515a !important;
    border: none !important;
    background-color: inherit;
}

ul.submenu .active:last-child {
    color: #43515a !important;
    border: none !important;
    background-color: inherit;
}


.form_busca{
	
	border: solid 2px #dbdbdb; padding: 15px; padding-top: 7px; padding-bottom: 8px; line-height: 12px; font-size: 14px; color: #666;
	
}


.form_news{
	
	border: solid 0px #dbdbdb; padding: 15px; box-sizing: border-box; line-height: 12px; font-size: 14px; color: #666; 	-webkit-border-radius: 7px 0px 0px 7px;	-moz-border-radius: 7px 0px 0px 7px;	border-radius: 7px 0px 0px 7px;    letter-spacing: 1px;
	
	
}


.form_news:hover{
border: solid 2px #ff7878 !important;	
	
}


.botao{
	
	background-color: #cc1f26; display: block; float: left; color: #fff; text-align: center; height: 55px; line-height: 55px; width: 150px;-webkit-border-radius: 0px 7px 7px 0px;	-moz-border-radius: 0px 7px 7px 0px;	border-radius: 0px 7px 7px 0px;
}

.header{
	
	display: block; float: left; width: 100%; clear: both;  box-sizing: border-box;    position: relative;
    z-index: 999; height: 0px;
	
}

.logo{
	
	
	display: block; float: left; min-width: 176px;
}

.max_centro{
	
	display: block; margin: auto; max-width: 1200px;
}



.conteudo{
	
	display: block; float: left; width: 100%;
	
}


.pd_borda{
	
	padding-left: 25px; padding-right: 25px; box-sizing: border-box;
}


.balao{
	
	display: none;
	padding: 5px;
    background-color: #28aebc;
    color: #fff;
    position: absolute;
    width: 65px;
    line-height: 10px;
    border-radius: 10px;
    height: 11px;
    top: 0px;
    text-align: center;
    left: -20px;
	
	
}

.ver:hover .balao{
	display: block;
	margin-top: -20px;
			transition-duration: 0.2s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	
	
	
}


.form_busca:hover{
    color: #999;
    border: solid 2px #999;
	
		transition-duration: 0.2s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	

	
}




.conteudo{
    display: block;
    float: left;
    position: relative;
    width: 100%;
	
}




.full{
cursor:pointer;

}

.full:hover {

color: #febc01 !important;
    border-color:#febc01 !important;
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	
}

.full:hover span{

color: #febc01 !important;
   
	    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
}


.hover {
	
	    border: solid 3px transparent !important;
	box-sizing: border-box;
	
}


.hover:hover {

    color: #ff7878 !important;
    border: solid 3px #ff7878 !important;
	background-color: transparent !important;
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	
}

.hover_botao {
	border: solid 2px transparent;
	box-sizing: border-box;
}

.hover_botao:hover {

   color: #000 !important;
    border: solid 2px #000 !important;
	background-color: transparent !important;
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	
}

.hover_botao:hover img{
	
	  -webkit-filter:brightness(0.1) grayscale(1);
  filter:brightness(0.1) grayscale(1); 

}




.sombra{
	
	
	background-color: rgba(123, 103, 82, 0.6);
}


.galeria:hover .sombra{
	
	background-color: rgba(123, 103, 82, 0.0);;
	    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
}


.botao_encontrar{
	
color: #fff;    display: block;    background-color:#ec9000;    padding: 5px !important;        font-size: 20px; line-height: 34px;    box-sizing: border-box; float: left;    width: 190px;    text-align: center; text-transform:uppercase; border: solid 2px #38d2c2;	-webkit-justify-content: center;	-moz-justify-content: center;	-ms-justify-content: center;	justify-content: center;-webkit-align-items: center;	-moz-align-items: center;	-ms-align-items: center;	align-items: center; font-weight: 400;     -webkit-border-radius: 20px;    -moz-border-radius: 20px;    border-radius: 20px;	
	
}

.botao_encontrar:hover {

   color: #fff !important;
    border: solid 2px #fff !important;
	background-color: transparent !important;
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
	
}


.foco:hover{
/*	 -webkit-filter: brightness(1.3) contrast(1.0);
     filter:brightness(1.3) contrast(1.0);*/
	 margin-top:-5px;
	
		transition-duration: 0.2s;
	transition-property: transform;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	

	margin-top: 0px !important;
}

.mn_int a{
	
	display: block;
    float: left;
    padding: 5px;
    padding-left: 10px;
    border: solid 2px #ededed;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 100%;
    margin-bottom: 5px;
    color: #000000;
    font-weight: bold;
	
}
.item:hover{

    color: #ff5865 !important;
    border-color: #ff5865 !important;
   
	    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
}

.item2:hover{

    color: #fff !important;
    border-color: #cf313d !important;
	background-color: #cf313d !important;
   
	    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
}


.item3{

    
    border: solid 1px transparent !important; border-radius: 10px !important;
	
   
	
}




.item3:hover{

    
    border: solid 1px #ff5865 !important;
	color: #ff5865 !important;     
	
   
	    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	
}




.mn_int .fas{
	font-weight: 900;
    font-size: 11px;
    color: #da3541;
    display: block;
    float: left;
    margin-right: 4px;
    margin-top: 4px;
}


.caixa{
	
	display: block;
    float: left;
    padding: 15px;
    border: solid 2px #ededed;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 33%;
    margin-bottom: 5px;
    color: #000000;
    font-weight: bold;
	box-sizing: border-box;
	
}

.rodape{
	
	background-color: #f6f7f9; display: block; float: left;  width: 100%; margin-top: 80px;
}


.item_roda a{
	
	color: #8c7f70;
    font-size: 15px;
    line-height: 15px;
    clear: both;
    display: block;
    margin-top: 10px;
	
}


table th,
table td{
  text-align: left;
}
table.layout{
  width: 100%;
border-collapse: collapse;
	
}

/*table.layout:hover{
  border: solid 2px #ff5865
	
}*/
  


table.display{
	margin: 0;
}
table.display th,
table.display td{
  padding: 10px;box-sizing: border-box;
}

table.display th{
	background-color: #F2F2F2;
}
table.display td{ /*background: #fff;*/ }

table.responsive-table{
/*box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);*/
}

table.responsive-table2{
/*box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);*/
}

@media (max-width: 630px){
    table.responsive-table{
         box-shadow: none;
    border: solid 1px #e8e8e8 !important;
    margin-top: 15px !important;
    }
    table.responsive-table thead{
      display: none; 
    }
  table.display th,
  table.display td{
    padding: .5em;
  }
    
  table.responsive-table td:nth-child(1):before{
    content: 'Escola';     color: #0092a1;
  }
  table.responsive-table td:nth-child(2):before{
    content: 'Turma';    color: #0092a1;
  }
     
  table.responsive-table td:nth-child(3):before{
    content: 'Matéria';    color: #0092a1;
  }
  table.responsive-table td:nth-child(4):before{
    content: 'Data';    color: #0092a1;
  }
     
  table.responsive-table td:nth-child(5):before{
    content: 'Professor';    color: #0092a1;
  }
 
  table.responsive-table td:nth-child(1),
    table.responsive-table td:nth-child(2),
	  table.responsive-table td:nth-child(3),
	    table.responsive-table td:nth-child(4),
  table.responsive-table td:nth-child(5){
    padding-left: 35%;
  }
  table.responsive-table td:nth-child(1):before,
    table.responsive-table td:nth-child(2):before,
	  table.responsive-table td:nth-child(3):before,
	    table.responsive-table td:nth-child(4):before,
  table.responsive-table td:nth-child(5):before{
    position: absolute;
    left: .5em;
    font-weight: bold;
  }
  
    table.responsive-table tr,
    table.responsive-table td{
        display: block;
    }
    table.responsive-table tr{
        position: relative;
        margin-bottom: 1em;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);display: block;
    float: left;
    }
    table.responsive-table td{
        border-top: none;
    }
    table.responsive-table td.organisationprod{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;display: block;
    float: left;
    }
	   table.responsive-table td.organisationqtd{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;min-width: 100%;display: block;
    float: left;
    }
	   table.responsive-table td.organisationentrega{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;min-width: 100%;display: block;
    float: left;
    }
	
	   table.responsive-table td.organisationvalorunit{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;min-width: 100%;display: block;
    float: left;
    }
	
	  table.responsive-table td.organisationvalortotal{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;min-width: 100%;display: block;
    float: left;
    }
	

    table.responsive-table td.actions{
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background: none;
    }
}


@media (max-width: 630px){
    table.responsive-table2{
      box-shadow: none;  
    }
    table.responsive-table2 thead{
      display: none; 
    }
  table.display th,
  table.display td{
    padding: .5em;
  }
    
 
  
    table.responsive-table2 tr,
    table.responsive-table2 td{
        display: block;
    }
    table.responsive-table2 tr{
        position: relative;
        margin-bottom: 0em;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    }
    table.responsive-table2 td{
        border-top: none;
    }
    table.responsive-table2 td.organisationprod{
        background: #ffffff;
        border-top: 1px solid #d8d8d8; width: 100%;
    }
	   table.responsive-table2 td.organisationqtd{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;
    }
	   table.responsive-table2 td.organisationentrega{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;
		    width: auto;
    }
	
	   table.responsive-table2 td.organisationvalorunit{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;
		    width: auto;
    }
	
	  table.responsive-table2 td.organisationvalortotal{
        background: #ffffff;
        border-top: 1px solid #d8d8d8;
    }
	

    table.responsive-table2 td.actions{
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background: none;
    }
}




@media (min-width:300px) and (max-width:986px){
	
		.esconde_mob{
		display: none !important;
	}
	
	.aparece_mob{
	display: block; float: left; width: 100%;
}
	
	.stabled {


    position: relative !important;
    opacity: 1;
    z-index: 9999;
    background-color: #fff;
    min-height: 60px !important;


}
	
	.stabled img {
    max-width: none !important;
    height: auto;
}
	
}