/* CSS Document */

*{
box-sizing: border-box;
}

@font-face{
font-family:vera;
src: url(fonts/Vera.ttf);
}

@font-face{
font-family:vera;
src: url(fonts/VeraBd.ttf);
font-weight:bold;
font-style:normal;
}

@font-face{
font-family:vera;
src: url(fonts/VeraIt.ttf);
font-weight:regular;
font-style:italic;
}

@font-face{
font-family:vera;
src: url(fonts/VeraBI.ttf);
font-weight:bold;
font-style:italic;
}

h1{
font-family: vera;
font-size:20pt;
font-weight:normal;
padding:0px;
margin:0px;
line-height:1.3;
}

h2{
font-family: vera;
font-size:14pt;
font-weight:normal;
padding:0px;
margin:0px;
line-height:1.3;
}

.headQuote{
font-size:16pt;
font-weight:normal;
color:#ffffff;
}

.headQuote:before{
top:0;
left:0;
padding-right:20px;
content:url("pict/textSqu.png");
}

.stressed{
font-weight:bold;
color:#FFFFFF;
}

html, body{
background-color:#1e1e1e;

width:100%;
height:100%;
margin:0px;
font-family:vera;
font-size:12pt;
color:#EEF2F2;
line-height:1.6;
}

#layer1{
width:100%;
height:100%;
position:absolute;
margin:0;
z-index:1;
}

#layer2{
width:100%;
height:100%;
position:absolute;
margin:0;
z-index:2;
}

#layer3{
width:100%;
height:100%;
position:absolute;
margin:0;
z-index:3;
background-color:rgb(0,0,0,0.7);
display:none;
}

.mainBut:link{
width:100%;
height:100%;
display:block;
padding:5px;
color:#CCCCCC;
text-decoration:none;
transition:0.3s;
}

.mainBut:visited{
width:100%;
height:100%;
display:block;
color:#cccccc;
text-decoration:none;
}

.mainBut:hover{
width:100%;
height:100%;
display:block;
background-color:rgba(255, 255, 255, 0.3);
color:#ffffff;
text-decoration:none;
}

.inactiveBut{
width:100%;
height:100%;
display:block;
padding:10px;
background-color:rgba(112, 165, 220, 0.3);
color:#ffffff;
text-decoration:none;
}

#homeBut{
display:none;
}

.logoBut{
text-decoration:none;
padding:0px;
margin:0px;
}

.mainBut_02:link{
width:100%;
height:100%;
display:block;
padding:5px;
color:#00CCFF;
text-decoration:none;
transition:0.3s;
}

.mainBut_02:visited{
width:100%;
height:100%;
display:block;
background-color:rgba(255, 255, 255, 0.3);
color:#00CCFF;
text-decoration:none;
}

.mainBut_02:hover{
width:100%;
height:100%;
display:block;
background-color:rgba(255, 255, 255, 0.3);
color:#FF6600;
text-decoration:none;
}

.mainBut_03:link{
color:#00CCFF;
text-decoration:none;
transition:0.3s;
}

.mainBut_03:visited{
color:#00ccFF;
text-decoration:none;
}

.mainBut_03:hover{
color:#FFCC00;
text-decoration:none;
}

.mainBut_04:link{
color:#FFCC00;
text-decoration:none;
transition:0.3s;
}

.mainBut_04:visited{
color:#FFCC00;
text-decoration:none;
}

.mainBut_04:hover{
color:#FFFF00;
text-decoration:none;
}

.mainBut_05:link{
font-size:14pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#E92D0C;
color:#FBD0B5;
text-decoration:none;
transition:0.3s;
}

.mainBut_05:visited{
font-size:14pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#E92D0C;
color:#FBD0B5;
text-decoration:none;
}

.mainBut_05:hover{
font-size:14pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#f56b53;
color:#FFFFFF;
text-decoration:none;
}

.playBut:link{
font-size:12pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#e4a01c;
color:#000000;
text-decoration:none;
transition:0.3s;
}

.playBut:visited{
font-size:12pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#e4a01c;
color:#000000;
text-decoration:none;
}

.playBut:hover{
font-size:12pt;
width:100%;
height:100%;
display:block;
padding:5px;
text-align:center;
vertical-align:middle;
background-color:#f5c05a;
color:#ae7e21;
text-decoration:none;
}

#playBut{display:none;}

.thumbnail:link{
width:100%;
height:100%;
display:block;
padding:5px;
color:#CCCCCC;
text-decoration:none;
transition:0.3s;
}

.thumbnail:visited{
width:100%;
height:100%;
display:block;
color:#cccccc;
text-decoration:none;
}

.thumbnail:hover{
width:100%;
height:100%;
display:block;
background-color:rgba(255, 255, 255, 0.2);
color:#ffffff;
text-decoration:none;
}

.navBar:link{
width:100%;
height:100%;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
display:block;
color:#cccccc;
text-decoration:none;
transition:0.4s;
}

.navBar:visited{
width:100%;
height:100%;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
display:block;
color:#cccccc;
text-decoration:none;
}

.navBar:hover{
width:100%;
height:100%;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;
display:block;
background-color:rgba(255, 255, 255, 0.3);
color:#ffffff;
text-decoration:none;
}



.backImg{
position:fixed;
display:table;
height:100%;
width:100%;
background-image:url("pict/start_02.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

#backVideo{
position:fixed;
top:100px;
left:-30%;
width:160vw;
height:auto;
object-fit:cover;
border-bottom:1px solid #666666;
}

picture{
max-width:100%;
height:auto;
margin:0px;
padding:0px;
display:block;
}

img{
max-width:100%;
height:auto;
margin:0px;
padding:0px;
}

video{
width:80%;
height:auto;
margin:0;
}

.videoNavTitle{
color:#cccccc;
text-align:center;
color:#999999;
padding-bottom:5px;
}

.row{
padding:0px;
margin:0px;
}

.row::after{
clear:both;
content:"";
display:block;
}

#topCell{
height:80px;
}

[class*="top-"]{
float:left;
text-align:center;
width:100%;
height:100%;
padding-bottom:10px;
background-color:rgba(0, 0, 0, 0.75);
}

.top-left{display:block; width:50%; padding-right:25px; padding-left:20px;}
.top-middle-left{display:none;}
.top-middle-right{display:block; width:50%; padding-right:20px; text-align:right; border-left:solid 1px #898989;}
.top-right{display:none; text-align:left;}

.topContent{
vertical-align:bottom;
padding-bottom:0px;
}

#miguel{vertical-align:bottom;}

#navigHolder{
position:relative;
display:none;
}

#placeHolder{display:none;}

#navig{
position:absolute;
right:25%;
width:50%;
offset-top:0;
}

#navigTable{
width:100%;
}

.navCell{
text-align:center;
vertical-align:bottom;
border-bottom:solid 1px #666666;
}

.navCell_02{
text-align:center;
vertical-align:bottom;
border-bottom:solid 1px #666666;
}


.menuBar{
display:block;
float:left;
width:100%;
height:45px;
background-color:#4f4f4f;
border-top:1px solid #939190;
border-bottom:1px solid #333333;
}


.bar-top{
display:none;
float:left;
width:100%;
height:15px;
background-color:#4f4f4f;
border-top:1px solid #939190;
border-bottom:1px solid #333333;
}

.bar-bottom{
float:left;
width:100%;
height:15px;
background-color:#4f4f4f;
border-top:1px solid #939190;
border-bottom:1px solid #333333;
}

#contactData{
vertical-align:bottom;
padding-bottom:0px;
}

[class*="main-"]{
float:left;
text-align:left;
padding:20px;
margin:0px;
width:100%;
height:50%;
}

.main-left{background-color:rgba(0, 0, 0, 0.8); text-align:right;} 

.main-placeHolder{display:none;}

.main-middle{padding-top:0px;}

.main-middle::-webkit-scrollbar-track{
background-color:#333333;

}
.main-middle::-webkit-scrollbar-thumb{
background-color:#cccccc;
}
.main-middle::-webkit-scrollbar{
width:10px;
}
.main-right{display:none;}
/*
.main-right{background-color:rgba(54, 72, 32, 0.3);}
*/
.main-right::-webkit-scrollbar-track{
background-color:#333333;

}
.main-right::-webkit-scrollbar-thumb{
background-color:#CCCCCC;
}
.main-right::-webkit-scrollbar{
width:10px;
}

.margComm{
float:left;
width:100%;
font-family:vera;
color:#353577;
border-bottom:1px solid #353577;
padding-top:20px;
padding-bottom:20px;
}

[class*="bottom-"]{
float:left;
text-align:left;
padding:20px;
width:100%;
min-height:80px;
}

.bottom-left{display:none;}
.bottom-middle{width:100%; font-size:9pt; color:#999999;}
.bottom-right{display:none;}

.bottomCell{
background-color:#000000;
}

#bottomBar{display:none;}

@media only screen and (min-width: 680px){
#backVideo{width:100vw; height:100vh; top:0; left:0}
.bottomCell{background-color:rgba(0,0,0,0.75);}
#bottomBar{display:table-cell;}
}

@media only screen and (min-width: 800px){
[class*="top-"]{height:140px; padding-bottom:15px;}
.top-left{width:20%; text-align:right;}
.top-middle-left{display:block; width:30%; text-align:left; height:140px; padding-left:40px; padding-right:0px; padding-bottom:9px;}
.top-middle-right{width:30%; text-align:right; height:140px; padding-right:40px; border:0px;}
.top-right{width:20%; display:block;}
#topCell{height:140px;}
.headQuote{font-size:18pt;}
.menuBar{display:none;}
.videoNavTitle{text-align:left; padding-left:5px;}
.bar-top{display:block;}
#miguel{vertical-align:bottom; padding-bottom:0px;}
#data{width:100%; border-right:solid 1px #dddddd; padding-right:40px;}
#navigHolder{display:block; height:100%; background-color:transparent; position:fixed;}
#navig{width:80%; right:20px;}
#placeHolder{display:block;}
#videoHolder{position:fixed;}
.navCell{padding:0px; text-align:right;}
.navCell_02{padding:0px; text-align:left;}
[class*="main-"]{display:block; min-height:inherit;}
.mainBut:link{padding:0px; padding-right:5px;}
.mainBut_02:link{padding:0px; padding-right:5px;}
#homeBut{display:table-row;}
.inactiveBut{padding:0px; padding-right:5px;}
.main-left{width:20%; background-color:rgba(54, 72, 32, 0);}
.main-placeHolder{width:20%; display:block;} 
.main-middle{width:60%; padding-left:40px; padding-right:40px;}
.main-right{display:block;}
.main-right{width:20%;}
#text_02{position:inherit;}
[class*="bottom-"]{display:block;}
.bottom-left{width:20%;}
.bottom-middle{width:60%; padding-left:40px; padding-right:40px;}
.bottom-right{width:20%;}

}