/*

*/

body 		{height: 100%; margin: 0; overflow-x: hidden; overflow-y: scroll; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #555; background: url(../imgs/bg2.jpg) center top no-repeat;}

ul {list-style: none; padding-left: 0;}

.topo 		{color: #fff; height: 120px; width: 100%; padding-top: 20px;}

.barraferramentas {height: 44px; background-color: #f4f3f1; border-bottom: #e6e5e3 1px solid; padding-top: 5px; border-top: 1px solid #e6e5e3; }

.barraferramentas .btn-default { color: #333; background-color: #f4f3f1; border: none; }

.logo 		{margin: 0 auto; height: 80px; width: 230px;}

.conteudo 	{/*width: 1000px;*/ margin: 0 auto; padding-top: 100px; min-height: 653px;}

.isf    {float: left; height: 205px; width: 205px;}
.texto  {float: left; width: 78%; line-height: 25px; margin-top: 50px; padding-left: 20px; font-size: 1.1em; text-align: justify; text-justify: inter-word;}

.centro{background: #fff; padding-bottom: 10px;}

.centro .programa     {width: 43%; float: left;}
.centro .programa  h1 {font-size: 1.4em; font-weight: 800; color: #333; background: #a8c8df; display: block; width: 100%; padding: 8px 1px 8px 12px;}
.centro .programa  p  {font-size: 1em; width: 100%; text-align: justify; text-justify: inter-word;}
.centro .acesse       {width: 47%; float: right;}
.centro .acesse h1    {font-size: 1.4em; font-weight: 800; color: #333; background: #fecb37; display: block; width: 100%; padding: 8px 1px 8px 12px;}
.centro .acesse p     {font-size: 1em; width: 100%; text-align: justify; text-justify: inter-word;}

.bandeiras  { width: 100%;}
.frances {width: 140px; height: 120px; background: url(../imgs/frances.jpg) no-repeat center; float: left; margin-right: 10px;}
.ingles   {width: 140px; height: 120px; background: url(../imgs/ingles.jpg) no-repeat center; float: left; margin-right: 10px;}
.italiano {width: 140px; height: 120px; background: url(../imgs/italiano.jpg) no-repeat center; float: left;}

.frances:hover    {opacity: 0.85; }
.ingles:hover     {opacity: 0.85; }
.italiano:hover   {opacity: 0.85; }

.chamada {background: #ece8e0;}

.req 	{float: left; color:red; }

footer    	{width: 100%; background:#666; min-height: 50px; box-sizing: content-box; box-shadow:  0 0 4px rgba(0,0,0,.04), 0 -4px 14px 3px rgba(0,0,0,.1); color:#fff; margin-top: 10px}
footer p    {display: block; margin: 0; padding-bottom: 10px; padding-top: 10px;}
footer  h3  {font-size: 1.3em}
footer ul a  {color: #fff;font-size: 1em;}
footer ul a:hover  {color: #fff;}
footer ul li  {border-left: 1px solid #fff; padding-left: 4px; margin-bottom: 3px;}


/*ITALIANO*/
#italiano .faixa-azul {background-color: #46a2bc; height: 23px;}
#italiano h2 {border-bottom: 1px solid #D0CDC4; margin-bottom: 20px; font-weight: 600;}
#italiano ul li a { display: block; margin-bottom: 15px;}
#italiano ul { list-style: circle; padding-left: 20px}
/*PADROES*/

/*Texto*/
.txtcenter  {text-align: center;}
.txtleft    {text-align: left;}
.txtright   {text-align: right;}

.txtbold    {font-weight: bold;}

.txtred     {color: #E03030;}
.txtgold    {color: #FF9934;}
.txtsite, .txtsite a    {color:#81d8cf; } /*COR PADRAO DO SITE*/  

/*Espaços superior e inferior*/
.sp10 {margin-top: 10px; margin-bottom: 10px;}
.sp20 {margin-top: 20px; margin-bottom: 20px;}
.sp30 {margin-top: 30px; margin-bottom: 30px;}
.sp40 {margin-top: 40px; margin-bottom: 40px;}


/*Espaços apenas nas laterais*/
.side10 {margin-left: 10px; margin-right: 10px;}
.side20 {margin-left: 20px; margin-right: 20px;}
.side30 {margin-left: 30px; margin-right: 30px;}
.side40 {margin-left: 40px; margin-right: 40px;}

.pd0  {padding-left: 0; padding-right: 0;}

/*br borda redonda*/
.br   {border-radius: 8px;}
.br10 {border-radius: 10px;}
.br20 {border-radius: 20px;}
.brT  {border-radius: 0 0 8px 8px;}

/*Sombra padrao das caixas*/
.shadow	{box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);}


.container {width: 1000px\0/; }


@media (min-width: 768px)  {}
@media (min-width: 992px)  {}
@media (min-width: 1200px) {}
@media (min-width: 1350px) {}
@media (max-width: 992px)  {.texto  {width: 65%; margin-top: 20px;} .frances {width: 100%;} .ingles{width: 100%; margin-top: 10px;} .italiano{width: 100%; margin-top: 10px;}}
@media (max-width: 767px)  {}