* { margin: 0; padding: 0; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }


html { background: #0088d2 url("column.png") repeat-y; }
body { background: url("background.png") repeat-x; color: #fff; font: 11pt "Tahoma", sans-serif; }
#overlay { background: url("menu-overlay.png") no-repeat; }

	#header { height: 185px; background: url("header.png") no-repeat 65px 0; overflow: hidden; }

		.language-switch { list-style: none; display: block; height: 40px; overflow: hidden; padding-left: 70px; padding-top: 17px; font-size: 0.8em; text-transform: uppercase; }
		.language-switch li { display: block; float: left; }
		.language-switch li + li { margin-left: 7px; border-left: 1px solid #e66913; padding-left: 7px; }
		.language-switch a { color: #e66913; }
			.language-switch a.active { color: #fff; }

		#logo { margin-left: 780px; width: 208px; height: 128px; clear: both; }
		#logo a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
		#logo a span { display: block; width: 100%; height: 100%; position: absolute; background: url("logo.png") no-repeat; }


	#menu-container { float: left; width: 290px; }

		#menu { margin-bottom: 10px; }

		#menu ul { list-style: none; padding-left: 74px; }
		#menu li { display: block; }
		#menu li + li { margin-top: 20px; }
			#menu a { display: block; font-size: 0.8em; letter-spacing: 2px; text-transform: lowercase; width: 184px; min-height: 52px; background: url("menu.png") no-repeat bottom right; padding-bottom: 4px; }
			#menu a:hover, #menu .active a, #menu .on-active-path a { background-position: bottom left; text-decoration: none; font-weight: bold;  }
			#menu a:hover span, #menu .active a span, #menu .on-active-path a span { background-position: bottom left; }

			#menu a span { display: block; height: 30px; background-repeat: no-repeat; background-position: top left; margin-bottom: 5px; }

			#menu a.home span { background-image: url("home.png"); }
			#menu a.connect span { background-image: url("connect.png"); }
			#menu a.net span { background-image: url("net.png"); }
			#menu a.price span { background-image: url("price.png"); }
			#menu a.company span { background-image: url("company.png"); height: 34px; margin-bottom: 0;}
			#menu a.contact span { background-image: url("contact.png"); height: 25px; }
			#menu a.faq span { background-image: url("faq.png"); height: 34px;  }

	#submenu, #tabs { margin: 20px -10px; }
	#submenu ul, #tabs ul { list-style: none; }
	#submenu li, #tabs li { display: block; float: left; padding-top: 0; }
	#submenu li.active, #submenu li.on-active-path
	#tabs li.active, #tabs li.on-active-path { padding-top: 0; }

		#submenu a, #tabs a { display: block; overflow: hidden; }
		#submenu a span.content, #tabs a span.content { display: block; font-size: 1.4em; font-weight: bold; overflow: hidden; }
		#submenu a span.description, #tabs a span.description { font-size: 0.6em; font-weight: normal; display: block; }

		#submenu a.paypal { background: url("paypal.png") no-repeat; width: 95px; height: 44px; padding: 85px 202px 0 40px; }
		#submenu a.coupon { background: url("coupon.png") no-repeat; width: 100px; height: 44px; padding: 85px 217px 0 20px; }
		#submenu a.paypal2 { background: url("man-paypal.png") no-repeat; width: 100px; height: 44px; padding: 85px 197px 0 40px; }
		#submenu a.coupon2 { background: url("man-coupon.png") no-repeat; width: 100px; height: 44px; padding: 85px 217px 0 20px; }
		#submenu a.orange { background: url("orange.png") no-repeat; width: 265px; height: 44px; padding: 85px 32px 0 40px; }
		#submenu a.red { background: url("red.png") no-repeat; width: 285px; height: 44px; padding: 85px 32px 0 20px; }

		#submenu li.active a.paypal, #submenu li.on-active-path a.paypal { background: url("paypal-active.png") no-repeat; height: 82px; padding-top: 47px; }
		#submenu li.active a.coupon, #submenu li.on-active-path a.coupon { background: url("coupon-active.png") no-repeat; height: 82px; padding-top: 47px; }
		#submenu li.active a.paypal2, #submenu li.on-active-path a.paypal2 { background: url("man-paypal-active.png") no-repeat; height: 82px; padding-top: 47px; }
		#submenu li.active a.coupon2, #submenu li.on-active-path a.coupon2 { background: url("man-coupon-active.png") no-repeat; height: 82px; padding-top: 47px; }
		#submenu li.active a.orange, #submenu li.on-active-path a.orange { background: url("orange-active.png") no-repeat; height: 82px; padding-top: 47px; }
		#submenu li.active a.red, #submenu li.on-active-path a.red { background: url("red-active.png") no-repeat; height: 82px; padding-top: 47px; }

		#submenu a.paypal span.content { height: 31px; }
			#submenu li.active a.paypal span.content, #submenu li.on-active-path a.paypal span.content { height: 65px; }

		#submenu a.coupon span.content { height: 37px; }
			#submenu li.active a.coupon span.content, #submenu li.on-active-path a.coupon span.content { height: 65px; }

		#submenu a.paypal2 span.content { height: 31px; }
			#submenu li.active a.paypal2 span.content, #submenu li.on-active-path a.paypal2 span.content { height: 65px;}

		#submenu a.coupon2 span.content { height: 37px; }
			#submenu li.active a.coupon2 span.content, #submenu li.on-active-path a.coupon2 span.content { height: 65px; }

		#submenu a.orange span.description { display: none; }
			#submenu li.active a.orange span.content, #submenu li.on-active-path a.orange span.description { display: block; }

		#submenu a.red span.description { display: none; }
			#submenu li.active a.red span.content, #submenu li.on-active-path a.red span.description { display: block; }


	#container { width: 980px; padding-bottom: 100px;}
	#content { float: left;  padding-left: 30px; }
		#content.column { width: 400px; }
		#content.page { width: 660px; }

	#news-ticker { float: left; width: 200px; margin-left: 60px; background: url("news-header.png") no-repeat top center; padding-top: 48px; margin-top: 25px;}
	#news-ticker-inner { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: url("news.png") repeat-x; }
	#news-ticker .list { background: url("news-bottom.png") no-repeat bottom right; padding: 30px 15px; }
	#news-ticker .item + .item { margin-top: 30px; }
	#news-ticker .item { text-align: right; }
	#news-ticker a { color: #ff9900; }
	#news-ticker .header { font-weight: bold; }
	#news-ticker .content, #news-ticker .controls { font-size: 0.9em; }

	#map-wrapper { width: 660px; margin-top: 20px; }
	#map { height: 400px; border: 1px solid #fff; }

	.gmaps-balloon { color: #000; font-size: 0.8em; }
	.gmaps-balloon .title { font-weight: bold; }

	.alphabet-list { font-size: 0.85em; }
	.alphabet-list .column { float: left; width: 200px; margin-left: 30px; }
		.alphabet-list > :first-child { margin-left: 0; }
	.alphabet-list .header { font-weight: bold; border-bottom: 1px solid #fff; padding-left: 5px; padding-bottom: 5px; margin-top: 15px;}
	.alphabet-list .item { margin-top: 5px; }
		.alphabet-list .column > :first-child { margin-top: 0; }


/**
 * Extra
 */

.text .image-box { margin-top: 20px; }
.text .image-box .inner { padding-right: 320px; padding-bottom: 10px; border-bottom: 1px solid #fff; background: transparent url("news-bottom.png") no-repeat bottom right; }

#manual-paypal-1 { background: url("man-paypal-img1.jpg") no-repeat bottom right; }
#manual-paypal-1 .inner { min-height: 204px; }

#manual-paypal-2 { background: url("man-paypal-img2.jpg") no-repeat bottom right; }
#manual-paypal-2 .inner { min-height: 204px; }

#manual-paypal-3 { background: url("man-paypal-img3.jpg") no-repeat bottom right; }
#manual-paypal-3 .inner { min-height: 204px; padding-right: 290px; }

#manual-coupon-2 { background: url("man-coupon-img2.jpg") no-repeat bottom right; }
#manual-coupon-2 .inner { min-height: 204px; padding-right: 260px;}

#manual-coupon-3 { background: url("man-coupon-img3.jpg") no-repeat bottom right; }
#manual-coupon-3 .inner { min-height: 174px; padding-right: 330px;}

/**
 * Text
 */

.text > :first-child,
.text > :first-child > :first-child,
.text > :first-child > :first-child > :first-child,
.text > :first-child > :first-child > :first-child > :first-child { margin-top: 0; }

.text .column > :first-child { margin-top: 0; }

.text .column { float: left; width: 299px; padding-right: 30px; margin-top: 20px; }
.text .column + .column { border-left: 1px solid #fff; padding-left: 30px; padding-right: 0; }

.text h1 { margin-top: 40px; font-family: "Vida WOFF", "Vida EOT", "Vida TTF", "Tahoma", sans-serif; }
.text h2 { margin-top: 30px; font-weight: normal; font-size: 1.5em;}
.text h3 { margin-top: 20px; font-weight: normal; font-size: 1.2em; }
.text h1 + h2, .text h2 + h3 { margin-top: 0; }

.text p { text-align: justify; margin-top: 20px; line-height: 1.5;  }

.text ul { margin-top: 20px; list-style-type: square}
.text ol { margin-top: 20px; }
.text li { margin-left: 30px; margin-top: 5px; line-height: 1.5; }

.text hr { clear: both; color: transparent; background: transparent url("news-bottom.png") no-repeat bottom right; height: 3px; border: 0; border-bottom: 1px solid #fff; margin-top: 40px; margin-bottom: 40px; }

.text table { margin-top: 20px; border-spacing: 1px; }
.text td, .text th { padding: 5px 10px; }
.text th { background: #fff; color: #0088d2; }

.text a { color: #ff9900; }

.text .stronger { color: #ff9900; }
.text .note { font-style: italic; font-size: 0.9em;}

.text img.left { float: left; margin-right: 10px; margin-bottom: 10px; }
.text img.right { float: right; margin-left: 10px; margin-bottom: 10px; }

.text .left { text-align: left; }
.text .right { text-align: right; }
.text .center { text-align: center; }
.text .justify { text-align: justify; }
.text .middle { vertical-align: middle; }

/**
 * Další
 */
p.success { color: #090; background: #dfd; margin: 10px 0 0; padding: 10px; text-align: center; }
p.error { color: red; background: #fee; margin: 10px 0 0; padding: 10px; text-align: center; }
span.element-required { color: #ff9900; }
span.element-error { display: block; color: #ff9900; text-align: center; margin-top: 5px; font-weight: bold; }

/**
 * Form
 */
.send-message.error { color: #ff9900; text-align: center; font-weight: bold; margin-top: 20px; padding: 10px; border: 1px solid #ff9900; }
.send-message.success { color: #ff9900; text-align: center; font-weight: bold; margin-top: 20px; padding: 10px; border: 1px solid #ff9900; }
form { margin-top: 20px; }
label { display: block; width: 150px; float: left; padding: 5px; margin-top: 10px; }
input[type="text"], textarea { display: block; float: left; width: 300px; border: 1px solid #fff; padding: 5px; margin-top: 10px; }
	#sendMessage-captcha { margin-left: 160px; }

form .element-error { display: block; float: left; clear: left; margin-left: 160px; margin-top: 5px; margin-bottom: 5px; }

input[type="submit"] { padding: 10px 20px; margin-left: 160px; margin-top: 10px; }
form br { clear: left; }


/**
 * Obecné
 */
.clear { clear: both; }