/* -------------  RESET STYLES ------------------- */ 
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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------   BASICS ---------------------  */
body {
  font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3 em;
	color: #333;
	background:  #ddd url('images/pozadi-home.png') repeat-y center top;
	text-shadow:0 1px 0 rgba(220,220,220,.8);
	-webkit-font-smoothing: subpixel-antialiased;} 

p { padding-bottom: 12px; line-height: 1.3em; }
li { line-height: 1.3em; }
img {border: 0px} 

a, a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	
}
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.15em 0; }
h2 { color: navy;}
h3 { color: red; }
h4 { 
  color: Gray;
  padding: 12px 0 12px 0;
  font-style: italic;
  font-size: 14px;
  font-family: New Times Roman, serif;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
   }
h6 { display: none; }
ul { list-style: square; }
.clear { clear: both;}
/* ---------------------   LAYOUT ---------------------  */

#page-wrapper { 
  width: 940px;
  margin: 0 auto 0 auto;
  
  xxborder: 1px solid yellow; }
  
#header {
  padding: 20px;
  xxxbackground-color: white;
  height: 90px;
  
  xxborder: 1px solid fuchsia;
   }
#header h1 { width: 300px; float: left; top: 20px;}
   
#content { 

  xxborder: 1px solid blue;
  padding: 30px 20px 30px 20px;
  overflow: hidden;
  xxtext-align: justify;
   }
  


TABLE { }
INPUT, P {}
FORM { }

/* ---------------------   MENU ---------------------  */

#menu-secondary { padding: 25px 25px 25px 10px; color: #597501; }
#menu-secondary  a, #menu-secondary a:visited {
	color: #FFF;
	text-shadow:0 1px 0 #333333;
	-webkit-font-smoothing: subpixel-antialiased;
	text-decoration: none;
	font-size: 16px;
	
	padding-right: 10px;
	padding-left: 10px;
}
#menu-secondary a:hover {
	text-decoration: underline;
	}


#menu-primary { 
  float: right;
  padding-top: 10px; }
#menu-primary ul {
   
  }
#menu-primary li {
  xxborder: 1px solid fuchsia;
  xbackground-color: Silver  ;
  padding: 10px;
  xmargin: 10px;
  
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
  }
#menu-primary li a {
  
  overflow: hidden;
   
  }


/* ---------------------   CONTENT ---------------------  */
#content-left-narrow { 
  width: 320px; 
  float: left;
  }
#content-left-wide { 
  width: 640px; 
  float: left;
  }
#content-left-even  { 
  width: 420px; 
  float: left;
  }
#content-left-home { 
  width: 240px; 
  float: left;
  text-align: left;
  }  
#content-right-narrow { 
  width: 240px;
  float: right; 
  }
#content-right-wide { 
  width: 540px;
  float: right; 
  }
#content-right-even  { 
  width: 420px; 
  float: right;
  }
#content-right-home  { 
  width: 610px; 
  float: right;
  }
#content-full  { 
  clear:both;
  }
#content-third  { 
  width: 260px; 
  float: left;
  margin: 0px 40px 0px 00px;
  }  

  
#content h2 { 
  font-size: 18px;
  color: #333;
	text-shadow:0 1px 0 #999;
	-webkit-font-smoothing: subpixel-antialiased;
	padding-bottom: 18px;
   }

#content h3 { 
  font-size: 12px;
  color: #BBB;
	text-shadow:0 1px 0 #777;
	-webkit-font-smoothing: subpixel-antialiased;
	padding-bottom: 12px;
	
	font-size: 16px;
  font-family: New Times Roman, serif;
  font-style: italic;
   }
#content ul { 
  padding-bottom: 12px;
   }
#content li { 
  margin-left: 20px;
  list-style-image: url('images/star_17.png') ;
  padding: 0px 0px 6px 0px;
  
   }
   
#home-left { 
  font-size: 16px;
  color: #FFF;
  text-shadow:0 1px 0 #000;
	-webkit-font-smoothing: subpixel-antialiased;
   }
#home-left p { 
  line-height: 1.5em;
   }
#home-left li { 
  line-height: 1.5em;
  font-size: 20px;
  list-style-image: url('images/star_16.png')   ;
   }        
#home-left a { 
  color: #FFF;
  text-shadow:0 1px 0 #000;
	-webkit-font-smoothing: subpixel-antialiased;
   }    

.portfolio {
  width: 260px;
  height: 340px;
  float: left;
  background-color: #E9E9E9;
  xborder: 1px solid Silver;
  margin: 8px;
  padding: 10px;
  
    -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  behavior: url(border-radius.htc);
}

.portfolio img { 
  box-shadow:rgba(0,0,0,0.5) 0px 0px 12px; 
  padding: 5px;
  margin: 5px 0px 5px 5px;
  }
.portfolio h4 {
  font-size: 24px;
    text-shadow:0 1px 0 #FFF;
	-webkit-font-smoothing: subpixel-antialiased;
	margin-left: 10px;
}  
.portfolio p {
  margin: 0px 10px 0px 10px;
  text-align: left;
  text-shadow:0 1px 0 #FFF;
	-webkit-font-smoothing: subpixel-antialiased;
} 




.img-frame {
  border: 1px solid Silver;
  padding: 5px;
  background-color: White;
  float: right;
  margin-left: 40px;
  margin-bottom: 20px;
  
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  behavior: url(border-radius.htc);
  
  box-shadow:rgba(64,64,64,0.5) 0px 0px 12px;
  
  }    

.tabulka-cenik {
  width: 440px;
  background-color: #E0E0E0;
  

  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  behavior: url(border-radius.htc);
  
}
.tabulka-cenik td {
  padding: 10px 15px 10px 15px;
}
.zahlavi {
  border-bottom: 1px solid #CCC;
}
.align-right {
  text-align: center;
  
}

/* ---------------------   FOOTER ---------------------  */
#footer { 
  
  padding: 20px; 
  clear: both; 
  overflow: hidden;
  }
#footer p { 
  color: #AAA;
  line-height: 1.3em;
  
  text-shadow:0 1px 0 #FFF;
	-webkit-font-smoothing: subpixel-antialiased;
  }

#footer-left  { 
  width: 420px; 
  float: left;
  }
#footer-right { 
  width: 240px;
  float: right; 
  }


/* ---------------------   KOLOTOC ---------------------  */


#example {
	width:600px;
	height:330px;
	position: relative;
	
  padding: 20px;
  left: 20px;
  top: 20px;
  
}
#example-www {
	width:600px;
	height:330px;
	position: relative;
	
	left: -54px;
	top: -10px;
	margin-bottom: 20px;
}
#example li, #example-www li {
	list-style: none;
	padding: 0px;
	margin: 4px;

}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}
#frame-www {
	position:absolute;
	z-index:0;
	width: 639px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:570px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}


/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width: 120px;
	
}

.pagination ul {
	padding:0px ;
	margin: 0px ;
}

.pagination li {
	float:left;
	margin:0px 1px 0px 0px;
	margin-left: 0px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}