* {
	margin: 0;
	padding: 0;
}

body {
	text-align: justify;
    background: #FFFFFF;
    color: #666666;
    font-family: verdana;
    font-size: 10px;
    position: relative;
}

h1 {
	padding: 10px 0px 15px 0px;
    color: #990000;
    font-size: 14px;
}

h2 {
    padding: 5px 0px 10px 0px;
    color: #666666;
    font-size: 12px;
}

img {
    border: 0px;
}

input, textarea {
    font-family: verdana;
    font-size: 10px;
}

a {
    color: #990000;
}	 

a:hover, a:visited {
    color: #333333;
}

/*** ##############################
     hlavni kontejner
     ############################## ***/

#body {
    width: 100%;
    height: 100%;
	margin: 0 auto;
    text-align: justify;
    position: relative;
}

/*** ##############################
     styly pro hlavni menu
     ############################## ***/
	 
#menu {
	position: relative;
	width: 800px;
    height: 50px;
	margin: 0 auto;
    overflow: hidden;
}

#menu span.invis {
    display: none;
}

#menu ul {
	list-style-type: none;
	position: relative;
	top: 12px;
	left: 395px;
}

#menu ul li {
	float: left;
	position: relative;
}

#menu ul li a {
    line-height: 25px;
	vertical-align: middle;
}

#menu ul li.uvod a {
	display: block;
	width: 50px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat 0 0;
}

#menu ul li.uvod a:hover, #menu ul li.uvod_active a, #menu ul li.uvod_active a:hover {
    display: block;
	width: 50px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat 0 100%;
}

#menu ul li.nabidka a {
	display: block;
	width: 87px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -50px 0;
}

#menu ul li.nabidka a:hover, #menu ul li.nabidka_active a, #menu ul li.nabidka_active a:hover {
    display: block;
	width: 87px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -50px 100%;
}

#menu ul li.portfolio a {
	display: block;
	width: 90px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -137px 0;
}

#menu ul li.portfolio a:hover, #menu ul li.portfolio_active a, #menu ul li.portfolio_active a:hover {
    display: block;
	width: 90px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -137px 100%;
}

#menu ul li.kontakt a {
	display: block;
	width: 80px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -227px 0;
}

#menu ul li.kontakt a:hover, #menu ul li.kontakt_active a, #menu ul li.kontakt_active a:hover {
    display: block;
	width: 80px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -227px 100%;
}

#menu ul li.zajimavosti a {
	display: block;
	width: 98px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -307px 0;
}

#menu ul li.zajimavosti a:hover, #menu ul li.zajimavosti_active a, #menu ul li.zajimavosti_active a:hover {
    display: block;
	width: 98px;
	height: 25px;
    background: url(system/menu_main.png) no-repeat -307px 100%;
}

/*** ############################## ***/

#head_bg {
    width: 100%;
    height: 200px;
	background: url(system/head_bg.png) repeat-x left bottom;
}

#head {
    position: relative;
	width: 820px;
    height: 200px;
	margin: 0 auto;
    background: url(system/head.png) no-repeat;
}

#main {
    width: 820px;
    min-height: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: justify;
    position: relative;
}

/*** ##############################
     portfolio horizontalni menu
     ############################## ***/

#menu_portfolio_bg {
	padding: 20px 0px 0px 0px;
    width: 100%;
    height: 30px;
	background: url(system/menu_portfolio_bg.png) repeat-x left bottom;
}

#menu_portfolio {
	position: relative;
	width: 802px;
    height: 30px;
	margin: 0 auto;
    overflow: hidden;
}

#menu_portfolio span.invis {
    display: none;
}

#menu_portfolio ul {
	list-style-type: none;
	position: relative;
	top: 0px;
	left: 0px;
}

#menu_portfolio ul li {
	float: left;
	position: relative;
}

#menu_portfolio ul li a {
    line-height: 30px;
	vertical-align: middle;
}

#menu_portfolio ul li.styly a {
	display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat 0 0;
}

#menu_portfolio ul li.styly a:hover, #menu_portfolio ul li.styly_active a, #menu_portfolio ul li.styly_active a:hover {
    display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat 0 100%;
}

#menu_portfolio ul li.loga a {
	display: block;
	width: 133px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -134px 0;
}

#menu_portfolio ul li.loga a:hover, #menu_portfolio ul li.loga_active a, #menu_portfolio ul li.loga_active a:hover {
    display: block;
	width: 133px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -134px 100%;
}

#menu_portfolio ul li.stranky a {
	display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -267px 0;
}

#menu_portfolio ul li.stranky a:hover, #menu_portfolio ul li.stranky_active a, #menu_portfolio ul li.stranky_active a:hover {
    display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -267px 100%;
}

#menu_portfolio ul li.bannery a {
	display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -401px 0;
}

#menu_portfolio ul li.bannery a:hover, #menu_portfolio ul li.bannery_active a, #menu_portfolio ul li.bannery_active a:hover {
    display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -401px 100%;
}

#menu_portfolio ul li.modely a {
	display: block;
	width: 133px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -535px 0;
}

#menu_portfolio ul li.modely a:hover, #menu_portfolio ul li.modely_active a, #menu_portfolio ul li.modely_active a:hover {
    display: block;
	width: 133px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -535px 100%;
}

#menu_portfolio ul li.ostatni a {
	display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -668px 0;
}

#menu_portfolio ul li.ostatni a:hover, #menu_portfolio ul li.ostatni_active a, #menu_portfolio ul li.ostatni_active a:hover {
    display: block;
	width: 134px;
	height: 30px;
    background: url(system/menu_portfolio.png) no-repeat -668px 100%;
}

/*** ##############################
     styly pro obsah
     ############################## ***/

#content {
	padding: 10px 0px 25px 0px;
    width: 820px;
    min-height: 400px;
    height: auto;
    clear: both;
}

#content ul {
    padding: 0px 0px 10px 0px;
    position: relative;
    left: 25px;
    top: 0px;
}

#content ul li {
    list-style-image: url(system/bullet.png);
}

#content p.text {
    padding: 0px 0px 10px 0px;
    text-align: justify;
    font-size: 10px;
}

#content p.text_ods {
    padding: 10px 0px 0px 0px;
    text-align: justify;
    font-size: 10px;
}

/*#content p.form {
    padding: 0px 0px 5px 0px;
    text-align: justify;
    font-size: 10px;
}*/

#content img.thumb_small {
    width: 100px;
    height: 100px;
    padding: 15px 15px 20px 15px;
    border: none;
    background: url(system/thumb_small.png);
}

#content img.thumb_big {
    width: 165px;
    height: 110px;
    padding: 20px 20px 20px 20px;
    border: none;
    background: url(system/thumb_big.png);
}

#content p.date {
    padding: 0px 0px 0px 0px;
    text-align: left;
    font-size: 10px;
    color: #666666;
    font-weight: bold;
}

/*** ##############################
     varianty kontejneru
     ############################## ***/

#content div.content_narrow {
	padding: 0px 10px 0px 10px;
    width: 800px;
}

#content div.left_normal {
    float: left;
	padding: 0px 0px 0px 10px;
    width: 385px;
}

/*#left_big {
         float: left;
         width: 490px;
}*/

#content div.right_normal {
    float: right;
    padding: 0px 10px 0px 0px;
    width: 385px;
}

#content div.right_wider {
    float: right;
	padding: 0px 5px 0px 0px;
    width: 398px;
}

#content div.right_wide {
    float: right;
    width: 405px;
}

#content div.left_align {
    float: left;
    width: 490px;
}

#content div.right_align {
	float: right;
    width: 490px;
}

#content div.img_left {
    float: left;
    width: 205px;
    padding: 0px 0px 0px 0px;
}

#content div.txt_right {
    float: right;
    width: 585px;
    font-size: 12px;
    padding: 20px 10px 0px 0px;
}

/*** ##############################
     kontejnery pro formular
     ############################## ***/

#content div.left_form {
    float: left;
    width: 100px;
    text-align: right;
    padding: 0px 0px 5px 0px;
}

#content div.right_form {
    float: right;
    width: 280px;
    text-align: left;
    padding: 0px 0px 5px 0px;
}

/*** ##############################
     velka tlacitka v portfoliu a na indexu
     ############################## ***/

#content span.invis {
    display: none;
}

#content a.portfolio_go_to {
	display: block;
	width: 405px;
	height: 120px;
    background: url(system/portfolio_go_to.png) no-repeat 0 0;
}

#content a.portfolio_go_to:hover {
    background-position: 0 100%;
}
	 
#content a.styly_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_styly.png) no-repeat 0 0;
}

#content a.styly_go_to:hover {
    background-position: 0 100%;
}

#content a.loga_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_loga.png) no-repeat 0 0;
}

#content a.loga_go_to:hover {
    background-position: 0 100%;
}

#content a.stranky_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_stranky.png) no-repeat 0 0;
}

#content a.stranky_go_to:hover {
    background-position: 0 100%;
}

#content a.bannery_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_bannery.png) no-repeat 0 0;
}

#content a.bannery_go_to:hover {
    background-position: 0 100%;
}

#content a.modely_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_modely.png) no-repeat 0 0;
}

#content a.modely_go_to:hover {
    background-position: 0 100%;
}

#content a.ostatni_go_to {
	display: block;
	width: 490px;
	height: 160px;
    background: url(system/button_ostatni.png) no-repeat 0 0;
}

#content a.ostatni_go_to:hover {
    background-position: 0 100%;
}

/*** ##############################
     styly pro portfoliove barvy
     ############################## ***/

#content h1.styly {
    color: #CC0000;
}

.styly {
    color: #CC0000;
}	 

a.styly:hover, a.styly:visited {
    color: #540101;
}

#content h1.loga {
    color: #0066FF;
}

.loga {
    color: #0066FF;
}	 

a.loga:hover, a.loga:visited {
    color: #01347E;
}

#content h1.stranky {
    color: #FF6600;
}

.stranky {
    color: #FF6600;
}	 

a.stranky:hover, a.stranky:visited {
    color: #8F3901;
}

#content h1.bannery {
    color: #006600;
}

.bannery {
    color: #006600;
}	 

a.bannery:hover, a.bannery:visited {
    color: #003C00;
}

#content h1.modely {
    color: #9900CC;
}

.modely {
    color: #9900CC;
}	 

a.modely:hover, a.modely:visited {
    color: #460165;
}

#content h1.ostatni {
    color: #666666;
}

.ostatni {
    color: #666666;
}	 

a.ostatni:hover, a.ostatni:visited {
    color: #333333;
}

/*#menu_right {
       float: right;
       width: 200px;
}

#menu_right ul {
      position: relative;
      left: 15px;
      top: 40px;
      padding: 0px 0px 40px 0px;
}

#menu_right ul li {
         list-style-image: url(system/bullet.png);
         padding: 0px 0px 10px 0px;
         font-size: 12px;
}

#menu_right ul a:link {
         color: #CC0000;
         font-weight: normal;
}

#menu_right ul a:hover, #menu_right ul a:visited {
         color: #555555;
}*/

#content_end {
          clear: both;
}

/*#content div.p_left {
         float: left;
         width: 345px;
         text-align: right;
         padding: 5px 0px 5px 0px;
}

#content div.p_right {
         float: right;
         width: 345px;
         text-align: left;
         font-size: 12px;
         font-weight: bold;
         padding: 67px 0px 0px 0px;
}

#content div.p_right a:link {
         color: #CC0000;
}

#content div.p_right a:hover, #content div.p_right a:visited {
         color: #555555;
}

#content div.left {
         float: left;
         width: 345px;
}

#content div.right {
         float: right;
         width: 345px;
}*/

#content div.divider {
    clear: both;
}







/*** ##############################
     styly pro preview a footer
     ############################## ***/

#preview_bg {
    width: 100%;
    height: 205px;
	background: url(system/preview_bg.png) repeat-x left bottom;
}

#preview {
    position: relative;
	width: 820px;
    height: 205px;
	margin: 0 auto;
    background: url(system/preview.png) no-repeat;
}

#preview img.preview1 {
    width: 165px;
    height: 110px;
    position: absolute;
	top: 65px;
	left: 20px;
    border: none;
}

#preview img.preview2 {
    width: 165px;
    height: 110px;
    position: absolute;
	top: 65px;
	left: 225px;
    border: none;
}

#preview img.preview3 {
    width: 165px;
    height: 110px;
    position: absolute;
	top: 65px;
	left: 430px;
    border: none;
}

#preview img.preview4 {
    width: 165px;
    height: 110px;
    position: absolute;
	top: 65px;
	left: 635px;
    border: none;
}

#footer_bg {
    width: 100%;
    height: 91px;
	background: url(system/footer_bg.png) repeat-x left bottom;
}

#footer {
    position: relative;
	width: 820px;
    height: 91px;
	margin: 0 auto;
    background: url(system/footer.png) no-repeat;
}

#footer p {
    text-align: left;
    font-size: 10px;
	color: #808080;
	padding: 40px 0px 0px 165px;
}