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

@import url('https://fonts.googleapis.com/css?family=Dosis|Raleway&display=swap');

	a:visited {outline:none; text-decoration:none; border:none; border-color:transparent;}
	a:hover {outline:none; text-decoration:none; border:none; border-color:transparent;}
	a:active {outline:none; text-decoration:none; border:none; border-color:transparent; }
	a:focus {outline:none;text-decoration:none; border:none; border-color:transparent;}
    #contact a {outline:none; text-decoration:none; color:#969696; border:none; border-color:transparent;}
    #contact a:hover {outline:none; text-decoration:none; color:#333; border:none; border-color:transparent;}
	#content a {outline:none; text-decoration:none; color:#d5465d; border:none; border-color:transparent;}
    #content a:hover {outline:none; text-decoration:none; color:#ccc; border:none; border-color:transparent;}	
	
	#content2colum a {outline:none; text-decoration:none; color:#969696; border:none; border-color:transparent;}
    #content2colum a:hover {outline:none; text-decoration:none; color:#ea1717; border:none; border-color:transparent;}

	.footer a:link {outline:none; color:#d5465d; text-decoration:none; border:none; border-color:transparent;}
	.footer a:visited {outline:none; color:#d5465d; text-decoration:none; border:none; border-color:transparent;}
	.footer a:hover {outline:none; color:#ccc; text-decoration:none; border:none; border-color:transparent;}
	.footer a:active {outline:none; color:#ccc; text-decoration:none; border:none; border-color:transparent; }
	.footer a:focus {outline:none; color:#ea1717; text-decoration:none; border:none; border-color:transparent;}
	
	a:link {outline:none;text-decoration:none; border:none; border-color:transparent;}
	

.capitale {color:#832181}

::-webkit-scrollbar 
{
    width: 0px;
}

.img {
    max-width:100%;
    max-height:100%;
	border:0;
   
}

.logosmall
{
	height: 35px;
	width: 35px;
	margin-bottom: -10px;
	left: 10px;
}

.logo
{
	height: 20%;
	width: 20%;
}



body, html {
  	 font-family: 'Raleway';
	color:#d5465d;
  	height: 100%;
  	padding: 0;
  	margin: 0;
	background-color:#CCC;
	background-image:url(../pics/bg.png);
}



nav ul 
{
	width:921px;
	height:40px;
    margin: 0 auto;
	z-index: 10;
	
 }

nav li 
{
	
    margin: 0 5px 0 5px;
	display: inline;
	float:left;
}

nav a
{
	color:#d5465d;
	text-decoration:none;
	display:inline-block;
	
	
	
}

nav a:hover, nav a:active
{
	color:#ccc;
}

nav a#pull
{
	display:none;
}


ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}


#active, #activedown
{

	background-image: url(../pics/active.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding: 0 0 5px 0;
	
	
}

	
#navi
{
	color:#d5465d;
	font-size:25px;
	padding: 12px 12px 0 12px;
	height:38px;
	width:100%;
	position:fixed;
	background-color:#000;
	top:0px;
	z-index:5;
	background-image:url(../pics/bg.png);
	}	

.quad
{
	visibility: visible;
	color: #832181;
}

#line
{
	width: 100%;
	top: 50px;
	height: 1px;
	background-color: #ccc;
	z-index: 2;
	position: fixed;
}




#content
{
	/*background-image:url(../pics/background.jpg);*/
	background-repeat: no-repeat;
	
	background-size: 100%;
	height:auto;
	width:100%;
	top:35px;
	z-index:1;
	position:relative;
	margin: auto;
	text-align: center;

  
	
	
}


.contentlogin
{
	position: relative;
	width: 300px;
	top: 80px;
	z-index: 8;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


#left
{
	
	width: auto;
	position: relative;
	left: 0px;
	float: left;

}
#right
{

	right: 15px;
	width: auto;
	
	position: fixed;
	float: right;
}




.clear
{
	clear:both;
}


#bottomline
{
	width: 100%;
	bottom: 25px;
	height: 1px;
	background-color: #ccc;
	z-index: 2;
	position: fixed;
}



.footer
{
	bottom: 0px;
	height: 10px;
	padding: 5px 0 10px 0;
	font-size: 10px;
	width: 100%;
	text-align: center;
	position: fixed;
	background-image:url(../pics/bg.png);
	z-index:5;
}

.footerleft
{
	float: left;
	left: 0;
	width: 33%;
}

.footercenter
{
	float: left;
	width: 33%;
}
.footerright
{
	float: left;
	right: 0;
	width: 33%;
}


iframe {
  max-width: 100%;
  padding:20px;
	border-width:0;

}

.yt
{
	width:560px;
	height:315px;
	text-align: center;
}


.tabnav
{
	
	position:relative;
text-align: left;
	height:50px;
	 overflow-y: hidden;
    white-space: nowrap;
	top:15px;
	
	
	}
	
.tablink
{
		
  border: none;
  color: #000;
  padding: 15px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	margin-left: -5px;
  outline: none;
margin-top: 5px;
 top: -5px;
	position: relative;
	background-color: #ccc;
  cursor: pointer;
 
	
	}
	
.tabnavcontainer
{
	top:35px;
	position: relative;
	width: 100%;
text-align: center;
	margin-bottom: 100px;
	}




.active, .tablink:hover {
  background-color: #832181;
  color: white;
	position: relative;
	top: -5px;
height: 55px;
	border-radius: 5px 5px 0px 0px;

	
}

#hryt
{
	position: relative;
	top: 15px;
	width: 100%;
	height: 5px;
	background-color: #832181;
	z-index: 2;
}

.spanyt
{
	margin-top: 30px;
	
	display:inline-block;
	justify-content:center;
	
}

.button
{
	background: #797b7f;
    background: -moz-linear-gradient(-45deg, #797b7f 0%, #b5b8bf 50%, #8e9397 51%, #8e9397 71%, #828589 100%);
    background: -webkit-linear-gradient(-45deg, #797b7f 0%,#b5b8bf 50%,#8e9397 51%,#8e9397 71%,#828589 100%);
    background: linear-gradient(135deg, #797b7f 0%,#b5b8bf 50%,#8e9397 51%,#8e9397 71%,#828589 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797b7f', endColorstr='#828589',GradientType=1 );
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    border: medium none;
}