@charset "utf-8";
/* CSS Document */

body { 
	width: auto;
	background-color: #1e3a9d;  /*  #b7160e  Aqui MUDA A COR DO FUNDO */
	color:#000;  /*Aqui MUDA A COR DAS LETRAS TEXTO */
	font-size: 20px;    /* Base font size is 14px ou 20px */
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.0;
	text-align: left;
	text-align: justify;
}
div#interface { 
	width: 1000px;
	background-color: #197e14;  /*Aqui MUDA A COR do Site onde estao os textos *  197e14 Aqui  #b7160e MUDA A COR do Site onde estao os textos  #F3C*/
	margin: -8px auto -20px auto; /*Aqui regula o tamanho da pagina completa */
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	padding: 10px 10px 10px 10px;
}

/* Formatacao de imagens com Legendas {} */

.images-team {  margin-left: 2px;

}

figure.foto-legend { 
	position: relative;
	width: 50%;
	height: 50%;
	border: 4px solid white;
	box-shadow: 1px 1px 4px black;
	line-height: 0.0;
	margin-left: 2px;
}
	
figure.foto-legend img { 
	width: 100%;
	
}
	
figure.foto-legend figcaption {
	opacity: 0;
	position: absolute;
	top: 0px;
	background-color: rgba(0,0,0,.0);
	color: white;
	width: 400px;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	transition: opacity 1s;
	left: 2px;
}
	
figure.foto-legend:hover figcaption { 
	opacity: 1;
}

figure.images-kleinbanne  { 
	margin-left: 1px;   
}

a:hover, a:active {
background-color: #0F0;  /* AQUI QUANDO PASAR O MAUS ENSIMA DE UM LIKS ELE MUDA A COR */
}




/* ATE AQUI -- Formatacao de imagens com Legendas {} */


/* TAMANHO DA BANNE 1 */
.mainHeader img {
	width: 100%;
	height: auto; 
	margin: -1% 0 0 0;	
}



/* NAVEGACAO {} */

.container { 
    margin: -20px auto;  /* AQUI sobe todo menu junto  30px  */
    width: 100%;  /* AQUI aumenta todo menu junto  90%  */
	
}


/* general styles */
.menu, .menu ul { 
    list-style: none;
    padding: 0;
    margin: 0;
	height: 50px;
	
}



.menu li { 
	
    background: -moz-linear-gradient(#292929, #252525);
    background: -ms-linear-gradient(#292929, #252525);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525));
    background: -webkit-linear-gradient(#292929, #252525);
    background: -o-linear-gradient(#292929, #252525);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')";
    background: linear-gradient(#292929, #252525);

    border-bottom: 2px solid #181818;
    border-top: 2px solid #303030;
    width: 120px;  /* 10px AQUI DIMINUE O TAMANHO DE CADA BATTON ORIGINAL 160px  */
	
}

.menu > li { 
    display: block;
    float: left;
    position: relative;
}

.menu > li:first-child { 
    border-radius: 5px 0 0;
}


.menu a { 
    background: #000; /* AQUI MUDA A COR DO BUTTON */
    border-left: 3px solid rgba(0, 0, 0, 0);
    color: #FFF;    /* COR LETRAS DENTRO DO BUTON ORIGINAL #808080 */
    display: block;
    font-family: 'Lucida Console';
    font-size: 14px;  /* AQUI DIMINUE A LETRA DENTRO DO BUTTON ORIGINAL 18px */
    line-height: 54px;
    padding: 0 25px;
	text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/* onhover styles */
.menu li:hover { 
    background-color: #000;
    background: -moz-linear-gradient(#1c1c1c, #1b1b1b);
    background: -ms-linear-gradient(#1c1c1c, #1b1b1b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b));
    background: -webkit-linear-gradient(#1c1c1c, #1b1b1b);
    background: -o-linear-gradient(#1c1c1c, #1b1b1b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')";
    background: linear-gradient(#1c1c1c, #1b1b1b);

    border-bottom: 2px solid #0F0;  /* COR DEBAICHO DO BUTON ORIGINAL #222222 */
    border-top: 2px solid #1B1B1B;
}
.menu li:hover > a { 
    border-radius: 5px 0 0 0;
    border-left: 3px solid #F00; /* COR LADO ESQUERDO DO BUTON ORIGINAL #C4302B */
    color: #C4302B;
}

/* submenu styles */
.submenu { 
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;  
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}


.submenu li { 
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu .submenu li:hover a { 
    border-left: 3px solid #454545;
    border-radius: 0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu { 
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li { 
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}


/* CSS3 delays for transition effects */
.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.menu li:hover .submenu li:nth-child(9) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}
.menu li:hover .submenu li:nth-child(10) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
}
.menu li:hover .submenu li:nth-child(11) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
.menu li:hover .submenu li:nth-child(12) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms;
}
.menu li:hover .submenu li:nth-child(13) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.menu li:hover .submenu li:nth-child(14) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -ms-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms;
}



.submenu li:nth-child(1) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -ms-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
}

.submenu li:nth-child(6) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.submenu li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(9) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(10) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(11) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(12) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(13) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}



/* ATE AQUI NAVEGACAO ATE AQUI {} */


 /* ############### AQUI menu que esconde ################# */

.clearfix:before,
.clearfix:after { 
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix { 
    *zoom: 1;
}

nav a#ol {
	display: none;
	color: #FFF;
	position: absolute;
	text-align: left;
}

nav a#ol:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;	
	}

/* ################# ATE AQUI menu que esconde ################ */





/* Tabela do KONTAKT */

table.kontakt {
	
   border: 3px solid #FFF;
	   width: 50%;
   height: 50%;
}
td,tr  {
	text-align: left;
   border: 3px solid #FFF;
}
/* ATE AQUI - Tabela do KONTAKT */

/* Tabela do LINKS */
table.doFixed {
	table-layout:fixed;
}
table {
   border: 3px solid #ffffff;
   width: 100%;
}
th,td  {
	text-align: center;
   border: 2px solid #ffffff;
}




/* CELULAR */
@media only screen and (max-width : 480px) {
	
.body { 
	width: 98%;
	font-size: 75%;
}

div#interface { 
	width: auto;
	margin: -12px -8px -8px -10px; /*Aqui regula o tamanho da pagina completa */
}
	
/* Formatacao de imagens com Legendas {} */

figure.foto-legend {
	width: 90%;
		
}
figure.foto-legend figcaption {
	width: auto;
}
/* ATE AQUI -- Formatacao de imagens com Legendas {} */


/* ########### NAVEGACAO  ########### */
.container { 
    margin: 0px auto;  /* AQUI sobe todo menu junto  30px  */
    width: 100%;  /* AQUI aumenta todo menu junto  90%  */	
}

.menu > li { 
  		width: 50%;
  		position: relative;

}

.menu a { 
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		font-size: 14px;  /* AQUI DIMINUE A LETRA DENTRO DO BUTTON ORIGINAL 18px */
}

.submenu li {    /* AQUI MUDA O TAMANHO DOS UNTERE BUTTON */
width: 94%;
}

/*########### ATE AQUI - NAVEGACAO - ATE AQUI ########### */


/*########### AQUI MENU QUE ESCONDE ########### */
	nav { 
		border-bottom: 0;
	}
	
	nav ol { 
		display: none;
		height: auto;
	}
	
	nav a#ol { 
		display: block;
		background-color: #283744;
		width: 94%;
		padding: 10px 0 0 10px;
		height: 40px;

	}
	
/* ########### ATE AQUI MENU QUE ESCONDE ########### */



}