/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/


html {
	height: 100%;
    max-width:auto;
}

body {
  margin: 0;
  padding: 0;
}

body.contentpane {
  background: #fff;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  font-family:'jura', sans-serif;
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, div.contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
    list-style: none;
}

p {
  padding: 7px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {
  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 5px 5px 5px 5px;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle;
}

.clr {
	clear : both;
}

.column.column1 {
    width: 50%;
}

.column.column2 {
    width: 0%;
}

.column.main {
    width: 50%;
}

.column.center {
    width: 100%;
}

.noleft .center {
    width: 100%;
}

.noleft .column2 {
    width: 0%;
}

.noleft .main {
    width: 100%;
}

.noright .column.center {
    width: 100%;
}

.flexiblemodule, .column, .logobloc {
    float: left;
}


/* ---------------------------------------
	specific to images
-----------------------------------------*/

ul.actions {
	margin: 0;
}

ul.actions li a {
	text-decoration: none;
}
.print-icon {
	list-style: none;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding-left: 15px;
	background: url(../images/icons/36.png) left center no-repeat;
}

.email-icon {
	list-style: none;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding-left: 15px;
	background: url(../images/icons/0.png) left center no-repeat;
}

.edit-icon {
	list-style: none;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	padding-left: 15px;
	background: url(../images/icons/8.png) left center no-repeat;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/

.container, .container-fluid {
	margin: 0 auto;
}

.container {
	width: 1000px;
}

.container-fluid {
	max-width: 1000px;
}

body {
	color: #666666;
	text-align: justify;
	font-family:'Jura', sans-serif;
}

a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Jura', sans-serif;
}

a:hover {
	color: #5680b0;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h1, div.componentheading {
	color: #666666;
	text-align: justify;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h2, div.contentheading {
	color: #5680b0;
	text-align: center;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h3 {
	color: #666666;
	text-align: justify;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h4 {
	color: #666666;
	text-align: justify;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h5 {
	color: #666666;
	text-align: justify;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 3px 3px 3px #cecece;
}

h6 {
	color: #5680b0;
	text-align: justify;
	font-family: 'Jura';
  	font-family: 'Jura', sans-serif;
	text-shadow: 1px 1px 3px #cecece;
}

.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {
    border: none;
	background: #5680b0;
	background: rgba(86,128,176,0.6);
	-pie-background: rgba(86,128,176,0.6);
	color: #ffffff;
	padding: 1px;
	text-align: center;
	font-weight: bold;
	font-family: 'Jura';
}

.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	background: #5680b0;
	text-align: center;
	box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	font-family: 'Jura';
}

ul.pagenav li a, .pagination li .pagenav,  .pager li a {
    display: block;
	color: #666666;
    font-family: 'Jura', sans-serif;
	text-shadow: 1px 1px 3px #cecece;
}

ul.pagenav li a:hover, .pagination li .pagenav:hover,  .pager li a:hover {
	color: #5680b0;
	text-align: center;
    font-family: 'Jura', sans-serif;
	text-shadow: 1px 1px 3px #cecece;
}

.readmore a, .readmore .btn {
	background: #5680b0;
	background: rgba(86,128,176,0.6);
	-pie-background: rgba(86,128,176,0.6);
	color: #ffffff;
	padding: 1px;
	text-align: center;
	font-family: 'Jura';
}

.readmore a:hover {
	background: #5680b0;
	color: #ffffff;
	text-align: center;
	box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 10px 3px;
	font-family: 'Jura';
}

.invalid {border: red;}
                
input.inputbox, .registration input, .login input, .contact input, .contact textarea,
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
	border: #bebebe 1px solid;
	color: #666666;
	padding: 4px;
	text-align: justify;
	box-shadow: rgba(204,204,204,0.5) 0px 0px 10px 3px;
	-moz-box-shadow: rgba(204,204,204,0.5) 0px 0px 10px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.5) 0px 0px 10px 3px;
	font-family: 'Jura';
}

input:focus, input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: #bebebe 1px solid;
	color: #242424;
	text-align: justify;
	font-family: 'Jura';
}

#logotipo > div.inner {
	color: #666666;
	text-align: center;
	font-family: 'Jura', sans-serif;
  	letter-spacing: 0px;
	word-spacing: 0px;
	line-height: 1em;
	font-size: 0.9em;
}

#logo {
  	background:transparent;
	margin-top:0%;
  	position:fixed;
	top:2%;
	width:60%;
	max-height:12%;
	right:20%;
	left:20%;
	z-index:1500;
	float:left;
}

#logo > div.inner > .bannerlogodesc {
	color: #666666;
	text-align: center;
	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
}

#flags {
	width:20%;
	background: transparent;
  	position:fixed;
	top:5%;
	height:12%;
	left:9%;
	z-index:1500;
}

#flags > div.inner {
	float:left;
}

#meo {
	width:20%;
	background: transparent;
  	margin-top:0%;
  	position:fixed;
	top:5%;
	max-height:12%;
	right:10%;
	left:auto;
	z-index:1500;
	margin-right:0;
	opacity: 0.3;
	-webkit-filter: opacity(30%); 
	filter: alpha(opacity=30);
	-webkit-filter: grayscale(99%);
	display:inline;
}

#meo > div.inner {
	margin-top: 0%;
  	float:right;
}
#meo:hover{
	opacity: 1; 
	-webkit-filter: grayscale(0%); 
	cursor: pointer;
	cursor: hand;
}
#menu > div.inner {
	padding: 0px;
	width:auto;
  	max-height: 4%;
	font-family: 'Jura', sans-serif;
	text-align: center;
	right:10%;
	left:10%;
	z-index:1;
	/*top:6%;*/
	word-spacing:-1px;
}
#conteudos > div.inner {
	top: 17%;
	position:fixed;
	width:auto;
  	max-height: 67%;
	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
	text-align: justify;
  	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 3px;
	line-height: 18px;
	right:10%;
	left:10%;
	bottom:10%;
	z-index:1930;
}

#ephtm-3-mod-centro-esquerda > div.inner {
	background:#f9f9f9;
	top: 17%;
	position:fixed;
	width:39.4%;
  	max-height:67%;
	font-family: 'Jura', sans-serif;
	text-align: justify;
	font-size: 0.9em;
  	font-weight: normal;
	left:10%;
	right: auto;
	bottom:10%;
	overflow-y:auto;
  	z-index:1904;
	box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px; 
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
  	vertical-align:middle;
}

#ephtm-3-mod-centro-esquerda div.moduletable, #ephtm-3-mod-centro-esquerda div.module,
#ephtm-3-mod-centro-esquerda div.moduletable_menu, #ephtm-3-mod-centro-esquerda div.module_menu {

}

#conteudo > div.inner {
  	background:#f9f9f9;
	top: 17%;
	position:fixed;
	width:39.4%;
  	max-height: 67%;
	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
  	font-weight: normal;
	text-align: justify;
  	letter-spacing: 1px;
	word-spacing: 4px;
	line-height: 18px;
	right:10%;
	left:auto;
	bottom:10%;
    z-index:1903;
  	overflow-y:auto;
	box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px; 
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
}
#center{
	padding:10px;
}

#moduloinferior .n1 > .flexiblemodule { width: 100%; }
#moduloinferior .n2 > .flexiblemodule { width: 50%; }
#moduloinferior .n2 > .flexiblemodule + div { width: 50%; }
#moduloinferior .n3 > .flexiblemodule { width: 33.3333333333%; }
#moduloinferior .n3 > .flexiblemodule + div { width: 33.3333333333%; }
#moduloinferior .n3 > .flexiblemodule + div + div { width: 33.3333333333%; }
#moduloinferior .n4 > .flexiblemodule { width: 45%; }
#moduloinferior .n4 > .flexiblemodule + div { width: 10%; }
#moduloinferior .n4 > .flexiblemodule + div + div { width: 35%; }
#moduloinferior .n4 > .flexiblemodule + div + div + div { width: 10%; }
#moduloinferior .n5 > .flexiblemodule { width: 20%; }
#moduloinferior .n5 > .flexiblemodule + div { width: 25%; }
#moduloinferior .n5 > .flexiblemodule + div + div { width: 10%; }
#moduloinferior .n5 > .flexiblemodule + div + div + div { width: 30%; }
#moduloinferior .n5 > .flexiblemodule + div + div + div + div { width: 15%; }

#moduloinferior > div.inner{
	background: transparent;
	color: #666666;
	text-align: justify;
	position:fixed;
	width:80%;
	height:14%;
	left:10%;
	right:10%;
	bottom:0%;
	padding-bottom:0;
	z-index:1300;
}

#mod-rumos {
	background:transparent;	
	position:relative;
	width:50%;
 	top:25%;
	opacity: 1;
  	border:none;
}

#mod-link-grupo > div.inner {
	background:transparent;
    padding-top: 15%;
	z-index:6000;
}
.pic {
	background: url("../../../images/logos/ICONGRUPOPEQCORFINAL1.jpg");
	background-color: white;
	background-repeat:no-repeat;			
	background-size: 65px 65px;
	height:65px;
	width:65px;
	opacity: 0.5;
	-webkit-filter: opacity(50%); 
	filter: alpha(opacity=20);
	-webkit-filter: grayscale(90%); 
	z-index:2500;
} 
.pic:hover { 
	opacity: 1; 
	-webkit-filter: grayscale(0%); 
	cursor: pointer;
	cursor: hand;
}


#label_logo_grupo{
 	opacity: 1; 
	cursor: default;
}

#mod-img >div.inner{
  	position:relative;
	width:auto;
  	top:25%;
  	border:none;
}
#mod-img {
	background:transparent;
    margin-top:2.5%;
}
#mod-social-links > div.inner{
  background:transparent;
  padding:0px;
  margin-right:0%;
  margin-top:17%;
  text-align:center;
}
#mod-social-links {
  	opacity: 0.4;
	-webkit-filter: opacity(40%); 
	filter: alpha(opacity=20);
	-webkit-filter: grayscale(99%);
}

#mod-social-links:hover { 
	opacity: 1; 
	-webkit-filter: grayscale(0%); 
	cursor: pointer;
	cursor: hand;
}


iframe {
	background:#f9f9f9;
  	border: 0px solid transparent;
	box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px; 
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
  	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
	text-align: justify;
  	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 3px;
	line-height: 18px;
}
.sliderecoescolas{
  max-width: 100%;
  height:auto;
}

#b-novidades{
	background:rgba(86, 86, 86, 0.8);
	box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px; 
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
  	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
	text-align: justify;
  	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1em;
	color:#fff;
   	margin-top:auto;
	margin-bottom:auto;
	float:left;
  	width:57%;
  	height:4%;
	text-align:center;
	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation: example 5s infinite linear; /* Chrome, Safari, Opera */
    animation-name: example;
    animation: example 5s infinite linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:rgba(42, 48, 56,0.5); -webkit-transform: scale3d(.5, .5, .5);}
    20%  {background-color:rgba(86, 86, 86, 0.3); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
    40%  {background-color:rgba(86, 128, 176, 0.3); -webkit-transform: scale3d(1, 1, 1);}
    60%  {background-color:rgba(86, 128, 176, 0.9); -webkit-transform: scale3d(1.2, 1.2, 1.2);}
    80%  {background-color:rgba(86, 128, 176, 0.5); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
	100% {background-color:rgba(42, 48, 56,0.5); -webkit-transform: scale3d(0.5, 0.5, 0.5);}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:rgba(42, 48, 56,0.5); transform: scale3d(.5, .5, .5);}
    20%  {background-color:rgba(86, 86, 86, 0.3); transform: scale3d(0.9, 0.9, 0.9);}
    40%  {background-color:rgba(86, 128, 176, 0.3); transform: scale3d(1, 1, 1);}
    60%  {background-color:rgba(86, 128, 176, 0.9); transform: scale3d(1.2, 1.2, 1.2);}
    80%  {background-color:rgba(86, 128, 176, 0.5); transform: scale3d(0.9, 0.9, 0.9);}
	100% {background-color:rgba(42, 48, 56,0.5); transform: scale3d(0.5, 0.5, 0.5);}
}


#b-novidades:hover{
	cursor:pointer;
}

.b-link{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Jura', sans-serif;
	text-shadow: 1px 1px 1px #cecece;
}
.b-link:hover{
  	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-family: 'Jura', sans-serif;
	text-shadow: 1px 1px 1px #cecece;
  
}  

#b-alunos{
	background:rgba(105, 100, 105, 0.3);
	box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px; 
	-moz-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
	-webkit-box-shadow: rgba(204,204,204,0.7) 0px 0px 20px 3px;
  	font-family: 'Jura', sans-serif;
	font-size: 0.9em;
	text-align: justify;
  	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1em;
	color:#fff;
   	margin:auto;
	float:right;
	width:42%;
	height:5%;
	border:0px solid #cecece;
	text-align:center;
}

#b-alunos:hover{
	background:rgba(86, 128, 176, 0.9);
	cursor:pointer;
}
#mod-login{
  display:inline;
  margin-top:3%;
}

.search-button{
	max-width:10%;
	background: transparent;
  	margin-top:5%;
  	position:fixed;
	top:2.5%;
	height:17%;
	right:9.5%;
	left:auto;
	z-index:1500;
	margin-right:0;
	opacity: 0.3;
	-webkit-filter: opacity(30%); 
	filter: alpha(opacity=30);
	-webkit-filter: grayscale(99%);
	display:block;
}
label.element-invisible{ /*botão search*/
  content:"";
  display:none;
}
.snowfall{
  z-index:1000000000000000;
}