body {
  color: #FFF;
  background: #212528 url(../images/backgroundBottom.png) no-repeat center bottom;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

a {
  color: #FD6;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}


.stred {text-align: center;}

textarea, input { margin: 5px; }
textarea { width: 200px; height: 50px; }
th { vertical-align: middle; }

#wrapper {
  background: url(../images/backgroundTop.png) no-repeat center top;
  width: 972px;
  margin: 0px auto;
  position: relative;
}


#tablePrices {
  width: 950px;
  vertical-align: middle;
}
#tablePrices th {
  padding: 5px;
}
#tablePrices th {
  text-align: center;
}
#tablePrices td { vertical-align: middle; padding: 2px 6px; }
#tablePrices .parameters { font-weight: normal; }
#tablePrices tr:nth-child(even) { background: #4E5252; }
.tdprice { text-align: right; }
.t-left { text-align: left !important; }

#info {
  font-size: 10px;
  padding: 5px;
  float: left;
  font-weight: normal;
}


#addFavorite a {
  font-size: 11px;
  padding: 5px;
  position: absolute;
  left: 0px;
  font-weight: normal;
}


#language {
  color: #FD6;
  margin-top: 5px;
  float: right;
}
#language a {
  color: #FD6;
  text-decoration: none;
  font-size: 0.8em;
}
#language a:hover {
  text-decoration: underline;
}


#menu {
  line-height: 35px;
  list-style: none;
  padding: 15px 5px 5px 5px;
  float: right;
  clear: both;
   z-index:100;
}
#menu li {
  float: left;
  position: relative;
}
#menu a {
  color: #FFF;
  background: url(../images/menuSeparator.png) no-repeat right center;
  font-size: 0.9em;
  text-decoration: none;
  display: block;
  padding: 0px 10px;
}
#menu a:hover, #menu a.this {
  text-decoration: underline;
}
#menu a.end {
  background: none;
}
#menu li ul {
  display: none;
}
#menu li:hover ul {
  display: block;
  width: 130px;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 100;
}
#menu li:hover ul li {
  float: none;
}
#menu li:hover ul li a {
  color: #FFF;
  background: #2F3336;
  line-height: 1.3em;
  display: block;
  padding: 5px 10px;
  width: 100%;
}
#menu li:hover ul li a:hover {
  text-decoration: underline;
}
#menu .ms-car {
  color: #003695;
  text-align: left;
  font-size: 0.9em;
  background: #FFF url(../images/menu.png) no-repeat;
  display: block;
  width: 156px;
  height: 51px;
  position: absolute;
  left: 0px;
  padding-top: 20px;
  padding-left: 63px;
}

#logo {
  color: #FFF;
  background: /*#4E4E4E*/ url(../images/logo.png);
  height: 293px;
  position: relative;
  clear: both;
}
#logo1 {
  font-size: 2.5em;
  /*text-shadow: 1px 1px 1px #000;*/
  padding: 115px 0px 10px 10px;
  position: relative;
}
#logo1 a {
  color: #FFF;
  text-decoration: none;
}
#logo2 {
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: -1px;
  padding: 5px 0px 0px 18px;
  position: relative;
}

#infoline {
  position: absolute;
  bottom: 14px;
}
#infoline #text {
  color: #52ADFE;/*#FFF;*/
  font-weight: bold;
  line-height: 2em;
  font-size: 1.4em;
  margin-left: 80px;
}
#infoline #tel {
  color: #52ADFE;/*#9D2;*/
  font-weight: bold;
  font-size: 1.8em;
  /*text-shadow: 1px 1px 1px #000;*/
  margin-left: 80px;
}

#logoX {
  /*background: #00529B url(../images/logoWhite.jpg) no-repeat 3px 3px;   */
  font-weight: bold;
  width: 190px;
  height: 105px;
  padding: 40px 10px 10px 140px;
  color: #fff;
}
#logoX h2 {
  font-size: 1.5em;
  letter-spacing: -2px;
  margin-bottom: 10px;
}
#logoX p {
  padding: 3px 0px;
}

#order {
  background: #FFF url(../images/menu2Corner2.png) no-repeat left bottom;
  height: 38px;
  width: 180px;
  position: relative;
  float: left;
}
#order a {
  background: #FFF url(../images/menu2Corner.png) no-repeat right bottom;
  display: block;
  height: 28px;
  position: absolute;
  left: 15px;
  top: 10px;
  width: 150px;
  padding-right: 15px;
  text-align: center;
  text-decoration: none;
  color: #00519A;
  font-size: 1.1em;
  font-weight: bold;
}


#menu2 {
  background: #FFF url(../images/menu2Corner.png) no-repeat right bottom;
  padding-right: 10px;
  height: 38px;
  float: right;
}
#menu2 ul {
  background: #FFF url(../images/menu2Logo.png) no-repeat left center;
  list-style: none;
  line-height: 1.5em;
  margin-bottom: 30px;
  padding: 8px 8px 8px 50px;
  height: 22px;
}
#menu2 li {
  float: left;
}
#menu2 a {
  color: #777;
  font-size: 0.8em;
  text-decoration: none;
  border-right: 1px solid #777;
  display: block;
  padding: 0px 10px;
}
#menu2 a.end {
  border: 0px;
}
#menu2 a:hover, #menu2 a.this {
  text-decoration: underline;
}

#content {
  background: #464A4B url(../images/contentTop.png) no-repeat top center;
  line-height: 1.2em;
  margin: 15px 0px;
  padding-top: 15px;
  clear: both;
}
#contentIn, #newsIn {
  background: #464A4B url(../images/contentBottom.png) no-repeat bottom center;
  padding: 0px 15px 15px 15px;
}
#content .left {
  width: 570px;
}
#content .right {
  width: 350px;
  border-left: 1px solid #666;
  padding-left: 10px;
  margin-left: 10px;
  float: right;
}
#content .right h2 {
  line-height: 1.5em;
  background: url(../images/news.png) no-repeat left center;
  padding-left: 30px;
}


#content h2, #content h3, #content h4 {
  color: #8cbaf6;/*#6AD;*/
  margin: 10px 0px;
}
#content h2 { font-size: 1.2em; }
#content h3 { font-size: 1.1em; padding-left: 2px; }
#content h4 { font-size: 1em; padding-left: 4px; }
#content p { margin: 8px 0px; }
#content ul { list-style: square; padding-left: 20px; }
#content ul.special { list-style: none; padding-left: 5px; }
#content ul.special li { line-height: 2em; padding-left: 30px; font-weight: bold; background: url(../images/li.png) no-repeat left center; font-size: 12px; }
#content ol { list-style: decimal; padding-left: 20px; }
#content .dd {
  color: #8cbaf6;/*#6AD;*/
  font-weight: bold;
  margin-top: 10px;
}
#content .dt { margin-bottom: 0px; padding-bottom: 0px; }
#content .a { margin: 0px 25px 5px 0px; text-align: right; }

#content a {
  color: #FE0;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}
#content a.more {
  text-align: right;
  position: relative;
  display: block;
}

#content .figure {
  padding: 3px 0px;
  margin: 5px;
  width: 920px;
  min-height: 230px;
  float: left;
  position: relative;
  text-align: center;
  text-decoration: none;
  background: #404445;
}
#content .figure:hover {
/*  background: #3C4041;*/
}
#content .figure a.img {
  position: absolute;
  left: 10px;
  line-height: 225px;
  display: block;
  width: 280px;
}
#content .figure img {
  max-width: 280px;
  max-height: 225px;
  border: 0;
  vertical-align: middle;
}
#content .figure div {
  text-align: left;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  left: 310px;
  bottom: 5px;
  width: 580px;
}
#content .figure .name {
	color: #8cbaf6;
	font-weight: bold;
	font-size: 1.2em;
}
#content .figure .res {
	position: absolute;
	bottom: -10px;
	right: -20px;
}

#content a.folder {
  color: #FFF;
  background: #404445;
  text-align: center;
  text-decoration: none;
  display: block;
  width: 280px;
  padding: 15px 10px;
  margin: 5px;
  float: left;
}
#content a.folder:hover, #content a.this {
  background: #3C4041;
}
#content p.formSend {
  color: #000;
  background: #A2CFEF;
  border: 2px solid #5CA7DD;
  padding: 10px;
  margin: 10px;
}

#newsIn h3 { margin: 15px 0px 0px 0px; }
#newsIn .newsAdded {
  font-size: 0.9em;
  padding: 0px 0px 0px 5px;
  margin: 0px;
}


#foto {
  text-align: center;
  padding: 15px 0px;
  clear: both;
  height: 95px;
}
#foto div {
  background: url(../images/previewBottom.png) no-repeat bottom center;
  float: left;
  width: 109px;
  line-height: 90px;
  margin: 5px;
}
#foto div.top {
  background: #FFF url(../images/previewTop.png) no-repeat top center;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
#foto img {
  vertical-align: middle;
  max-width: 109px;
  max-height: 82px;
}

#contacts {
  margin: 15px 0px;
  width: 233px;
}
#contact {
  background: #3D4144 url(../images/contactsTop.png) no-repeat center top;
  padding-top: 10px;
}
#contactIn {
  background: #3D4144 url(../images/contatcsBottom.png) no-repeat center bottom;
  padding: 0px 10px 10px 10px;
  line-height: 1.2em;
}
#moreContacts {
  background: #5A5B5D url(../images/contatcsMore.png) no-repeat center bottom;
  margin: 0px auto;
  width: 115px;
}
#moreContacts a {
  color: #FD6;
  font-size: 0.8em;
  text-align: center;
  text-decoration: none;
  line-height: 2em;
  display: block;
}
#moreContacts a:hover {
  text-decoration: underline;
}

#endText {
  text-align: justify;
  padding: 10px;
  margin: 15px 0px;
  width: 700px;
  float: right;
}
#endText p {
  line-height: 1.3em;
}

#endText h2, #contact h2 {
  color: #8cbaf6;/*#6AD;*/
  line-height: 1.7em;
  padding-left: 30px;
  margin-bottom: 5px;
}
#endText h2 {
  background: url(../images/endText.png) no-repeat left center;
}
#contact h2 {
  background: url(../images/contact.png) no-repeat left center;
}

#footer {
  background: #5897CA url(../images/footerLeft.png) no-repeat left bottom;
  font-size: 0.8em;
  line-height: 1.3em;
  margin-bottom: 10px;
  min-height: 44px;
  clear: both;
}
#footerIn {
  background: url(../images/footerRight.png) no-repeat right bottom;
  min-height: 14px;
  padding: 15px 10px;
}
#footer p.right {
  float: right;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}

iframe {
  float: right;
}
#contactsIn {
  background: #464A4B url(../images/contentBottom.png) no-repeat bottom center;
  padding: 0px 15px 15px 15px;
  min-height: 370px;
}


.interactivePriceError, ul.error {
	color: #000;
	background: #FAA;
	border: 1px solid #FF1300;
	padding: 5px 10px;
	padding: 15px 20px;
	margin: 1em 0;
  font-size: 1.1em;
}
ul.error li {
  list-style-type: none;
}

.interativePriceListTop,
.interativePriceListTop2 {
  background: url(../images/interactiveTop.png) no-repeat left top;
  padding-top: 5px;
}
.interativePriceListBottom,
.interativePriceListBottom2 {
  background: #575D5D url(../images/interactiveBottom.png) no-repeat left bottom;
  padding: 5px 15px 10px 15px;
  margin-bottom: 5px;
}

.interativePriceListTop2 {
  background: url(../images/interactiveTop2.png) no-repeat left top;
}
.interativePriceListBottom2 {
  background: #696E71 url(../images/interactiveBottom2.png) no-repeat left bottom;
}

.interactiveLabel {
  font-weight: bold;
  width: 150px;
}

.interativeButton {
  background: url(../images/button.jpg) no-repeat;
  color: #000;
  border: 0px;
  width: 117px;
  height: 35px;
  font-weight: bold;
  cursor: pointer;
}


#dateStart,
#dateEnd {
	background: #FFF url(../images/calendar.png) no-repeat right;
}

#doporucujeme {margin: 10px auto}
#doporucujeme p, #doporucujeme p a {color: grey; text-decoration: none; text-align: center; font-size: 10px;}

#wd {
  width: 700px;
  height: 207px;
}

#ffooter {
  width: 450px;
  height: 207px;
  float: left;
  padding: 25px 0 0 0;
}

#ffooter ul {
  padding: 10px 0 0 20px;
  list-style-type: disc;
}

#ffooter ul li {
  margin: 5px 0 0 0;
}

#wdbox {
  float: left;
  width: 245px;
  height: 207px;
  text-align: center;
  margin: 30px 0 0 0;
}

#wdbox div p {
  margin: 5px 0;
}

#wdbox img {
  height: 50px;
  margin: 10px 0 0 0;
}