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

@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Bold.ttf);
  font-weight: bold;
}

@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Italic.ttf);
  font-style: italic;
}

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

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

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  src: url('/fonts/fontawesome.ttf');
}


html { height: 100%; min-height: 100%; margin:0px; padding:0px}
body {COLOR: #666666; font-family:  OpenSans, Arial, Helvetica; font-size: 14px; height:100%; min-height: 100%; margin: 0px; padding:0px; scroll-behavior: smooth;}

#totop {position: fixed; top: 10px; left: 10px; transition: 1s; opacity: 0;}
#totop a {font-size: 14px; COLOR: #ff8000; text-decoration: none;}


#basket {
position: fixed;
bottom: 10px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
box-sizing: border-box;
text-align: center;
border-radius: 20px;
background: white;
z-index: 12;
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);

}

#basket:before  {
  content: "";
  display: inline-block;
  min-height: inherit;
  height: 100%;
  vertical-align: middle;

}

#basket a {
     display: block; 
     position: absolute;
     z-index: 1;
     height: 40px;
     width: 40px;
     top: 0px;
     left: 0px;
    }

   
#basket span { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 20px; color: #f8640e; margin: 0px 0px 0px -2px; }
    
    
#basketcount {
position: absolute;
top: 5px;
right: 5px;
width: 10px;
height: 10px;
box-sizing: border-box;
border-radius: 5px;
background: #083df8;
color: white;
text-align: center;
font-size: 7px;
padding: 0px;
}

a.basketicon { display: block; position: relative; top: 5px; left: 5px; font-family: FontAwesome; font-size: 20px; color: #f8640e; text-decoration: none; z-index: 11px; width: 20px; heigth: 20px; }

tr.t {color: black; font-size: 14px; font-weight: bold;}


blockquote { padding: 0px; margin: 0px; }

table.bordered {COLOR: #666666; font-size: 10px; border: 1px solid #2583c3}


div.news {
width: 100%;  
margin: 0px 0px 40px 0px;

}  

div.news:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
  
}  

div.newstext {
float: left;

}
  
div.newstext h2 {

COLOR: #2583c3;
font-size: 18px; 
font-weight: normal;
text-align: left;
margin: 10px 0px;
padding: 0px;

}

div.newstext h2 a {

COLOR: #2583c3;
font-size: 18px; 
text-decoration: none;

}

div.newstext h2 a:hover {

COLOR: #ff8000;
text-decoration: underline;

}


  div.newsimage {

  max-width: 50%;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  float: left;
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: white;
    
}

div.leftbutton { 
  
  width: 165px; 
  padding: 5px;
  background:  #1c4574;
  background: linear-gradient(to top, #206090, #3090ff);
  border-radius: 5px;
  font-size: 14px;
  COLOR: #ffffff; 
  text-shadow:  -1px -1px 0px rgba(0,0,0,0.5);
  font-weight: bold;
  text-transform: uppercase;
  box-sizing: border-box;
  margin: 0px 0px 10px 0px;
  text-align: center;
  
}

div.leftbutton a {
     display: block;
     text-align: center;
     height: 100%;
     color: white;
     text-decoration: none;
    }


TD.menu {
	padding: 0px 10px 0px 10px;
	height: 40px;
	white-space: nowrap;
	cursor: pointer;
	font-size: 14px;
	COLOR: #ffff00; 
	text-align: center;  
	font-weight: normal;
	background: #f8640e;
	background: linear-gradient(to top, #c04000, #ff8020);
        text-shadow:  -1px -1px 0px rgba(0,0,0,0.5);
	

}

TD.menu:hover {

  background: #f8640e;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
  
}

TD.menu:first-child {
 
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  
}

TD.menu:last-child {
 
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  
}


TD.tableheader {
	padding: 0px 0px 0px 0px;
	background-image: url(/images/table_back.gif); 
	background-position: 0% 0%; 
	background-repeat: repeat-x;
}

div.tableheader {
margin: 5px 10px 5px 10px;
}

p {COLOR: #666666;  font-size: 14px; margin: 15px 0px; text-align: justify; }
a {COLOR: #2583c3;  text-decoration: underline;}

a.newsall {

padding: 2px;
border-bottom: 1px dotted #3399CC;
COLOR: #3399CC;  
font-size: 15px;
text-decoration: none;

}

p.download {
  
text-align: center;
  
}

a.textdownload {
  
color: #ff8000; text-decoration: none; font-weight: bold; 
  
}

a.textdownload:hover {
  
color: #f04000; text-decoration: underline; 
  
}



a.download {
	display: inline-block;
	width: 175px;
	height: 27px;
	margin: 10px;
	box-sizing: border-box;
	padding: 3px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	COLOR: white; 
	text-decoration: none;
	text-align: center;  
	font-weight: normal;
	background: #f8640e;
	background: linear-gradient(to top, #c04000, #ff8020);
        text-shadow:  -1px -1px 0px rgba(0,0,0,0.5);

}

a.download:hover {

  background: #f8640e;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
  
}


p.sub {COLOR: #5b87de; background-color: #e0f0ff; text-align: left;  font-size: 13px; font-weight: normal; margin: 5px 5px 25px 5px;  padding: 5px 5px 5px 5px;}

p.sub0 {COLOR: #202020; background-color: #f9f9f9; text-align: left;  font-size: 13px; font-weight: normal; margin: 0px 0px 0px 0px;  padding: 5px 5px 5px 5px;}
p.sub1 {COLOR: #202020; background-color: #e0e0e0; text-align: left;  font-size: 13px; font-weight: normal; margin: 0px 0px 0px 0px;  padding: 5px 5px 5px 5px;}


a.sub { color: #ff8000;  font-size: 13px; font-weight: normal; text-decoration: underline }
a.sub:hover { color: #ff8000;  font-size: 13px; font-weight: normal; text-decoration: none }


p.news {COLOR: #666666; text-align: justify;  font-size: 11px; margin: 0px 0px 10px 0px; line-height: 1.5;}
a.news {COLOR: #666666;  font-size: 11px;  text-decoration: none;}
a.news:hover {COLOR: #ff8000; font-size: 11px;  text-decoration: underline;}

span.date {COLOR: #3399cc;  font-size: 13px; font-weight: bold; }
span.social {COLOR: #808080;  font-size: 14px; font-weight: bold; }

p.galery {COLOR: #000040; text-align: center; font-weight: bold;   font-size: 10px; margin: 2px 0px; }

p.j {COLOR: #656565; text-align: justify;  margin: 7px 0px; line-height: 1.5;}
p.l {COLOR: #202020; text-align: left;   font-weight: bold; margin: 7px 0px; line-height: 1.5; }
p.c {COLOR: #7f7faf; text-align: center;  font-weight: normal; margin: 15px 0px; line-height: 1.5; letter-spacing: 0.1em}
p.r {COLOR: #606090; text-align: right;  font-style: italic; margin: 10px 0px; line-height: 1.5;}

p.big {COLOR: #666666; text-align: left;  font-size: 15px; font-weight: normal; margin: 7px 5px 7px 5px; line-height: 1.5; }
p.h1 {COLOR: #666666; text-align: left;  font-size: 16px; font-weight: normal; margin: 0px 5px 7px 5px; line-height: 2; }


div.bottom {COLOR: #FFFFFF; text-align: right; margin: 0px 0px 0px 0px;  font-size: 9px; font-weight: normal; }
a.small {COLOR: #FFFFFF;  font-size: 9px; text-decoration: underline;}

a.h1 {COLOR: #2583c3; text-align: center;  font-weight: normal; font-size: 14px; text-decoration: none; }
a.h1:hover {COLOR: #2583c3; text-align: center;  font-size: 14px; font-weight: normal; text-decoration: underline; }

a.h2 {COLOR: #2583c3; text-align: center;  font-weight: normal; font-size: 13px; text-decoration: underline; }
a.h2:hover {COLOR: #2583c3; text-align: center;  font-size: 13px; font-weight: normal; text-decoration: none; }


a.catalog {COLOR: #808080; text-align: center;  font-weight: bold; font-size: 12px; text-decoration: none; }
a.catalog:hover {COLOR: #75b511; text-align: center;  font-size: 12px; font-weight: bold; text-decoration: none; }

a.catalog2 {COLOR: #808080; text-align: center;  font-weight: normal; font-size: 11px; text-decoration: none; }
a.catalog2:hover {COLOR: #ff0000; text-align: center;  font-size: 11px; font-weight: normal; text-decoration: none; }


a.menumain {COLOR: #ffffff; text-align: center;  font-weight: normal; font-size: 14px; text-decoration: none;   }
a.menumain:hover {COLOR: #ffffa0; text-align: center;  font-size: 14px; font-weight: normal; text-decoration: none; }

a.menumaina {COLOR: #ffffa0; text-align: center;  font-weight: normal; font-size: 14px; text-decoration: none; }
a.menumaina:hover {COLOR: #ffffa0; text-align: center;  font-size: 14px; font-weight: normal; text-decoration: none; }


a.menu {COLOR: #595959; text-align: center;  font-weight: normal; font-size: 12px; text-decoration: none; }
a.menu:hover {COLOR: #75b511; text-align: center;  font-size: 12px; font-weight: normal; text-decoration: none; }

a.menua {COLOR: #75b511; text-align: center;  font-weight: normal; font-size: 12px; text-decoration: none; }
a.menua:hover {COLOR: #75b511; text-align: center;  font-size: 12px; font-weight: normal; text-decoration: none; }

p.menu2 {COLOR: #3399CC; text-align: left;  font-weight: bold; font-size: 14px; margin: 0px 5px 10px 0px; text-transform: uppercase; }
p.menu3 {COLOR: #666666; text-align: left;  font-weight: normal; font-size: 12px; margin: 1px 5px 1px 10px; }
p.menu4 {COLOR: #666666; text-align: left;  font-weight: normal; font-size: 11px; margin: 1px 5px 1px 20px; }
p.menu5 {COLOR: #666666; text-align: left;  font-weight: normal; font-size: 11px; margin: 1px 5px 1px 30px; }


p.c2 {COLOR: #2583c3; text-align: center;  font-weight: normal; font-size: 11px; margin: 5px 5px 5px 5px; }

a.menu2 {COLOR: #3399CC;  font-size: 14px;  text-decoration: none; font-weight: bold; text-transform: uppercase; }
a.menu2:hover {COLOR: #006699;  font-size: 14px;  text-decoration: underline; font-weight: bold; text-transform: uppercase;}

a.menu2a {COLOR: #006699;  font-size: 14px;  text-decoration: none; font-weight: bold; text-transform: uppercase;}
a.menu2a:hover {COLOR: #006699;  font-size: 14px;  text-decoration: underline; font-weight: bold; text-transform: uppercase;}


a.menu3 {COLOR: #666666;  font-size: 12px;  text-decoration: none;}
a.menu3:hover {COLOR: #ff8000;  font-size: 12px;  text-decoration: underline;}

a.menu3a {COLOR: #ff8000;  font-size: 12px;  text-decoration: none;}
a.menu3a:hover {COLOR: #ff8000;  font-size: 12px;  text-decoration: underline;}

a.menu4 {COLOR: #666666;  font-size: 11px;  text-decoration: none;}
a.menu4:hover {COLOR: #ff8000;  font-size: 11px;  text-decoration: underline;}

a.menu4a {COLOR: #ff8000;  font-size: 11px;  text-decoration: none;}
a.menu4a:hover {COLOR: #ff8000;  font-size: 11px;  text-decoration: underline;}


a.title {COLOR: #5b87de;  font-size: 12px;  font-weight: bold; text-decoration: none;}
a.title:hover {COLOR: #ff8000;  font-size: 12px;  font-weight: bold; text-decoration: none;}

a.nav {
	COLOR: #ff8000;
	 
	font-size: 12px; 
	text-decoration: none
	}

a.nav:hover {
	COLOR: #3399CC;
	 
	font-size: 12px; 
	text-decoration: underline
	}

a.menus {COLOR: #3399CC;  font-size: 14px;  text-decoration: none; font-weight: bold; text-transform: uppercase; }
a.menus:hover {COLOR: #006699;  font-size: 14px;  text-decoration: underline; font-weight: bold; text-transform: uppercase;}

a.menusa {COLOR: #006699;  font-size: 14px;  text-decoration: none; font-weight: bold; text-transform: uppercase;}
a.menusa:hover {COLOR: #006699;  font-size: 14px;  text-decoration: underline; font-weight: bold; text-transform: uppercase;}


a.gray {COLOR: #808080;  font-weight: normal; font-size: 10px; text-decoration: none; }

a.pages {COLOR: #2583c3;  font-size: 10px; text-decoration: underline; font-weight: normal;}
a.pages:hover {COLOR: #2583c3;  font-size: 10px; text-decoration: none; font-weight: underline;}

ul {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px}
li { COLOR: #666666; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; line-height: 1.5;}

ul.list0 {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style-type: disc; }
ul.list0 li { COLOR: #2583c3; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; line-height: 1.5;}
ul.list0 li span { COLOR: #666666; }

ul.list1 {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style-type: disc; }
ul.list1 li { COLOR: #ff8000; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; line-height: 1.5;}
ul.list1 li span { COLOR: #666666; }

ol.list2 {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style-type: decimal; COLOR: #666666; }
ol.list2 li { COLOR: #666666; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; line-height: 1.5;}
ol.list2 li span { COLOR: #666666; }

ol.list3 {margin: 10px 0px 0px 25px; padding: 0px 0px 0px 2px; list-style-type: none; counter-reset: list3; }
ol.list3 li { COLOR: #666666; text-align: left;  font-weight: normal; font-size: 12px; margin: 0px 0px 0px 15px; line-height: 1.5;}
ol.list3 li:before { content: counter(list3) ')  '; counter-increment: list3; }
ol.list3 li span { COLOR: #666666; }

div.pages {COLOR: #202040; text-align: right;  font-size: 10px; margin: 2px 2px 8px 2px; font-weight: bold;}

div.registration {text-align: center; margin: 40px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 175px; height: 175px; }
div.galery {text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;  }


img.section { border-style: solid; border-width: 1px; border-color: #2583c3; }

img.round { border-radius: 5px; transition: 0.5s; border: 1px solid white; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); transform-style: preserve-3d; transform: perspective(1000px) rotate3d(0,0,0,0); z-index: 2; }

img.round:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); border: 1px solid white; transform: perspective(400px) rotate3d(3,0,0,10deg); }


div.cardtext { position: relative; margin: 20px 0px 0px 0px; text-align: center; }

div.roundcard { position: relative; width: 100%; margin: 10px 0px;  text-align: center;}
div.roundcard img { width: 300px; max-width: 100%; }

div.label { position: absolute; top: 5px; right: 5px; z-index: 10; min-width: 100px; box-sizing: border-box; COLOR: white; text-align: center; padding: 5px 10px; font-size: 13px; font-weight: bold; border-radius: 6px; background: #f8640e; background: linear-gradient(to top, #c04000, #ff8020); text-shadow:  -1px -1px 0px rgba(0,0,0,0.5); }

span.price {COLOR: #3399cc; padding: 2px 10px; font-size: 18px; font-weight: bold; border-radius: 3px; margin: 10px 0px; display: block; }
span.priceopt {color: #3399cc; font-size: 13px; font-weight: bold; }

p.info {color: #3399cc; text-align: center;  font-size: 13px; margin: 15px 0px; line-height: 1.5;}

div.carddiv {max-height: 0px; overflow: hidden; transition: 1s; text-align: justify; }
div.carddiv a {	COLOR: #3399cc; font-size: 15px; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #3399cc; }
div.carddiv ul { margin: 0px; }
div.carddiv ul li { COLOR: #3399cc; font-size: 15px; font-weight: normal; list-style: none; padding: 30px 0px 30px 70px; background: url(/images/pdf.png) 0 50% no-repeat; }
div.cardarrow {position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; transition: 1s; background-image: url(/images/cardplus.png); background-position: 50% 50%; background-repeat: no-repeat; margin: 0px 5px; } 
div.cardarrow a {border: none;}


div.card { position: relative; display: inline-block; width: 210px; max-width: 100%; height: 380px; margin: 40px 10px 10px 10px; padding: 0px; font-weight: bold; text-align: center; box-sizing: border-box; vertical-align: top; }
div.card div.cardimage { position: relative; height: 210px; width: 100%; border: 1px solid #d0d0d0; border-radius: 5px; text-align: center; box-sizing: border-box; }
div.card div.cardimage img {margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
div.card div.cardname { position: relative; display: block; max-height: 60px; overflow: hidden; margin: 5px 0px; padding: 0px 5px 5px 5px; font-weight: normal; text-align: center; font-size: 14px; color: #3399cc; box-sizing: border-box;}
div.card div.cardname a { font-size: 14px; color: #3399cc; text-decoration: none; border-bottom: 1px dotted #3399cc; }
div.card div.cardinfo { position: relative; display: block; height: 80px; overflow: hidden; margin: 10px 0px 5px 0px; padding: 0px 3px; font-weight: normal; text-align: center; font-size: 13px; line-height: 1; color: #3399cc; box-sizing: border-box;}

div.card span.price2 {COLOR: #3399cc; padding: 2px 5px; font-size: 15px; font-weight: bold; border-radius: 3px; margin: 10px 0px; display: block; }

a.cardoption {

position: relative;
display: inline-block;
margin: 5px;
padding: 3px;
overflow: hidden;
background: #ffffff;
color: #333333;
border-radius: 3px;
border: 1px solid #ededed;
text-decoration: none;
vertical-align: middle;
outline: none;

}

a.cardoption span.color {

position: relative;
display: inline-block;
margin: 0px 0px 0px 0px;
width: 25px;
height: 25px;
border: 1px solid #ededed;
background: white;
color: white;
font-size: 20px;
vertical-align: middle;
border-radius: 2px;

}

a.cardoption span.color span {
    
 text-shadow: 0px 0px 2px black;
 margin: 0px 5px;
    
}    

a.cardoption span.empty {

position: relative;
display: inline-block;
margin: 0px;
height: 25px;
vertical-align: middle;

}

a.cardoption div.cardcolor {

position: relative;
display: inline-block;
vertical-align: middle;
padding: 0px;
max-width: 0px;
overflow: hidden;
box-sizing: border-box;

}





HR {
   color:            #3399cc;
   background-color: #3399cc;
   height:           1px;
   border-width:     0px;
   padding:          0px;
   margin:           10px 0px;
}



h1 {
/*	COLOR: #3399cc;*/
	COLOR: #2583c3;
	font-size: 16px; 
	font-weight: normal;
	text-align: center;
	margin: 0px 5px 10px 5px;
}

h1.white {
	COLOR: #ffffff;
	
	font-size: 13px; 
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}


h2 {
	COLOR: #3399cc;
	font-size: 15px; 
	font-weight: normal;
	text-align: center;
	margin: 10px 5px 10px 5px;

}

h2 a {
	COLOR: #3399cc;
	font-size: 15px; 
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #3399cc;
}


a.anchor {
display: block;	
  padding-top: 40px;
	margin-top: -40px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}




h2.center {
	COLOR: #808080;
	
	font-size: 14px; 
	font-weight: normal;
	text-align: center;
	margin: 7px 5px 7px 5px;
	}


h2.header {
	COLOR: #ffffff;
	
	font-size: 14px; 
	font-weight: normal;
	text-align: center;
	margin: 0px 5px 0px 5px;
	}

  

h2.gal {
	COLOR: #e20a00;
	
	font-size: 12px; 
	font-weight: normal;
	text-align: left;
   	margin: 15px 5px 15px 5px;
	}


h3 {
	COLOR: #3399cc;
	font-size: 18px; 
	font-weight: center;
   	margin: 15px 5px 5px 0px;
	}


h4 {
	COLOR: #3399cc;
	
	font-size: 16px; 
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}


INPUT.button {
   color:            white;
   background-color: #3399cc;
   background: linear-gradient(to top, #1c4574, #2984c1);
   width:            180px;
   height:           25px;
   
   font-size:        11px;
   font-weight:      bold;
   border-left:      1px solid #F0F8FF;
   border-top:       1px solid #F0F8FF;
   border-right:     1px solid #808080;
   border-bottom:    1px solid #808080;
   border-radius:    5px;
}

INPUT.button4 {
   color:            white;
   background-color: #3399cc;
   background: linear-gradient(to top, #1c4574, #2984c1);
   width: 100%;
   max-width: 200px;
   height:           25px;
   font-size:        11px;
   font-weight:      bold;
   border-left:      1px solid #F0F8FF;
   border-top:       1px solid #F0F8FF;
   border-right:     1px solid #808080;
   border-bottom:    1px solid #808080;
   border-radius:    5px;
}


INPUT.button2 {
   color:            #2583c3;
   background-color: #d0e0ff;
   width:            125px;
   height:           30px;
   
   font-size:        13px;
   font-weight:     bold;
   border-left:      1px solid #F0F8FF;
   border-top:       1px solid #F0F8FF;
   border-right:     1px solid #808080;
   border-bottom:    1px solid #808080;
}

INPUT.button3 {
   color:            #2583c3;
   background-color: #d0e0ff;
   width:            220px;
   height:           30px;
   
   font-size:        13px;
   font-weight:     bold;
   border-left:      2px solid #F0F8FF;
   border-top:       2px solid #F0F8FF;
   border-right:     2px solid #808080;
   border-bottom:    2px solid #808080;
}

INPUT.button5 {
   color:            white;
   background-color: #3399cc;
   background: linear-gradient(to top, #1c4574, #2984c1);
   width:            25px;
   height:           25px;
   
   font-size:        11px;
   font-weight:      bold;
   border-left:      1px solid #F0F8FF;
   border-top:       1px solid #F0F8FF;
   border-right:     1px solid #808080;
   border-bottom:    1px solid #808080;
   border-radius:    5px;
}



input.image {margin: 0; padding: 0; width: 20px; height: 20px; position: absolute; top: 2px; right: 2px; }

INPUT.search {
   color:            #3399cc;
   background-color: #FFFFFF;
   width:            150px;
   height:           20px;
   font-size:        12px;
   font-weight:      normal;
   border: none;
   padding: 0px;
   margin: 0; 
   box-sizing: border-box;
   position: absolute; 
   top: 2px; 
   left: 2px;
   }

INPUT.search:focus {
    border: none; 
    outline: none;
   }

INPUT.text {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            180px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}




INPUT.text2 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}

INPUT.text3 {
   color:            #3399cc;
   background-color: #FFFFFF;
   width:            100%;
   max-width: 300px;
   height:           25px;
   font-size:        12px;
   font-weight:      normal;
   font-family: OpenSans;
   border-radius: 5px;
   border:      2px solid #3399cc;
   padding: 5px;
   margin: 2px 0px;
   box-sizing: border-box;
}


INPUT.text2www {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 40px;
   background-image: url(/images/http.gif);
   background-position: 0% 0%; 
   background-repeat: no-repeat;
}

INPUT.text4 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            40px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   border:      2px solid #3399cc;
   border-radius: 5px;
   padding: 0px 0px 0px 0px;
   text-align: center;

}


SELECT {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
}

SELECT.text2 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           18px;
   
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}

SELECT.text3 {
   color:            #3399cc;
   background-color: #FFFFFF;
   width:            100%;
   max-width: 300px;
   height:           30px;
   font-size:        11px;
   font-weight:      normal;
   font-family: OpenSans;
   border-radius: 5px;
   border:      2px solid #3399cc;
   padding: 5px;
   margin: 2px 0px;
   box-sizing: border-box;
}

SELECT.text4 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            100px;
   height:           30px;
   font-size:        11px;
   border-radius: 5px;
   border:      2px solid #3399cc;
   font-weight: normal;
   padding: 0px 0px 0px 0px;
}


TEXTAREA.text {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            180px;
   height:           60px;
   font-family: OpenSans;
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}


TEXTAREA.text2 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           120px;
font-family: OpenSans;   
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}

TEXTAREA.text3 {
   color:            #3399cc;
   background-color: #FFFFFF;
   width:            100%;
   max-width: 300px;
   height:           100px;
   font-size:        12px;
   font-family: OpenSans;
   font-weight:      normal;
   border-radius: 5px;
   border: 2px solid #3399cc;
   padding: 5px;
   margin: 2px 0px;
   box-sizing: border-box;
}

TEXTAREA.text4 {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            250px;
   height:           250px;
   font-family: OpenSans;
   font-size:        11px;
   font-weight: normal;
   border-left:      1px solid #2583c3;
   border-top:       1px solid #2583c3;
   border-right:     1px solid #2583c3;
   border-bottom:    1px solid #2583c3;
   padding: 0px 0px 0px 0px;
}


INPUT.box {
   color:            #2583c3;
   background-color: #F0F8FF;
   width:            14px;
   height:           14px;
}


#content {
  position: relative;
  width: 1000px;
  min-height: 100vh;
  margin: 0px auto;
  padding: 0px 0px 450px 0px;
  box-sizing: border-box;
  background: #ececec;

  
}


#contentcontainer {

padding: 50px 20px 65px 20px;
position: relative;
margin: 0px auto;
max-width: 1000px;
width: 100%;
box-sizing: border-box;

}


#header {
position: fixed;
top: 0px;
left: 0px;
overflow: hidden;
width: 100%;
height: 40px;
background: white;
box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
text-align: center;
z-index: 100;  
transition: 1s;
line-height: 40px;

}


#logo {

position: relative;
display: inline-block;
max-width: 50%;

}

#logoinner {

display: table-cell; vertical-align: middle;  height: 40px; 

}



#logoinner img {

max-width: 100%;

}


#lang {

display: block;
position: fixed;
top: 7px;
right: 5px;
z-index: 100;

text-transform: uppercase;
color: #f8640e;
font-family: RobotoCondensedRegular, Arial, Helvetica;

}

#lang ul
{
list-style: none;
padding: 0px;
margin: 0px;
}


#lang li {

float: left;
color: #f8640e;
margin: 0px 10px;
padding: 0px;
font-size: 20px;
height: 25px;
line-height: 25px;

}

#lang li a {

color: #3399CC;
text-decoration: none;
font-size: 20px;

}
 
#phone {
position: fixed;
bottom: 5px;
right: 5px;
overflow: hidden;
width: 60px;
height: 60px;
z-index: 100;  
}
 
#phones {
position: fixed;
bottom: 5px;
right: 5px;
z-index: 101;
box-sizing: border-box;
padding: 40px 10px 10px 10px;
border-radius: 5px;
border: 2px solid #3399cc;
font-size: 20px;
line-height: 2;
background: white;
color: #3399cc;
visibility: hidden;
display: none;


}

#closephones {
position: absolute;
top: 10px;
right: 10px;
}


#phones a.tel {

font-size: 20px;
color: #3399cc;
text-decoration: none;
border-bottom: 1px dotted #3399cc;

}


#topmenumobile {position: fixed; top: 0px; left: -340px; width: 330px; height: 100%; z-index: 200; background: #1c4879; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); overflow-y: auto; -moz-transition:  0.2s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linears; -webkit-transition: 0.5s linears; transition: 0.5s linear; }

#topmenumobilesmall { display: block; visibility: visible; position: fixed; top: 0px; left: 0px; width: 40px; height: 40px; z-index: 100; }

#topmenumobilesmallwhite { float: right; width: 40px; height: 40px; margin: 0px 0px 5px 0px; }

nav {

margin: 0px;
padding: 0;
width: 310px;
position: relative;
}

div.menuarrow { position: absolute; top: 5px; right: -16px; width: 16px; height: 16px; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; -ms-transition: 1s ease; transition: 1s ease;  background-image: url(/images/plus.png); }


nav ul {
 color: white;
  width: 310px;
  list-style-type: none;
  overflow-y: hidden;
  overflow-x: visible;
  padding: 0px 0px;
  text-align: left;
  margin: 0px;
  background: #1c4879;
  
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
-ms-transition: max-height 1s ease;
transition: max-height 1s ease;
 
}

nav ul li {

position: relative;
width: 270px;
padding: 5px 5px 5px 0px;
box-sizing: border-box;
line-height: 1.2;
  
}  

nav ul a {
text-align: left;  
margin-left: 0px;
text-decoration: none;
color: white;
font-size: 20px;
font-weight: bold;

}

nav ul a.second {
font-size: 17px;
font-weight: bold;
}


nav ul a.third {
font-size: 14px;
font-weight: normal;
}


div.gal5 {

position: relative;
margin: 0px;
padding: 5px;
display: inline-block;

text-align: center;
width: 300px;
max-width: 50%;
vertical-align: top;
box-sizing: border-box;

}

div.gal5 img {width: 100%; border: 1px solid #cccccc; border-radius: 5px; }



div.floatgal {max-width: 40%; max-width: calc(50%-30px);  min-width: 200px; width: 300px; display: inline-block; margin: 15px 10px 5px 10px; vertical-align: top; box-sizing: border-box; padding: 3px; text-align: center; }
div.floatgal img { width: 100%; margin: 0px 0px 5px 0px; border-radius: 5px; }


div.fulltable {width: 100%;  position: relative; clear: both; box-sizing: border-box;}
div.fulltableinner {width: 100%; overflow-x: auto; }

div.fulltable::after {

position: absolute;
right: -5px;
top: 20px;
content: '';
border: 10px solid transparent;
border-left: 10px solid white;
z-index: 5;

}  

table.contenttable {float:left; margin-right: 25px;  }


div.fullgal {width: 100%; width: calc(100% - 10px); height: 170px; position: relative; }
div.fullgalinner {width: 100%;  height: 170px; margin: 20px 0px; clear: both; overflow-x: scroll; }

div.fullgalinner div {max-width: 10000px; white-space: nowrap; height: 150px;}
div.fullgalinner div img {
    display: inline-block; margin: 0px 5px; border-radius: 5px;
  }

div.fullgal::after {

position: absolute;
right: -25px;
top: 60px;
content: '';
border: 10px solid transparent;
border-left: 10px solid #3399cc;

}  
  
div.fullgal::before {

position: absolute;
left: -25px;
top: 60px;
content: '';
border: 10px solid transparent;
border-right: 10px solid #3399cc;

} 

#contentcontainer img {
    max-width: 100%;
  /*  height: 100%;*/
  }
  
#contentcontainer iframe {
    max-width: 100%;
    height: 100%;
  }
  

img.big {
    max-width: 100%;
  }

img.medium {
    max-width: 300px;
  }

img.small {
    max-width: 25%;
  }

  img.gal {
    max-width: 100%; width: 300px; display: inline-block; margin: 5px;
  }

  
  
  img.smallimage {
    max-width: 50%;
  }
  
  
  img.bigimage {
    max-width: 100%;
  }