/* ================================================================================= BASIC CONFIGURATION */

/* --- CSS RESET ---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}


/* --- BODY ---*/

body	{
	background: #000000;
	color: #000000;
	font-family: Calibri, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


/* --- HREF ---*/

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

a[href$='.doc'], a[href$='.rtf']	{background: transparent url(../../img/ico/doc.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.txt']						{background: transparent url(../../img/ico/txt.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.xls']						{background: transparent url(../../img/ico/xls.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.rss'], a[href$='.atom']	{background: transparent url(../../img/ico/rss.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.vcard']					{background: transparent url(../../img/ico/vcard.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.pps'], a[href$='.ppt']	{background: transparent url(../../img/ico/pps.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.pdf']						{background: transparent url(../../img/ico/pdf.png) no-repeat center left; padding: 5px 0 5px 20px;}
/*a[href$='.fla'], a[href$='.swf']	{background: transparent url(../../img/ico/swf.png) no-repeat center left; padding: 5px 0 5px 20px;}*/
a[href$='.zip'], a[href$='.rar']	{background: transparent url(../../img/ico/zip.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
									{background: transparent url(../../img/ico/avi.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
									{background: transparent url(../../img/ico/mp3.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href *="icq.com"]					{background: transparent url(../../img/ico/icq.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href ^="callto:"]					{background: transparent url(../../img/ico/skype.png) no-repeat center left; padding: 5px 0 5px 20px;}
a[href ^="skype:"]					{background: transparent url(../../img/ico/skype.png) no-repeat center left; padding: 5px 0 5px 20px;}  
a[href ^="mailto:"], a.mail			{background: transparent url(../../img/ico/mailto.png) no-repeat center right; padding: 5px 20px 5px 0;}
a.out								{background: transparent url(../../img/ico/external.png) no-repeat center left; padding: 5px 0 5px 20px;}
a.print								{background: transparent url(../../img/ico/print.png) no-repeat center left; padding: 5px 0 5px 20px;}


/* --- HTML COMPONENTS ---*/

em, i		{font-style: normal;}
p 			{line-height: 1.4em; margin: 0px 0px 15px 0px; text-align: left; }
hr			{border-width: 0px; clear: both; display: block; height: 10px; margin: 0px 10px 0px 10px; padding: 0px; text-align: center;}
ul			{list-style: disc; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ul.nolist	{list-style: none;}
ol			{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}
sub, sup	{vertical-align: baseline; position: relative;}
sub 		{top: 0.4em;}
sup 		{bottom: 0.4em;}


/* --- PICTURES --- */

img			{border: 0px;}
img.border	{border: 1px solid #cbcbcb;}
img.to-left	{float: left; margin-right: 7px;}
img.to-right	{float: righ; margin-left: 7px;}


/* --- HEADLINE --- */
h1, h2, h3, h4, h5, h6 	{clear: both; color: #000040; font-size: 1.1em; font-family: Cambria, Georgia, 'New York CE', utopia, serif; margin: 0.5em 0 0.5em 0; }
h1						{display: none;}
h2						{font-size: 1.2em; margin: 0 0 8px 0; padding: 0 0 5px 0; text-transform: uppercase;}
h3 					  {color:#000; font-family: Calibri, sans-serif; font-size: 1.0em; margin: 10px 0 0 0; padding: 0;}
h4						{font-size: 1.0em;}

/* --- TABLES --- */
table.nice						  {border: 1px solid #99c92f; border-collapse: collapse; margin: 0 0 15px 0; width: 650px; }
table.nice tr td 				{background: #ffffff; border: 1px solid #dddddd; font-size: 1em; padding: 3px; width: 129px;}
table.nice tr td.item		{background: #e6f5cd; color: #000000; font-weight: bold; width: 129px;}
table.nice tr th				{background: #f5f5f5; border: 1px solid #dddddd; font-size: 1em; font-weight: bold; padding: 3px; width: 129px;}
table.nice tr td.long		{width: 258px;}
table.nice tr td.short		{width: 60px;}
table.nice tr td.smaller	{font-size: 0.9em;}

/* --- FORMS --- */
form							{margin: 0px; padding: 0px;}
fieldset						{background: #ffffff; border: 1px solid #000000; margin: 15px 0 0 0; width: 550px;}
legend							{background: #c2c0d8; border: 1px solid #000000; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
input, button, textarea			{background: #fef8ed; border: 1px solid #000000; font-family: Calibri, sans-serif; margin-bottom: 5px; padding: 3px;}
input.checkbox					{vertical-align: -0.2em;}
input.radio						{border: none; vertical-align: -2px;}
label 							{float: left; margin: 3px 10px 3px 10px; text-align: right; width: 120px;}
label.shorter 					{width: 80px;}
label.longer 					{width: 150px;}
label.long	 					{float: none; margin: 0px; width: 350px; }
label.right 					{float: right; margin: 4px 10px 3px 10px; text-align: left; width: 100px;}
label.required 					{color: #004080;}

/* --- GLOBALNI TRIDY --- */
.clear			{clear: both;}
.small 			{font-size: 0.8em;}
.smaller		{font-size: 0.85em;}
.bigger 		{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red			{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left			{text-align: left;}
.to-block		{text-align: justify;}
.to-left			{display: block; float: left; text-align: left;}
.to-right		{display: block; float: right; text-align: left;}
.no-margin		{margin: 0px;}
.no-bold			{font-weight: normal;}
.no-border		{border-width: 0px;}
.no-background	{background: none;}
.hidden			{display: none;}
.box-info		{border: solid 1px #000000; background: #ffffcc url(../../img/ico/info.png) 8px 5px no-repeat; color:#222222; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.box-error		{border: solid 1px #cc0000; background: #f7cbca url(../../img/ico/error.png) 8px 5px no-repeat; color:#cc0000; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.strong			{font-weight:bold; font-size: 1.3em; margin: 10px 5px 10px 5px;}
.half-left		{display: block; float: left; width: 460px;}
.half-right		{display: block; float: right; width: 460px;}
.period-left	{display: block; float: left; width: 300px;}
.period-right	{display: block; float: right; width: 560px;}

/* --- CHYBA 404 --- */
#error-page {background: #ffffff; border: 1px solid #999999; width: 650px; margin: 50px 0 0 80px; padding: 20px 20px 20px 20px;}
#error-page h1{margin:0 0 0 0;color:#FFF;font-size:x-large;font-weight:bold;background:#D14D40;padding:15px 0 15px 0; margin:0 -20px 0 -20px; text-transform:uppercase;letter-spacing: .2em; text-align:center}
#error-page li{margin:5px}
#error-page a:link, #404 a:visited { text-decoration: underline; color: #D14D40; border: 1px none; padding: 0 2px 0 2px; font-weight: bold; }
#error-page a:hover{ color: blue; font-weight: bold; }
#error-page hr {background:white; color:white; border-top:1px solid #C7C7C7}

/* ================================================================================= LAYOUT */
#layout {
	display: block;
	margin: auto;
	width: 1200px;
}

	#layout #top {
		background: url(../../img/bg_top.jpg) top left no-repeat;		
		display: block;
		float: left;
		height: 63px;
		margin: 0px;
		padding: 0px;
		width: 1200px;
	}

		#layout #top #topLogo {
			float: left;
			height: 63px;
			margin: 0px 0px 0px 500px;
			width: 280px;
		}

    #layout #top #topRight {
      display: block;
      float: right;
      width: 380px;
      }

		  #layout #top #topRight #topFacebook {
        display: block;
        float: left;
        height: 63px;
        margin: 0;
        width: 130px;
        }

      #layout #top #topRight #topSound {
        display: block;
        float: right;
        font-size: 0.9em;
        text-align: right;
        text-transform: uppercase;
        width: 130px;
        }	

        #layout #top #topRight #topSound p {
          display: block;
          margin-top: 10px;
          float: left;
          width: 440px;
          }	

	#layout #content {
		background-image: url(../../img/bg/bg_main.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		display: block;
		float: left;
		height: 680px;
		margin: 0px;
		min-height: 680px;
		padding: 25px 0;
		width: 1200px;
	}	

  #layout #content_noimage {
		background-position: top left;
		background-repeat: repeat-x;
		display: block;
		float: left;
		height: 680px;
		margin: 0px;
		min-height: 680px;
		padding: 25px 0;
		width: 1200px;
  }	

  #layout #content_flash {
		background-position: top left;
		background-repeat: repeat-x;
		display: block;
		float: left;
		height: 700px;
		margin: 0px;
		min-height: 700px;
		padding: 0;
		width: 1200px;
  }	

  	#layout .homepage {
      height: 650px;
      min-height: 650px;
    }

  	#layout .flash {
      padding: 0;
      height: 700px;
      min-height: 700px;
  	}
  	
	#layout .flash_1 {
    padding: 0;
    height: 700px;
    min-height: 700px;
  }
	
    #layout  #menu {
      display: block;
      height: 37px;
			margin: 0;
      /* overflow: auto; */
			padding: 0 0 0 80px;
			position: relative;
      /* width: 1040px; */
			z-index: 2;
		}	
	
		#layout  #menu ul.topnav {
			background: url(../../img/bg_topnav_li.gif) repeat-x #222222;
			border: 1px solid #cfcfcf;
			float: left;
      height: 35px;
			list-style: none;
			margin: 0;
			padding: 0;
			-moz-border-radius: 4px;
			-webkit-border-bottom: 4px;
		}

		#layout #menu ul.topnav li {
			font-family: sans-serif;
      border-right: 1px solid #535353;
			float: left;
			margin: 0;	
			padding: 0;
			position: relative;
		}

			#layout #menu ul.topnav li a {
				background: url(../../img/bg_topnav_li.png) no-repeat center top;
				color: #fff;
				display: block;
				float: left;
				font-size: 12px;
				padding: 8px 18px 8px 19px;
				text-decoration: none;
				text-transform: uppercase;
			}

        #layout #menu ul.topnav li a.nosubmenu {
				  padding: 8px 25px 8px 25px;          
        }

			#layout #menu ul.topnav li a:hover {
				background: url(../../img/bg_topnav_li_hover.png) no-repeat center top;
			}

			#layout #menu ul.topnav li span {
				background: url(../../img/bg_subnav_btn.gif) no-repeat center top;
				float: left;
				height: 35px;
				width: 17px;
			}

			#layout #menu ul.topnav li span.subhover {
				background-position: center bottom; 
				cursor: pointer;
			}

				#layout #menu ul.topnav li ul.subnav {
					background: #333;
					border: 1px solid #999;
					display: none;
					float: left;
					list-style: none;
					left: 0; 
					margin: 0;
					padding: 0;
					position: absolute;
					top: 35px;
					width: 270px;
					-moz-border-radius-bottomleft: 5px;
					-moz-border-radius-bottomright: 5px;
					-webkit-border-bottom-left-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
				}

					#layout #menu ul.topnav li ul.subnav li {
						border-bottom: 1px solid #444;
						border-top: 1px solid #252525;
						clear: both;
						margin: 0; 
						padding: 0;
						width: 265px;
					}

						#layout #menu ul.topnav li ul.subnav li a {
							background: #333 url(../../img/bg_dropdown_link.gif) no-repeat 10px center;
							float: left;
							padding: 5px 0 5px 20px;
							width: 250px;
						}

						#layout #menu ul.topnav li ul.subnav li a:hover {
							background: #222 url(../../img/bg_dropdown_link.gif) no-repeat 10px center; 
						}					

		#layout #slideshow {
			background: transparent url(../../img/slideshow/bg_slideshow.jpg) no-repeat 0 0;
			height: 263px;
			margin: 48px 0 0 80px;
			position: absolute;
			width: 678px;
			z-index: 1;
			-moz-border-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
		}

			#layout #slideshow #slidesContainer {
  				margin: 0 auto;
  				height: 263px;
  				overflow: auto;
          padding: 0;
  				position: relative;
  				width: 600px;
			}

				#layout #slideshow #slidesContainer .slide {
					color: #ffffff;
  				margin: 0;
  				height: 238px;
					padding: 20px 0 10px 0;
  				width: 600px;
				}

					#layout #slideshow #slidesContainer .slide h2 {
						border: none;
						color: #ffffff;
						font-family: Candara, 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
            margin: 0 20px; 	
					}

					#layout #slideshow #slidesContainer .slide p {
            margin: 0 20px; 	
					}

					#layout #slideshow #slidesContainer .slide img {					
						float: right;
  					margin: 0 0 0 15px;
					}

					#layout #slideshow #slidesContainer .slide a {
						color: #ffffff;	
					}					

				.control {
  					display: block;
  					width: 39px;
  					height: 263px;
  					text-indent: -10000px;
  					position: absolute;
  					cursor: pointer;
				}
			
				#leftControl {
  					top: 0;
  					left: 0;
  					background: transparent url(../../img/slideshow/control_left.jpg) no-repeat 0 0;
				    -moz-border-radius-bottomleft: 7px;
				    -moz-border-radius-topleft: 7px;
				    -webkit-border-top-left-radius: 7px;
				    -webkit-border-bottom-left-radius: 7px;
				}

				#rightControl {
  					top: 0;
  					right: 0;
  					background: transparent url(../../img/slideshow/control_right.jpg) no-repeat 0 0;
			    	-moz-border-radius-bottomright: 7px;
			     	-moz-border-radius-topright: 7px;
			     	-webkit-border-top-right-radius: 7px;
			     	-webkit-border-bottom-right-radius: 7px;
				}

		#layout #aktuality {
			background: transparent url(../../img/dt_80.png);
			border: 1px solid #cfcfcf;
			margin: 30px 0 0 800px;
			height: 243px;
			max-height: 243px;
			overflow: auto;
			padding: 10px 15px;
			position: absolute;
			width: 280px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;				
		}

		  #layout #aktuality h2 {
		    margin: 5px 0 0 0;
		  }


		#layout #tarify {
			background: transparent url(../../img/bg_vlna.png);
			display: block;
			height: 165px;
			margin: 350px 0 0 0;
			padding: 0px;
			position: absolute;
			width: 1200px;
		}
		
			#layout #tarify ul {
				margin: 0 0 0 80px;
        padding: 4px 0 0 15px;
			}

				#layout #tarify ul li {
					background: url(../../img/bg_tarif_box.png) top left no-repeat;
					display: inline;
					float: left;
					height: 157px;
					margin: 0 30px;
					width: 275px;
				}

				#layout #tarify ul li div {
					padding: 40px 10px 10px 95px;
					background-position: 30px 40px;
					background-repeat: no-repeat;
					color: #FFFFFF;
				}

					#layout #tarify ul li h2 {
            font-family: sans-serif;
						color: #FFFFFF;	
						font-size: 13px;
						font-style: italic;
						margin: 0;
					}

					#layout #tarify ul li p {
            height: 39px;
						margin: 0 0 3px 0;	
            overflow: none;
					}


					#layout #tarify ul li span.button {
						color: #ffffff;
						display: block;
						margin: 15px 0 0 30px;
					}

  					#layout #tarify ul li span.button a {
              color: #fff;
            }


		#layout #contentLeft {	
      display: block;
			float: left;
			margin: 0;
			padding: 35px 0 0 80px;
			text-align: left;
			width: 130px;
		}
	

			#layout #contentLeft .bubplastic.vertical {
				width: 155px;
				margin: 0;
				padding: 0px;
				display: block;
			}

				#layout #contentLeft .bubplastic.vertical ul {
					display: block;
					list-style: none;
					margin: 0;
					padding: 0;
				}

					#layout #contentLeft .bubplastic.vertical ul li {
						display: block;
						float: left;
						width: 100%;
						margin: 0;
						padding: 0;
					}

						#layout #contentLeft .bubplastic.vertical ul li a {
							display: block;
							margin: 2px 0;
							width: 100%;
							padding: 4px 5px 6px 10px;
							text-transform: uppercase;
							font-size: 0.92em;
							color: #FFFFFF;
							text-decoration: none;
							background: transparent url(../../img/bg-bubplastic-button.gif) top left no-repeat;
							border: 1px solid #cfcfcf;
							-moz-border-radius: 3px;
							-webkit-border-bottom: 3px;
						}

						#layout #contentLeft .bubplastic.vertical ul li a span.menu_ar {
							display: block;
							margin: 0;
							width: 100%;
							height: 22px;
							padding-top: 5px;
							padding-right: 35px;
							background: transparent url(../../img/bg-bubplastic-button.gif) top right no-repeat;
							cursor: pointer;
						}


						#layout #contentLeft .bubplastic.blue ul li a:hover,
						#layout #contentLeft .bubplastic.blue ul li.highlight a {
							background: transparent url(../../img/bg-bubplastic-h-blue.gif) top left no-repeat;
						}
						#layout #contentLeft .bubplastic.blue ul li a:hover span.menu_ar,
						#layout #contentLeft .bubplastic.blue ul li.highlight a span.menu_ar {
							background: transparent url(../../img/bg-bubplastic-h-blue.gif) top right no-repeat;
						}
		

		#layout #contentRight {	
   		display: block;
			float: right;
			margin: 0;
			padding: 35px 0 0 0;	
			width: 910px;
		}

			#layout #contentRight #rightText {
				    background: transparent url(../../img/dt_80.png);
        		border: 1px solid #a2a2a2;
        		float: left;
        		padding: 10px 0 10px 10px;
        		width: 670px;
        		border-radius: 5px;
        		-moz-border-radius: 5px;
        		-webkit-border-radius: 5px;
			}	

				#layout #contentRight #rightText #textOverflow {
					max-height: 545px;
					overflow: auto;
					padding: 1px 10px 0 1px;
					width: 660px;
				}

				#layout #contentRight #rightText #textOverflow p {
					margin: 0 0 10px 0;	
					padding: 0;
				}

				#layout #contentRight #rightText #textOverflow ul {
					margin: 0 0 0 20px;
					padding: 0;	
				}

			#layout #contentRight #rightSupport {
				background: transparent url(../../img/dt_black_80.png);
				border-top: 1px solid #a2a2a2;
				border-left: 1px solid #a2a2a2;
				border-bottom: 1px solid #a2a2a2;
				color: #dadada;
				float: right;
				font-size: 0.92em;
				margin: 160px 0 0 5px;
				padding: 15px;
				width: 160px;
				-moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
			}	

  		  #layout #contentRight #rightSupport h2 {
  		    color: #dadada;
  		  }

  		  #layout #contentRight #rightSupport a {
  		    color: #dadada;
  		    color: #dadada;
  		  }

	
	/* #layout #bottom {	
		background: #e1e1e1;
		border-top: 1px solid #999999;
		color: #999999;
		display: block;
		float: left;
		font-size: 0.9em;
		padding: 10px;
		width: 1180px;
   	-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
	} 
#layout #bottom ul {
			float: left;
			margin: 2px 0 0 0;
			width: 600px;	
		}
	
			#layout #bottom ul li {
        background: url(../../img/bg_bottom_ul.png) right 3px no-repeat;
				display: inline;
				float: left;
				padding: 0 7px 0 7px;
			}
			
			#layout #bottom ul li.last {
			 background: none;
			}
	
		#layout #bottom #phone {
			background: transparent url(../../img/bg_telephone.png) 75px 2px no-repeat;
			color: #666666;
			float: right;
			font-size: 16px;
			padding: 2px 0;
      text-align: right;
			width: 200px;
		} */
	#layout #bottom {	
		background: #000000;
		border-top: 1px solid #999999;
		color: #ffffff;
		display: block;
		float: left;
		font-size: 0.9em;
		padding: 10px;
		width: 1180px;
   	-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-webkit-border-bottom-right-radius: 7px;
	}

		#layout #bottom ul {
      background: red;
			float: left;
			margin: 2px -10px 0 0;
			width: 600px;	
		}
	
			#layout #bottom ul li {
        background: url(../../img/bg_bottom_ul.png) right 3px no-repeat;
				display: inline;
				float: left;
				padding: 0 7px 0 7px;
			}
			
			#layout #bottom ul li.last {
			 background: none;
			}
	
		#layout #bottom #phone {
			background: transparent url(../../img/bg_telephone.png) 75px 2px no-repeat;
			color: #ffffff;
			float: right;
			font-size: 16px;
			padding: 2px 0;
      text-align: right;
			width: 200px;
		} 
		#layout #bottom a { color: #ffffff; text-decoration: none;}
		#layout #bottom a:hover { color: #ffffff; text-decoration: underline;}

  	#layout #bottom div#bottom_right {
      background: red;
      display: block;
      float: right;
      width: 580px;
  	}