@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#fff;
    font-family: 'Roboto', sans-serif;
	font-size: 18px;
    font-weight: normal;
    background: #000 url(../img/background.jpg) repeat-y top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	line-height:0;
}
.container1 {
    width:100%; 
    margin:0 auto;
    max-width: 1000px;
    padding: 0;
}
.container2 {
    width:100%;
    margin:0 auto;
    max-width: 1000px;
    padding: 0;
}
#foto {
    background: #000;
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
} 
#foto img{
    width:100%;
    -webkit-animation: mymove 2s; /* Safari 4.0 - 8.0 */
    animation: mymove 2s;
} 
    }    
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Standard syntax */
@keyframes mymove {
    from {opacity: 0;}
    to {opacity: 1;}
}

.container3 {
    margin: 0 auto;
    width:100%;
    max-width: 1000px;
    background:transparent url(../img/contentbg.png); 
}
.container4 {
    margin: 0 auto;
    width:100%;
    max-width: 1000px;
    color: #000;
    background:transparent url(../img/contentbg.png);
}
.container5, .container7 {
    margin: 25px auto;
    width:100%;
    max-width: 1000px;
    color: #fff;
    background:transparent url(../img/contentbg.png);
}
.container6 {
    margin: 0 auto;
    width:100%;
    max-width: 1000px;
    color: #fff;
}
.head0 {
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
}
.menuv, .gallery {
    margin: 0 auto;
    padding: 10px 0;
    max-width: 1000px;
    width:85%;
} 
.content {
    margin: 0;
    padding: 35px;
    text-align: justify;
} 
.panel {
    margin: 0;
    padding: 35px;
    text-align: justify;
}  
.head0 img {
  margin: 0 0 10px 0;
  padding: 0;  
  border: 0;
  vertical-align: middle;
}
.logo {
    margin:0 auto;
	padding:0;
	max-width: 1000px;
}
.logo1 {
    padding-top: 10px;
    width:50%;
    float: left;
}
.logo2 {
    position: relative;
    width: 30%;
    float: right;
    text-align: right;
    padding-top: 20px;
    padding-right: 10px;
}
.logoimg {
    margin: 0;
    min-width: 200px;
    max-width: 500px;
}
.logo2 a {
    padding: 4px 0 4px 2px;
    opacity: 0.7;
    text-decoration: none;
}
.logo2 a:hover {
    opacity: 1;
}
.logo2 img {
    max-width: 30px;
    max-height: 30px;
}
.navig {
    margin: 0 auto;
    padding: 0;
    color: #fff;
    background: #000;
    height: 50px;
    text-align: center;
}
/*Strip the ul of padding and list styling*/
.navig ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}
/*Create a horizontal list with spacing*/
.navig li {
	display:inline-block;
	float: left;
    background: #000;
	margin-right: 0px;
}

/*Style for menu links*/
.navig li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	color: red;
	text-decoration: none;
}

/*Hover state for top level links*/
.navig li:hover a {
	background: #333;
	color: white;
}

/*Style for dropdown links*/
.navig li:hover ul a {
	background: #ccc;
	color: red;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.navig li:hover ul a:hover {
	background: red;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.navig li ul {
	display: none;
}

/*Make dropdown links vertical*/
.navig li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.navig li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.navig ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: red;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
.navig input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.navig input[type=checkbox]:checked ~ #menu{
    display: block;
}

.foot {
    margin: 20px;
    padding: 0;
    text-align: center;
    font-size: 0.8em;
}       
img {
  border: 0;
}
h1 {
	margin: 10px 0 30px 0;
	padding: 0;
	color:red;
    font-size: 1.8em;
    font-weight: normal;
    text-align: left;
    text-shadow: 2px 2px 15px #000;
}
h2 {
    margin: 10px 0 20px 0;
    color: red;
    font-size: 1.5em; 
    font-weight: normal;
    text-align: center;
    text-shadow: 2px 2px 10px #000;
}
h3 {
	font-size:1.2em;
	padding: 10px;
	margin: 0;
	color: red;
    text-shadow: 2px 2px 10px #000;
}
hr {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border: 0;
    width: 100%;
    color: darkred;
    background-color: darkred;
    height: 10px;
}
p {
	margin:10px 0;
	padding:0;
}
a {
	color:red;
	text-decoration:underline;
    }
 a:hover {
	color:#fff;
}
td {font-size: 18px;
    text-align: left;
}
    
.lang, .header, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .mainbar,{
	margin:0;
	padding:0;
}
.block {
    display: table-cell;
}
.center {
    text-align: center;
}
.content .bigpic img {
  margin: 0, auto;  
  width: 90%;
  max-width: 800px;  
  border: 2px solid #fff;
  opacity: 1;
}
.content .bigpic img:hover {
  opacity: 0.8;
}
.panel img {
  margin: 0, auto;  
  width: 100%;
  max-width: 800px;  
  border: 2px solid #fff;
  opacity: 1;
}
.panel img:hover {
  opacity: 0.8;
}
.content {
	text-align: justify;
}
.content a {
	color: #fff;
}
.sil {
    color: red;
    text-shadow: 2px 2px 12px #000;
}
.content ul {
	padding: 0 0 0 40px;
}
.content li {
}
.his {
    float: right;
    width: 35%;
    text-align: center;
    margin: 20px;
    padding: 20px;
    background:transparent url(../img/contentbg.png);
}

.his a {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    text-decoration: none;
    border: 2px solid red;
    border-radius: 3px;
}
.content img {
    margin: 0 15px;
	width: 40%;
    max-width: 300px;
    border: 2px #fff solid;
}
.tbl {
    margin: 0 auto;
    width: 100%;
}
.tbl table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
.tbl td {
    color: #808080;
    background: #fff;
    border-bottom-style: solid;
    border-bottom-color: #808080;
    border-bottom-width: 2px;
    font:normal 15pt Tahoma, Helvetica, sans-serif;
}
.tbl th {
    color: #808080;
    background: #ddd;
    border-bottom-style: solid;
    border-bottom-color: #808080;
    border-bottom-width: 2px;
    font:bold 15pt Tahoma, Helvetica, sans-serif;
}
.board {
    background:transparent url(../img/contentbg.png); 
}
.gallery {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 25px 0;
    text-align: center;
    background:transparent url(../img/contentbg.png);
}
.gallery .pict {
    margin: 0;
    width: 30%;
    max-height:350px;
    max-width:350px;
    opacity: 1;
    border: 2px solid #fff;
}
.gallery .pict:hover
{
    opacity: 0.8;
        
}
.gallery .thumb-screen
{
    margin: 0px;
    width: 25%;
    max-height:150px;
    max-width:150px;
    opacity: 1;
    border: 2px solid #fff;
}
.gallery .thumb-screen:hover
{
   opacity: 0.8;
}
ol {
	list-style:none;
    padding: 20px;
}
ol li {
	display:block;
	clear:both;
    margin: 10px;
}
ol li label {
    min-width: 65px;
    display: inline-block;
	color: #fff;
	margin:0;
	padding:5px;
    text-align: right;
}
ol li input.text, select {
	width:80%;
    border:0;
    color: red;
    border: 2px solid red;
    border-radius: 3px;
    background:transparent url(../img/inputbg.png);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
ol li input.text:focus {
}
ol li textarea {
	width:80%;
	border:0;
    color: red;
    border: 2px solid red;
    border-radius: 3px;
	background:transparent url(../img/inputbg.png);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
ol li textarea:focus {
}
ol li .but {
    color: red;
    text-decoration: none;
    margin: 20px 0;
    padding: 5px;
    border-radius: 3px; 
    border: 2px solid red;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
    background: transparent;
    
}
ol li .but:hover {
    color: #fff;
}
iframe {
  width: 100%    !important;
  /*height: auto   !important;*/
  border: 2px solid #fff;
  border-radius: 0px;
  background: #000; 
}
video {
  width: 100%    !important;
  height: auto   !important;
  border: 2px solid #fff;
  border-radius: 0px; 
}
.scrollToTop{
    text-align: right;
	right: 15px;
	bottom: 0;
	padding:0;
    margin:0; 
	position:fixed;
	z-index: 33;
    display: none;
	border: 0;
    opacity: 0.7;
}
.scrollToTop:hover{
	text-decoration:none;
    opacity: 1;
}
.scrollToTop img{
    width: 100px ;
}
/* Media Queries */
@media (max-width: 1200px) {
    
     .container3, .head0, .logo {
        width: 100%;
     }
}
@media (max-width: 850px) {
    
     body, ol li input.text, ol li textarea, ol li .send, select, td {
         font-size: 18px;
        } 
    .head0 {
          padding: 0;
     }    
     .pict {
        width: 25%;
     }
     .gallery {
        padding: 30px 0 30px 0;
     }
     .thumb-screen
        {
         width:25%;
        }
      .scrollToTop img{
    width: 75px ;
}  
}
@media (max-width: 760px) {
    
    .content, .panel {
	    padding: 15px;
    } 
    .menu a {
         display: block;
         width: 90%;}
     .his {
         display: block;
         margin: 0 auto;
         width: 97%;
         }    
     .logoimg { 
         width: 90%; }  

    .logo1 {
        display: block;
        text-align: center;
        float: none;
        width: 100%;
     }
     .logo2 {
        display: block;
        text-align: center;
        float: none;
        width: 95%;
     }
     .thumb-screen
        {
         width:29%;
        }
      /*Make dropdown links appear inline*/
	.navig ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.navig li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	.navig ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}  
}

@media (max-width: 640px) {
    
     body, ol li input.text, ol li textarea, ol li .but, select, td {
         font-size: 16px;
        } 
    body {
    background: #000 url(../img/backgroundsmall.jpg) no-repeat top center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}   
    .head0 {
        padding: 0;
     }       
    .logoimg {
         width: 100%;
          } 
     .block {
       display: block;
} 
     .scrollToTop img{
       width: 50px ;
     }
}
@media (max-width: 480px) {
     .gallery {
        margin: 0;
        padding: 10px 0;
     }
  
}