@charset "utf-8";
#placemainmenu {
	width:900px;
	height:32px;
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	letter-spacing:1px;
}
#mainmenu {
	width:900px;
	height:28px;
	float:center;
	display:inline;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:15px;
}
#mainmenu li {
	display:inline;
	float:left;
	height:28px;
	position:relative;
	margin-top:0;
	margin-right:1px;
	margin-bottom:0;
	margin-left:0;
}
#mainmenu li:hover, #mainmenu li.active {
	
	
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	display:inline;
	float:left;
	height:22px;
	font-size:12px;
	color:#777;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:0;
	padding-left:10px;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
}
#mainmenu li a {
	text-shadow:0 1px 0 #fff;
}
#mainmenu li a:hover, #mainmenu li.active a, #mainmenu li.active a:link, #mainmenu li.active a:visited, #mainmenu li:hover a, #mainmenu li:hover a:link, #mainmenu li:hover a:visited {
	text-decoration:none;
	color:#497099;
	
	background-repeat:no-repeat;
	background-position:100% 0;
	font-weight:bold;
}
#placemainmenu #mainmenu ul a {
	text-align:left;
	border:none;
	background:none;
}
#placemainmenu ul ul {
	position:absolute;
	z-index:900;
	display:none;
	width:150px;
	left:0;
	border-top:none;
	margin-top:26px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
}
#placemainmenu ul li ul li, #placemainmenu ul li ul li:hover {
	display:inline;
	width:214px;
	height:28px;
	float:left;
	padding:2px 0 0 6px;
	text-shadow:0 0 0 #fff;
	background-image:url(../images/dropdown_back.png);
	background-repeat:no-repeat;
}
#placemainmenu ul li ul li.top, #placemainmenu ul li ul li.top:hover {
	width:214px;
	height:28px;
	padding:9px 0 0 6px;
	text-shadow:0 0 0 #fff;
	background-image:url(../images/dropdown_top.png);
	background-repeat:no-repeat;
}
#placemainmenu ul li ul li.bottom, #placemainmenu ul li ul li.bottom:hover {
	width:214px;
	height:33px;
	text-shadow:0 0 0 #fff;
	background-image:url(../images/dropdown_bottom2.png);
	background-repeat:no-repeat;
	padding-top:2px;
	padding-right:0;
	padding-bottom:0;
	padding-left:6px;
	background-position:left top;
}
#placemainmenu #mainmenu li:hover ul li a, #placemainmenu #mainmenu li:hover ul li a:link, #placemainmenu #mainmenu li:hover ul li a:visited {
	width:190px;
	color:#0B3861;
	font-size:12px;
	text-shadow:0 0 0 #fff;
	display:inline;
	float:left;
	height:18px;
	margin:0;
	text-transform:none;
	background:none;
	font-weight:600;
	padding-top:5px;
	padding-right:9px;
	padding-bottom:0;
	padding-left:9px;
}
#placemainmenu #mainmenu li:hover ul li a:hover, #placemainmenu #mainmenu li ul li a:hover {
	text-decoration:none;
	color:#fff;
	text-shadow:0 0 0 #fff;
	background-image:url(../images/dropdown_hover2.png);
	background-repeat:no-repeat;
}
div#placemainmenu li:hover ul ul, div#placemainmenu li li:hover ul ul {
	display:none;
}
div#placemainmenu li:hover ul, div#placemainmenu li li:hover ul {
	display:block;
}



.wrapper {
  margin: 0 auto;
  padding: 0;
	width: 45em;
	height: 10em;
	background-color: #3E3E3E;
  box-shadow: 7px 5px 4px rgba(0,0,0,0.5);
}

.box {
	margin: 3em auto;
	padding: 2em;
	width: 15em;
	height: 3em;
	position: relative;
	overflow: hidden;
  top: 1em;
	background-color: #FFF;
	box-shadow: 7px 5px 4px rgba(0,0,0,0.5);
	border: 1px solid black;
	border-radius: 2px;
}
/* Animating the UL 
-_-_-_-_-_-_-_-_-_-_-_-_ 

@keyframes "scroll" {
 from {
   top: 100px;
 }
 to {
   top: -200px;
 }

}

@-moz-keyframes scroll {
 from {
   top: 100px;
 }
 to {
   top: -200px;
 }

}

@-webkit-keyframes "scroll" {
 from {
   top: 100px;
 }
 to {
   top: -200px;
 }

}

@-ms-keyframes "scroll" {
 from {
   top: 100px;
 }
 to {
   top: -200px;
 }

}

@-o-keyframes "scroll" {
 from {
   top: 100px;
 }
 to {
   top: -200px;
 }

}
*/
.scroll {
	position: absolute;

	/*-webkit-animation: scroll 15s linear infinite;
	-moz-animation: scroll 15s linear infinite;
	-ms-animation: scroll 15s linear infinite;
	-o-animation: scroll 15s linear infinite;
	animation: scroll 15s linear infinite; */
}

.scroll li{
	list-style: circle;
}



.blue { color: #185875; }
.yellow { color: #FFF842; }

.basket th h1 {
	  font-weight: bold;
	  font-size: 1em;
  text-align: left;
  color: #185875;
}

.basket td {
	  font-weight: normal;
	  font-size: 1em;
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
	   -moz-box-shadow: 0 2px 2px -2px #0E1119;
	        box-shadow: 0 2px 2px -2px #0E1119;
}

.basket {
	  text-align: left;
	  overflow: hidden;
	  width: 100%;
	border:2;
	bordercolor:#D6DBDF;
	  margin: 0 auto;
  display: table;
  padding: 0 0 8em 0;
}

.basket td, .basket th {
		height:25px;
	 
	 border: thin solid #D6DBDF;

  padding-left:2%;  
}

/* Background-color of the odd rows */
.basket tr:nth-child(odd) {
	  background-color: #323C50;
}

/* Background-color of the even rows */
.basket tr:nth-child(even) {
	  background-color: #2C3446;
}

.basket th {
	  background-color: #1F2739;
}


.basket td:first-child { color: #FB667A; }

.basket tr:hover {
   background-color:  #F6DDCC ;
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
	   -moz-box-shadow: 0 6px 6px -6px #0E1119;
	        box-shadow: 0 6px 6px -6px #0E1119;
}

.basket td:hover {
  background-color: #FFF842;
  color: #403E10;
  font-weight: bold;
  
  box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
  transform: translate3d(6px, -6px, 0);
  
  transition-delay: 0s;
	  transition-duration: 0.4s;
	  transition-property: all;
  transition-timing-function: line;
}

@media (max-width: 800px) {
.basket td:nth-child(4),
.basket th:nth-child(4) { display: none; }
}


.slideshow {
 margin: 80px auto;
  position: relative;
  width: 240px;
  height: 240px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}