/* GLOBÁLNÍ DEFINICE */
*{
  margin: 0;
  padding: 0;
  border: 0;
}

hr{
  display: none;
}
table {
  border-collapse: separate;
}
p { 
  text-indent: 1em;
  padding-top: 0.5em;
}
p.firstp {
  text-indent: 0pt;
}
p.firstp-center {
  text-indent: 0pt;
  text-align: center;
}
ul {
  list-style: square;
}
#content li {
  margin-left: 2em;
}
h2 {
  font-size: 170%;
  line-height: 110%;
  text-align: center;
  color: #1d7fc3;
  margin: 1em 0.8em 0.8em;
}

h2.bluebackground{
  background: url(../img/h2repeat.gif) center 35% repeat-x;
  color: white;
  margin: 0;
  margin-bottom: 0.5em;
  font-size: 130%;
  width: 97%;
}


h3 {
  font-size: 130%;
  margin: 0.6em;
  text-align: center;
}

h4 {
  color: #1d7fc3;
  font-size: 110%;
}
h4 a {
  font-weight: normal;
}

.blue {
  color: #1d7fc3;
}

a {
  color: #1d7fc3;
}
a:hover {
  color: black;
}

a.link {
  text-decoration: none;
}
a.link:hover {
  text-decoration: none;
}



.center {
  text-align: center;
  
}

.ok {
  color: #62bb46;  /* green */
}

.error {
  color: red;
} 

.red {
  color: red;
}

.green {
  color: #47cb15;
} 

a.redlink {
   color: red;
}
a.redlink:hover {
  color: red;
}
a.redlink:visited {
  color: red;
}

a.nounderlinelink {
  text-decoration:none;
}
a.nounderlinelink:hover {
}
a.nounderlinelink:visited:hover {
}

a.blacklink {
   color: black;
   text-decoration: none;
}
a.blacklink:hover {
  color: #1d7fc3;
  text-decoration: none;
}
a.blacklink:visited:hover {
  color: #1d7fc3;
  text-decoration: none;
}
a.blacklink:visited {
  color: black;
  text-decoration: none;
}

input[type='submit'] {
  margin-top: 1em;
  padding: 0.1em 0.3em;
  color: white;
  background:  url(../img/buttonrep.gif) bottom center repeat-x;
  font-weight: bold;
  cursor: pointer;
}

/* DOKUMENT _____'trebuchet ms', geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;_____________*/
html{    
  font-family:  'trebuchet ms', geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  font-size: 80%;  
  line-height: 140%;
  text-align: center;
  color: black;
  /* background:url(../img/back.gif) top center;*/
  background-color:#f5f5f5;
  width: 100%;
  overflow-y: scroll;
}
body {
  background: url(../img/sikme.gif) top center repeat-x;
}

/*  PRVKY  */
#main {
  width: 939px;
  margin: auto;
}
#mainin {
  margin: auto;
}

#header {
  background:  url(../img/lady.jpg) top right no-repeat;
  width: 907px;
  height: 131px;
  text-align: left;
  margin: 0 auto;
}

#header h1 {
  display: inline;
}

#menu {
  text-align: center;
  font-weight: bold;
  width: 907px;
  margin: 0 auto;
  background:  url(../img/menu.gif) top center repeat-y;
}
#menu #menuul {
  margin: 0 3px 0 4px;
  background:  url(../img/menu2.gif) bottom center repeat-x;
  padding-bottom: 4px;
}
#menu #menuul ul {
  list-style: none;
}

#menu #menuul li {  
  display: inline;
  padding: 0 1px 0 0;
  background:  url(../img/carecka.gif) bottom right no-repeat;
}

#menu #menuul #obchodlink {
  background:  url(../img/carecka.gif) bottom left no-repeat;
  margin: 0 0 0 1px;
}
#menu #menuul li a{
  padding: 2px 24px 0;
  color: black;
  text-decoration: none;
  display: inline-block;
}
#menu #menuul li a:hover{
  background:  url(../img/buttonrep2.gif) bottom left repeat-x;
}
#menu #menuul li a.active{
  color: white;
  background:  url(../img/buttonrep.gif) bottom center repeat-x;
}

#menu #menuul li a.red {
  color: red;
}

#content {
  text-align: left;
  width: 940px;
  padding: 0 0 0 16px;
  background:  url(../img/wwwsvisle.gif) top left no-repeat;
  text-align: justify; 
}

#contentin {
  width: 907px;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
  background:  url(../img/shadowup.gif) top left no-repeat;
}

#contentinin {
  width: 836px;
  padding: 5px 32px 40px;
  background:  url(../img/footer.gif) bottom left no-repeat #f5f5f5;
}

#obsah {
  margin-right: 235px;
}

#aktuality {
  text-align: left;
  width: 240px;
  float: right;
  margin: 15px -12px 0px 1em;
  background:  url(../img/aktuality.gif) top center no-repeat;
}
#aktuality p {
  text-indent: 0pt;
}

#aktualityin{
  padding: 15px 2px 15px 25px;
  margin: 4px 14px 0 0;
}

#aktualityin h4 {
  text-align: center;
}

#posuvaktualit{
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#aktualityin hr {
  display: block;
  height: 1px;
  margin: 5px;  
  background: #d5d5d5;
}


hr.cleaner { 
clear: both;
display: block;
visibility: hidden;
}

#footer {
  text-align: left;
  padding: 4px 40px;
  font-size: 90%;
  color: #333;
}
#footer div {
  text-align: right;
  margin-top: -1.7em;
}


#footer a {
  color: #333;
}

#extramail {
  font-size: 95%;
  margin-top: 1em;
}

#footer2 {
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 90%;
}



#extramail input[type='submit'] {
  margin-top: 0.2em;
  color: black;
  background:  #d5d5d5;
  font-weight: bold;
  cursor: pointer;
  font-size: 90%;
}

/*  _____________________________________________________________________   */

/* uvod */

#uvod ul {
  list-style: none;
}
#uvod ul li {
  margin-top: 3px;
}

#uvod span.volejte {
  font-size: 130%;
  line-height: 130%;
  margin: 1em;
  text-align: center;
  display: block;
}

#uvod span.blue {
  font-style: italic;
  font-weight: bold;
}
#uvod ul .mezeranad {
  margin-top: 1em;
}
#uvod img {
  float: left;
}

/* CENIK */
#cenik table {
  width: 95%;
  margin: 0 0.5em 2.5em;
  border-collapse: collapse;
  
}

#cenik table td {
  padding: auto 0.5em;
  border-bottom: 1px dashed #d5d5d5;
  vertical-align: center; 
  line-height: 150%;
}

#cenik table th {
  text-align: left;
  font-weight: bold;
  padding: 2em 0 0.2em;
  border-bottom: 1px solid black;
}
#cenik table .odrazena {
  padding-left: 1.5em;
  font-style: italic;
}

#cenik table #druhysloup{
  width: 10em;
}
#cenik table td+td {
  text-align: center;
}

/* Objednavka */

#objednavka {
  text-align: center;
}

#objednavka table {
  margin: auto;
  background-color: #e5e5e5;
  border: 20px solid  #e5e5e5;
}
#objednavka th {
  text-align: center;
}
#objednavka td {
  text-align: left;
}
#objednavka td+td {
  text-align: right;
}

/* reference */
#reference h4 {
  margin: 1.3em 0 0 0;
}

#reference .refkat {
  margin-left: 1.2em;
}
#reference ul .mezeranad {
  margin-top: 1em;
}


/* zamestnani */

#zamestnani img {
  float:right;
  margin-right: 20px;
}

#zamestnani ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

#zamestnani #piste {
  font-size: 110%;
  margin: 3em 0 -1em;
  width: 100%;
  text-align: center;
}

#zamestnani #objtable {
  text-align: center;
}

#zamestnani #objtablein {
  margin: auto;
  width: 55%;
  background-color: #e5e5e5;
  border: 20px solid #e5e5e5;
}
#zamestnani #objtablein td {
  text-align: left;
}
#zamestnani #objtablein td+td {
  text-align: right;
}


/* KONTAKTY */

.vcard {
  margin-top: 15px;
  padding-left: 10px;
}
.fn {
  margin-left: -10px;
}
.url {
  display: none;
}
.organization-name {
  display: none;
}
.adr{
  display: none;
}
.tel .type{
  display: none;
}
.email{
  padding: 0;
}
#kontakty a {
padding: 0;
}
#kontakty ul {
  padding-top: 5px;
}

.kontosob {   /* kontaktni osoby - nadpisek */
  text-align:center;
  font-weight: bold;
  font-size: 130%;
}

/* onas */

#onas h2 {
  margin-bottom: 0em;
}

#onas h3 {
  margin-top: 0.5em;
}

/* obchod */

#obchod table {
  border-collapse: collapse;

}
#obchod table th {
  border-bottom: 1px solid #d5d5d5;
}
#obchod table td {
  width: 30%;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
}

#obchod table .obchodcena {
  width: 15em;
}

/* pujcovna */
#pujcovna table {
  border-collapse: collapse;
  text-align: center;
  padding: 1.5em;
  margin-bottom: 2em;
}

#pujcovna table th {
  border-bottom: 1px solid #d5d5d5;
}
#pujcovna #ctvrtysloup, #patysloup {
  width: 8em;
}
#pujcovna table td{
  border-bottom: 2.5em solid #f5f5f5;
}
#pujcovna #prislusenstvi td, #pujcovna #prislusenstvi th {
  text-align: left;
  border-width: 0px;
}
#pujcovna #prislusenstvi th {
  border-width: 1px;
}
#pujcovna #prislusenstvi {
  line-height: 2em;
}
#pujcovna #prislusenstvi {
  width: 100%;
}
/* download */

#download table {
  width: 95%;
  margin: 0 0.5em 2.5em;
  border-collapse: collapse;
}

#download table td {
  padding: 0.1em 0.5em 0;
  border-bottom: 1px dashed #d5d5d5;
  vertical-align: bottom;
}

#download table th {
  text-align: left;
  font-weight: bold;
  padding: 2em 0 0.2em;
  border-bottom: 1px solid black;
}


/* BolGallery */

ul.bolGallery {
  margin-top: 1em;
  list-style: none;
  list-style-position: outside;
  display: block; 
  overflow: auto;
}

ul.bolGallery li {
  margin-bottom: 1em;
  margin-right: 0.5em;
  display: block; 
  float: left;
  width: 85px;
  height: 85px;
}


ul.bolGallery li a {
  width: 85px;
  height: 85px;
  text-decoration: none;
}