@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: 12px; 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;}

#head {

position: relative;
width: 1000px;
height: 120px;

}

#headphones {

position: absolute;
width: 140px;
height: 100px;
top: 10px;
right: 220px;
COLOR: #3399CC;  
font-size: 14px;
font-weight: normal;

}

#headphones a {

text-decoration: none;

}

#headcontacts {

position: absolute;
width: 170px;
height: 100px;
top: 7px;
right: 30px;
text-align: center;
color: #f8640e;
font-size: 19px;
line-height: 1;
font-family: RobotoCondensedRegular, Arial, Helvetica;

}

#headcontacts a.lang {

color: #3399CC;
font-size: 19px;
text-decoration: none;
font-family: RobotoCondensedRegular, Arial, Helvetica;

}

#headbuttons {
float: right;
height: 16px;
margin: 0px 0px 10px 0px;

}


#feedbacklink {

padding: 2px;
width: 120px;
text-align: center;
border-bottom: 1px dotted #3399CC;
margin: 0px auto;
COLOR: #3399CC;  
font-size: 15px;
cursor: pointer;
position: relative;

}

#feedback {

padding: 15px;
width: 170px;
height: 270px;
top: 20px;
left: -40px;
text-align: center;
position: absolute;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
border-radius: 5px;
border: 2px solid #3399cc;
visibility: hidden;
display: none;
background-color: white;
z-index: 200;

}

#feedbacklink:hover #feedback {display: block; visibility: visible; }


#basket {
position: fixed;
top: 60px;
top: 50vh;
margin-top: -30px;
right: 30px;
right: calc(50vw - 600px);
width: 60px;
height: 60px;
box-sizing: border-box;
text-align: center;
border-radius: 30px;
background: white;
z-index: 1;
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: 60px;
     width: 60px;
     top: 0px;
     left: 0px;
    }

   
    
#basket span { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-size: 30px; color: #f8640e; margin: 0px 0px 0px -3px; }
    
    
#basketcount {
position: absolute;
top: 7px;
right: 7px;
width: 18px;
height: 18px;
box-sizing: border-box;
border-radius: 8px;
background: #083df8;
color: white;
text-align: center;
font-size: 10px;
padding: 2px 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;}


#footer {

position: relative;
width: 1000px;
background: #f0f0f0;
COLOR: #666666;
padding: 10px;
border-top: 1px solid #cccccc;
box-sizing: border-box;
font-size: 13px;
text-align: center;
line-height: 2;

}


#footer a {

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

}

#footer a:hover {

text-decoration: none;
border-bottom: none;

}



#feedbacklinkfooter {

padding: 0px;
margin: 25px 0px 27px 0px;
text-align: left;
COLOR: #3399CC;  
cursor: pointer;
position: relative;

}

#feedbackfooter {

padding: 0px 15px 15px 15px; 
margin: 0px auto;
width: 170px;
height: 290px;
bottom: -10px;
left: 0px;
text-align: center;
position: absolute;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
border-radius: 5px;
border: 2px solid #3399cc;
visibility: hidden;
display: none;
background-color: white;
z-index: 200;

}

#feedbacklinkfooter:hover #feedbackfooter {display: block; visibility: visible; }


div.paylogos {
    
position: relative;
margin: 10px auto;
text-align: center;
    
}    

#footer div.paylogos {
    
position: absolute;
margin: 0px;
text-align: right;
right: 10px;
top: 10px;


}    

div.paylogos img {
    
margin: 0px 10px;    
    
}    







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

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

div.gal5 {

  position: relative;
  padding: 5px;
  margin: 15px;
  float: left;
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  transform-style: preserve-3d; 
  transform: perspective(1000px) rotate3d(0,0,0,0);
  z-index: 1;
  background-color: white;
    
}

div.gal5:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); transform: perspective(400px) rotate3d(3,0,0,10deg); z-index: 100; }

div.gal5 img {margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }


div.gal6 {

  position: relative;
  padding: 5px;
  margin: 25px;
  float: left;
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  transform-style: preserve-3d; 
  transform: perspective(1000px) rotate3d(0,0,0,0);
  z-index: 1;
  background-color: white;
    
}

div.gal6:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); transform: perspective(400px) rotate3d(3,0,0,10deg); z-index: 10; }

div.gal6 img {margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }

div.news {
width: 740px;  
margin: 0px 0px 40px 0px;

}  

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

div.newstext {
width: 510px;
float: left;

}
  
div.newstext h2 {

COLOR: #2583c3;
font-size: 18px; 
font-weight: normal;
text-align: left;
margin: 10px 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 {

  width: 200px;
  height: 200px;
  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: 12px; margin: 15px 5px 15px 5px; text-align: justify; }
a {COLOR: #2583c3;  font-size: 12px; text-decoration: underline;}

a.newsall {

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

}

td.download {
  
color: #ff8000; text-align: left; font-weight: bold; padding: 10px;   
  
}

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

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



a.download {
	display: block;
	width: 175px;
	height: 27px;
	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; }

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

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


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

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

p.big {COLOR: #666666; text-align: left;  font-size: 13px; font-weight: normal; margin: 7px 5px 7px 5px; line-height: 1.5; }
p.h1 {COLOR: #666666; text-align: left;  font-size: 14px; 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.cardgal { position: relative; display: inline-block; width: 75px; height: 350px; padding: 25px 0px; box-sizing: border-box; margin: 20px 5px 0px 0px; vertical-align: top;  }
div.cardtext { position: relative; display: inline-block; vertical-align: top; width: 280px; margin: 20px 0px 0px 0px;}

div.roundcard { position: relative; display: inline-block; vertical-align: top; width: 350px; height: 350px; border-radius: 5px; border: 1px solid white; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); margin: 20px 10px 0px 0px;  }
div.roundcard:hover { border-radius: 5px; border: 1px solid white; box-shadow: 0px 0px 5px rgba(0, 80, 160, 1); }

div.roundcard img {margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; }

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.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); }

div.card { position: relative; display: inline-block; width: 210px; height: 380px; margin: 10px; padding: 0px; font-weight: bold; text-align: center; box-sizing: border-box; vertical-align: top; }
div.card div.cardimage { position: relative; width: 210px; height: 210px; border: 1px solid #d0d0d0; border-radius: 5px; text-align: center; box-sizing: border-box; }
div.card div.cardimage:hover { border: 1px solid #3399cc; }
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: 13px; color: #3399cc; box-sizing: border-box;}
div.card div.cardname a { font-size: 13px; color: #3399cc; text-decoration: none; border-bottom: 1px dotted #3399cc; }
div.card div.cardname a:hover { border-bottom: none; }
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: 11px; line-height: 1; color: #3399cc; box-sizing: border-box;}

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

div.sliderline {

position: relative;
width: 100%;
height: 10px;
text-align: center;
margin: 10px 0px;

}

div.sliderpoint {

position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0px 5px;
overflow: hidden;
background: #66ccff;
color: #66ccff;
border-radius: 50%;

}

div.sliderpoint a {

position: relative;
display: block;
height: 100%;
margin: 0px;
color: #66ccff;
text-decoration: none;

}


div.sliderpoint_a {

position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0px 5px;
overflow: hidden;
background: #f8640e;
color: #f8640e;
border-radius: 50%;

}


div.sliderpoint_a a {

position: relative;
display: block;
height: 100%;
margin: 0px;
color: #f8640e;
text-decoration: none;

}



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: 15px; 
	font-weight: normal;
	text-align: left;
	margin: 10px 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: left;
	margin: 10px 5px 10px 5px;
}

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



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: normal;
   	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;
   cursor: pointer;
}

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;
   cursor: pointer;
   
}


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;
   cursor: pointer;
}

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;
   cursor: pointer;
}

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;
   cursor: pointer;
}

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;
}