body {
background: url('podklad-part.gif') center top repeat;
margin:0px;
padding: 0px;
}

#background {
margin:0px;
padding: 0px;
background: url('podklad.gif') center top repeat-x;
}



#main-container {
margin-left : auto;
margin-right: auto;
width: 1124px;
_width: 1130px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
}

#page {
margin: 0px;
}

.background1 {
background: url('1.jpg') 72px 140px no-repeat;
}

.background2 {
background: url('2.jpg') 72px 140px no-repeat;
}

.background3 {
background: url('3.jpg') 72px 140px no-repeat;
}

.background4 {
background: url('4.jpg') 72px 140px no-repeat;
}

.background5 {
background: url('5.jpg') 72px 140px no-repeat;
}

.background6 {
background: url('6.jpg') 72px 140px no-repeat;
}

.background7 {
background: url('7.jpg') 72px 140px no-repeat;
}

.background8 {
background: url('8.jpg') 72px 140px no-repeat;
}

.background9 {
background: url('9.jpg') 72px 140px no-repeat;
}

.background10 {
background: url('12.jpg') 72px 140px no-repeat;
}

.background11 {
background: url('11.jpg') 72px 140px no-repeat;
}


#main-left { 
width: 1000px;
float:left;
margin: 0px;
padding: 0px;
}

#main-right {
width: 124px;
float: right;
margin: 0px;
padding: 0px;
}

#banner_top {
width: 745px;
margin: 30px 2px 0px 0px;
padding: 0px;
display: block;
float: right;
}

#banner_right {
width: 120px;
height: 600px;
padding: 0px;
margin: 0px;
margin-top: 160px;
padding-left: 4px;
}

#header {
width: 898px;
margin: 0px 1px;
padding: 0px 30px 0px 70px; 
height: 300px;
}

#header #hlavicka {
width: 900px;
margin: 0px;
padding: 0px;
height: 130px;
}

#header h1 {
color: white;
font-weight:normal;
margin-right:10px;
float: left;
margin: 0px;
}

#header h1 a {
text-decoration: none;
}

#header h1 span {
background-color:#E41B38;
color: white;
font-size:30px;
padding:1px 3px;
text-transform:lowercase;
font-weight: normal;
}

#hlavicka a#logo {
float: left;
display: block;
margin: 10px 0px 0px 0px;
width: 120px;
height: 120px;
border: none;
background: url('darky-nove-logo.jpg') bottom left no-repeat;
}


#header hr {
width: 100%;
border: 2px solid #E41B38;
margin: 6px 0px 25px 0px;
_margin: 2px 0px 25px 0px;
}

#header img#logo-darky {
display: block;
border: 0px;
padding: 0px;
margin: 0px;
float: left;
}

#header ul#main-menu {
border: 0px;
padding: 0px;
margin: 0px;
float: left;
}

#header ul#main-menu li {
display: block;
width: 70px;
float: left;
text-align: center;
text-transform: uppercase;
list-style: none;
padding: 3px;
}

#header ul#main-menu li a {
text-decoration: none;
color: white;
}

#header ul#main-menu li#menu-zazitky {
background-color: #E41B38;
}

#header ul#main-menu li#menu-darky {
background-color: #7AC041;
}

#header ul#main-menu li#menu-firmy {
background-color: #026EA8;
}

#header ul#sub-menu {
border: 0px;
padding: 0px;
margin: 0px;
float: left;
display: block;
width: 370px;
visibility:hidden;
}

#header ul#sub-menu li {
display: block;
float: left;
text-align: center;
text-transform: uppercase;
list-style: none;
margin: 0px;
padding: 3px 10px;
background-color: white;
}

#header ul#sub-menu li a {
text-decoration: none;
color: #E41B38;
}

#header ul#sub-menu li#menu-obch-podminky {
width: 200px;
text-align: right;
}

#header ul#sub-menu li#menu-kontakty { 
width: 80px;
text-align: center;
}

#header ul#sub-menu li#menu-faq {
width: 30px;
text-align: left;
}

#header ul#sub-menu li#menu-test {
width: 0px;
padding: 0px;
text-align: left;
background-color: transparent;
}


#header ul#admin-menu {
border: 0px;
padding: 0px;
margin: 0px;
float: right;
clear: left;
}

#header ul#admin-menu li {
display: block;
float: left;
text-align: center;
text-transform: uppercase;
list-style: none;
padding: 3px 10px;
background-color: white;
}

#header ul#admin-menu li a {
text-decoration: none;
color: #E41B38;
}

#container {
margin: 0px;
padding: 0px 30px 0px 70px; 
width: 900px;
background-color: transparent;
}

#container div.area {
margin: 0px 1px;
float: left;
}

#container div.area-header {
height: 85px;
color: white;
overflow: hidden;
}

#container div#area-header-detail {
height: 20px;
}

#container #area-zazitky {
width: 350px;
margin: 2px 1px 0px 2px;
_margin: 2px 1px 0px 1px;
}

#container #area-zazitky-wide {
width: 702px;
margin: 0px 1px;
}

#container #area-darky {
width: 350px;
margin: 2px 1px 0px 1px;
}


#container #area-darky-wide {
width: 702px;
margin: 0px 1px;
}

#container #area-firmy {
width: 192px;
margin: 0px 1px;
}

#container #area-firmy div.margin2 {
margin-top: 2px;
}

#container #area-other-wide {
width: 702px;
margin: 0px 1px;
background: white;
}

#container #area-firmy-wide {
width: 702px;
margin: 0px 1px;
}

#container #area-firmy-wide div.description {
color: #989898;
}

#container #area-firmy-wide h3 {
color: #026EA8;
font-size: 24px;
font-weight: bold;
}

#container #area-firmy-wide strong {
color: #026EA8;
}



#container #area-zazitky div.area-header, #container #area-zazitky-wide div.area-header {
background-color: #E41B38;
padding: 20px;
}

#container #area-darky div.area-header, #container #area-darky-wide div.area-header {
background-color: #7AC041;
padding: 20px;
}


/*
#container #area-firmy div.area-header, #container #area-firmy-wide div.area-header {
background-color: #026EA8;
padding: 20px;
}
*/

#container #area-firmy div.area-header  {
height: 125px;
}

#container #area-other-wide div.area-header {
background-color: #E41B38;
padding: 20px;
}

#container #area-firmy-wide div.area-header {
background-color: #026EA8;
padding: 20px;
}

#container div.area-header h2 {
margin: 0px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
padding: 3px 0px 3px 0px;
display: inline;
}

#container div.area-header h2 a.sipka {
width: 30px;
line-height: inherit;
background: url('sipka.gif') right center no-repeat;
}

#container div.area-header a {
text-decoration: none;
color: white;
}

#container div.area-header a:hover {
color: #989898;
}

#container div.area-header p {
clear: left;
margin: 0px;
padding: 2px 0px;
font-size: 11px;
}

#container div.area-header img {
border: 0px;
display: inline;
}

#container div.area-content div.item {
margin: 2px 0px;
padding: 0px;
height: 80px;
clear: both;
/*
background: #FFF url('empty-image.png') left center no-repeat;
*/
background-color: #FFF;
}

#container div.area-content div.Last {
margin: 2px 0px 0px 0px;
padding-bottom: 2px;
}

#container div.area-content div.item div.label {
height: 4ex;
}

#container div.area-content div.item a.img_container {
border: 0px;
width: 100px;
height: 80px;
margin: 0px;
padding: 0px;
text-align: center;
float: left;
}

#container div.area-content div.item a.img_container img {
border: 0px;
margin: 0px;
padding: 0px;
}

#container div.area-content div.empty {
background: #FFF url('') left center no-repeat;
}

#container div.area-content div#top {
margin: 2px 0px 0px 0px;
background-color: #E41B38;
text-align: left;
color: white;
padding: 5px 20px;
display: block;
font-weight: bold;
height: 18px;
clear: both; 
}

#container div.area-content h3 {
padding: 5px 0px 0px 0px;
margin: 0px;
margin-left: 110px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
display: block;
}

#container #area-zazitky-wide div.area-content {
}

#container #area-zazitky-wide div.area-content h3.nazev, #container #area-darky-wide div.area-content h3.nazev {
float: left;
margin-left: 10px;
width: 400px;
}

#container #area-zazitky-wide div.area-content div.cenovka {
float: right;
margin-right: 10px;
margin-top: 5px;
color: #E41B38;
}

#container #area-darky-wide div.area-content div.cenovka {
float: right;
margin-right: 10px;
margin-top: 5px;
color: #7AC041;
}


#container #area-zazitky div.area-content h3 a, #container #area-zazitky-wide div.area-content h3 a {
color: #E41B38;
text-decoration: none;
}

#container #area-darky div.area-content h3 a, #container #area-darky-wide div.area-content h3 a {
color: #7AC041;
text-decoration: none;
}

#container #area-firmy div.area-content h3 a {
color: #026EA8;
text-decoration: none;
}

#container #area-zazitky div.area-content h3 a:hover, #container #area-zazitky-wide div.area-content h3 a:hover {
color: #989898;
}

#container #area-darky div.area-content h3 a:hover, #container #area-darky-wide div.area-content h3 a:hover {
color: #989898;
}

#container #area-firmy div.area-content h3 a:hover {
color: #989898;
}

#container div.area-content span {
padding: 2px 5px 2px 10px;
display: block;
font-size: 11px;
_font-size: 10px;
_line-height: 13px;
color: #989898;
height: 9ex;
overflow: hidden;
}

#container #area-firmy div.area-content ol {
margin: 2px 0px;
background-color: white;
padding: 10px 10px 10px 30px;
height: 604px;
list-style-position: outside;
}

#container #area-firmy div.area-content ol li {
padding: 5px 0px;
color: #989898;
}

#container #area-firmy div.area-content ol li a {
text-transform: uppercase;
font-size: 90%;
text-decoration: none;
color: #026EA8;
}

#container #area-firmy div.area-content ol li a:hover {
color: #989898;
}

#container #area-zazitky-wide #pager, #container #area-darky-wide #pager {
background: #FFF;
text-align: center;
color: #989898;
margin-top: 2px;
padding: 3px;
}

#pager2 {
background: #FFF;
text-align: center;
color: #989898;
padding: 3px;
}


#container #area-zazitky-wide #pager a {
text-decoration: none;
color: #E41B38;
}

#container #area-darky-wide #pager a {
text-decoration: none;
color: #7AC041;
}

#container #area-zazitky-wide #pager a:hover, #container #area-darky-wide #pager a:hover {
color: #989898;
}

table#fix {
border: 0px;
margin: 0px;
padding: 0px;
}

table#fix td {
margin: 0px;
padding: 0px;
vertical-align: top;
}

table#fix td.white {
background-color: white;
margin: 0px;
padding: 0px;
vertical-align: top;
}

#container br.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
display: none;
margin: 0px;
padding: 0px;
}

#container div.area-content div.gallery {
margin: 0px;
margin-top: 2px;
padding: 0px;
background-color: white;
width: 180px;
display: block;
text-align: center;
float: left;
}

#container div.area-content div.gallery img.polozka_img {
border: 0px;
margin: 0px 0px;
padding: 0px;
}

#container div.area-content div.description {
margin: 0px;
margin-top: 2px;
padding-top: 20px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
background-color: white;
width: 412px;
display: block;
float: left;
}

#container #area-zazitky-wide div.area-content div.description h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
color: #E41B38;
padding: 3px 5px 3px 5px;
}

#container #area-darky-wide div.area-content div.description h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
color: #7AC041;
padding: 3px 5px 3px 5px;
}

#container #area-other-wide div.area-content div.description h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
color: #E41B38;
padding: 3px 5px 3px 5px;
}

#container #area-firmy-wide div.area-content div.description h3 {
margin: 0px;
padding: 0px;
font-size: 14px;
text-transform: uppercase;
color: #026EA8;
padding: 3px 5px 3px 5px;
}

#container div.area-content div.description div.popis, #container div.area-content div.description div.dostupnost {
margin: 10px 0px;
padding: 0px 5px;
color: #989898;
}

#container div.area-content div.description div.popis strong {
font-weight: bold;
display: block;
}

#container #area-zazitky-wide div.area-content div.description div.popiska {
float: left;
color: #E41B38;
margin: 2px 5px;
font-weight: bold;
width: 220px;
}

#container #area-zazitky-wide div.area-content div.description div.cena {
margin: 2px 0px;
padding: 0px 5px;
color: #E41B38;
float: right;
}

#container #area-darky-wide div.area-content div.description div.cena {
margin: 10px 0px;
padding: 0px 5px;
color: #7AC041;
}




#container div.area-content div strong {
font-weight: bold;
}

#container #area-zazitky-wide div.area-content div em {
font-style: normal;
margin-left: 10px;
padding: 0px 0px 0px 0px;
}

#container #area-darky-wide div.area-content div em {
font-style: normal;
margin-left: 10px;
padding: 0px 0px 0px 0px;
}

#container #area-zazitky-wide div.area-content div em a {
margin: 0px;
padding-right: 5px;
background-color: white;
color: #E41B38;
text-decoration: none;
}

#container #area-zazitky-wide div.area-content div em a.sipka {
line-height: inherit;
background: #E41B38 url('sipka.gif') right center no-repeat;
}

#container #area-darky-wide div.area-content div em a {
margin: 0px;
padding-right: 5px;
background-color: white;
color: #7AC041;
text-decoration: none;
}

#container #area-darky-wide div.area-content div em a.sipka {
line-height: inherit;
background: #7AC041 url('sipka.gif') right center no-repeat;
}

#container #area-other-wide div.area-content div.description address {
margin: 0px;
margin-top: 20px;
padding: 0px;
}

#container #area-other-wide div.area-content div.description ol {
margin: 0px;
margin-top: 20px;
padding: 0px;
}

#container #area-other-wide div.area-content div.description ol.roman {
list-style-type: upper-roman;
}

#container #area-other-wide div.area-content div.description ol.latin {
list-style-type: upper-latin;
}

#container #area-other-wide div.area-content div.description ol.decimal {
list-style-type: decimal;
}


#container #area-other-wide div.area-content div.description li {
margin: 0px;
padding: 5px;
color: #989898;
}

#container #area-other-wide div.area-content div.description li strong {
font-weight: bold;
color: #000;
display: block;
}

#container #area-other-wide div.area-content div.description li code {

}


#footer {
margin: 0px;
padding: 0px 30px 0px 70px; 
width: 900px;
height: 40px;
text-align: center;
}

#footer div {
background: white;
padding: 10px 5px;
color: #989898;
margin: 0px 2px 0px 2px;
}

#footer div a {
color: #989898;
text-decoration: none;
font-size: 9px;
text-transform: uppercase;
}

#footer div a:hover {
color: #EDEDED;
}

#vyhledavani {
background-color: #69F;
border: 1px solid silver;
margin: 20px 5px;
padding: 10px;
width: 100%;
color: white;
display: block;
}

#vyhledavani input {
float: none;
}


#tabulka {
min-height: 200px;
font-weight: bold;
}

img.polozka_img {
margin: 5px;
border: 0px;
text-align: left;
}

#katalog {
padding: 10px 30px;
}

#body {
margin: 0px 32px 0px 72px; 
background-color: white; 
padding: 10px;
position: relative;
}


#options {
}

#options h3 {
font-size: 10px;
}

#options label {
display: block;
width: 50px;
float: left;
clear: left;
}

#options input {
width: 250px;
}

#options textarea {
width: 400px;
height: 100px;
}


#edit {
}

#edit h3 {
font-size: 10px;
}

#edit label {
display: block;
width: 120px;
float: left;
clear: left;
}

#edit input {
width: 250px;
}

#edit input.checkBox {
width: auto;
margin: 5px;
}

#edit input.short {
width: 80px;
}


#edit textarea {
width: 300px;
height: 100px;
}

p.odstavec {
color: #989898;
}

p.odstavec a {
color: #026EA8;
text-decoration: none;
margin: 1px;
padding: 0px;
line-height: 1.5em;
}

p.odstavec a:hover {
color: #989898;
}

#g1 {
margin-top: 20px; 
margin-bottom: 120px;
}

#g2 {
margin-bottom: 80px;
}


/*	hlav.mraveniste	*/
#hlavickaMraveniste {
/*height:25px;*/
margin: 0px;
padding: 0px;
text-align:center;
background-color: #E41B38;
font-family: Arial,Helvetica,"Lucida Grande",sans-serif;
font-size: x-small;
}

#hlavickaMraveniste div {
width:920px;
margin:auto; 0;
border: 1px solid #E41B38;
_border: 0px;
padding: 0px;
}

#hlavickaMraveniste ul {
padding-top:0px; 
padding-bottom:0px; 
margin: 6px 0px;
padding-left: 20px;
}

#hlavickaMraveniste ul li { 
list-style-type: none; 
text-align:left;
/*float:left;*/
display:inline;
color:#F0C8BE;
padding-right:4px;
_padding-right:5px;
/*border-right:1px solid #F0C8BE;*/

background-image: url(../pcs/pcs_layout/border-right.gif);
background-position: top right;
background-repeat: no-repeat;
}

#hlavickaMraveniste ul li strong { color:#F0C8BE;}

#hlavickaMraveniste ul li a {
color:#F0C8BE;
text-decoration:none;
margin: 0 0 0 3px;
padding-bottom:5px;
}

#hlavickaMraveniste ul li.noBor { background-image: none; }

#hlavickaMraveniste ul li a:HOVER, #hlavickaMraveniste ul li a.selected {
color:White;
border-bottom:3px solid White;
}


/*	----- form	*/ 
.clear {clear:both;}

.titleForm {
font-size:20px;
color:#e71a3b;
font-weight:bold;
margin:3px 0;
padding:0;
} 

.subTitleForm {
font-size:15px;
color:#999f9d;
font-weight:bold;
margin:3px 0;
padding:0;
}  
 
.odd {
height:10px;
font-size:1px;
background-image: url(odd.gif);
background-position: center left;
background-repeat: repeat-x;
}

.clearTable {border-collapse: collapse;}

table#fix table.clearTable td {
color:#9ba19f;
padding:3px 27px 10px 0;
vertical-align: top;
font-weight:bold;
}

table.clearTable p {
font-size:14px;
color:#e71a3b;
font-weight:bold;
margin-top:0;
}

 .shortInput {
width:25px;
text-align:center;
color:#727272;
border:2px solid #cccecd;
font-size:90%;
padding:2px;
}

 .shortSelect {
width:70	px;
text-align:center;
color:#727272;
border:2px solid #cccecd;
font-size:90%;
padding:2px;
}

.osobniPrani {
/*width: 440px;*/
width: 378px;
height:140px;
color:#727272;
border:2px solid #cccecd;
padding:2px;	
margin-bottom:20px;
}

.inputFloat {
float:left;
margin-right:3px;
margin-bottom:3px;
}

.txtFloat {
float:left;
width:150px;
margin-right:3px;
margin-bottom:3px;
color:#9fa1a0;
}

.inputFloat input {
width:180px;
text-align:left;
color:#727272;
border:2px solid #cccecd;
font-size:95%;
padding:3px 3px 3px 5px;
}

.inputFloat input.req {
width:180px;
text-align:left;
color:#727272;
border:2px solid #E71A3B;
font-size:95%;
padding:3px 3px 3px 5px;
}

div.req {clear: both; font-size: 90%; padding: 10px 0px; color: #E71A3B;}

.inputFloat select {
width:192px;
text-align:left;
color:#727272;
border:2px solid #cccecd;
font-size:95%;
padding:3px 3px 3px 5px;
}

.submitButton {
text-align:right;
}

.inputSubmit {
border:none;
background-color: White;
font-size:15px;
color:#e71a3b;
font-weight:bold;
}

td.center {text-align: center;}

.backButton {
float:left;
display:block;
padding-left:35px;
height:40px;
line-height:40px;
background-image: url(back.gif);
background-position: left center;
background-repeat: no-repeat;
font-size:15px;
color:#e71a3b;
font-weight:bold;
text-decoration:none;
}

.finishButton {
float:right;
display:block;
padding-right:35px;
height:40px;
line-height:40px;
background-image: url(submit.gif);
background-position: right center;
background-repeat: no-repeat;
font-size:15px;
color:#e71a3b;
font-weight:bold;
text-decoration:none;
}


table.orders {
border: 1px; 
border-collapse: separate; 
empty-cells: show;
}

table.orders td {
border: 1px; 
}

#container div.area-content span.message_field {
display: block;
position: absolute;
width: 100px;
height: 12px;
margin-left: 75px;
margin-top: -25px;
z-index: -999px;
text-align: right;
padding: 5px;
}