 body {
  background-color:white;
  margin: 0;
  padding: 0;
  text-align: center;
 }

 
 a
 {
  color:black;
 }  
 #menu
 {
 z-index: 999;
 position: absolute;
 top:30px;
 left:160px;
 }
 
 .hpikona {
 width:186px;
 float:left;
 display: block;
 text-align: center;
 color:white;
 text-decoration: none;
 font-size: 14px;
 line-height: 16px;
 color:white;
 position:relative;
 height:170px;
 }
 .hpikona:hover {
  color:#e0e0e0;
 }
 .hpikona strong {
 font-size: 18px;
 font-weight: bold;
 padding:116px 0 2px 0;
 display: block;
 
 }
 
.hpikona .ico1,.hpikona .ico2,.hpikona .ico3,.hpikona .ico4,.hpikona .ico5 {
width:116px;
height:109px;
display: block;
position:absolute;
left:35px;
cursor:pointer;
}

.hpikona .ico1 {background:#f20247 url('ico1.png') center top;}
.hpikona .ico2 {background:#f20247 url('ico2.png') center top;}
.hpikona .ico3 {background:#f20247 url('ico3.png') center top;}
.hpikona .ico4 {background:#f20247 url('ico4.png') center top;}
.hpikona .ico5 {background:#f20247 url('ico6.png') center top;}

.hpikona:hover .ico1,.hpikona:hover .ico2,.hpikona:hover .ico3,.hpikona:hover .ico4,.hpikona:hover .ico5 {background-color:#c9003a;}


#ikony {
background-color: #8b8b8b;
padding:30px 0 30px 0;
border-top:1px solid white;
}


#flash {
height:280px;
background:url('top.jpg') center top;;
}

#slogan {
background:url('slogan.png') center top;;
width: 930px;
margin: 0 auto;
display: block;
height:280px;
text-align: left;
}

#logo {
  width:124px;
  height:91px;
  background:url('logo.jpg') center top;
  position: absolute;
  left:10px;
  top:0;
  }
#logo span {
display: none;
}

.page
 {
 }
.pageh2 {
background-color: #fde0e9;
margin:0;
padding:0;
border-bottom:5px solid white;
}

#top {
margin:5px 0 1px 0;
height:91px;
background-color: #f20247;
position: relative;
z-index: 999;
}

 .topholder {
  width: 930px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 999;
 }
.holder {
  width: 930px;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }

.holderphotog {
  width: 930px;
  text-align: left;
  margin:0 auto;
  position: relative;
 }
#grid {
}

  #submenu {
  padding:4px;
  }
 #submenu .actual {
 color:red; 
 }
 #footer {
  background-color:#505050;
  padding:15px 3px 10px 3px;
  color:white;
 }
 #footer a {
 color:white;
 }
 #footer strong {
 color:white;
 letter-spacing:1px;
 }




 .photogallery {
padding:10px 0 10px 0;
}

.pagegallerybg {
background-color: #f20247;
width:100%;
}
 
.photogallery .photomargin1 {
margin:3px 14px 10px 0px;
}

.photogallery .photomargin2 {
margin:3px 0px 10px 0px;
}


/* zprava */

 .zprava {
 border-bottom:1px dotted #505050;
 margin:0 0 10px 0;
 padding:0 0 10px 0;
 }

 .zpravadatum {
 text-align: center;
 width:73px;
 height:61px;
 float:left;
 font-size:9px;
 background-color:#e0e0e0;
 margin:0 10px 0 0;
 }
 .zpravadatum i {
 padding:10px 0 0 0;
 display: block;
 }
 .zpravadatum span{
 font-size:14px;
 font-weight: bold;
 }
 .zpravaimg {
 float:left;
 width:128px;
 }
 .zpravanadpis {
 padding:4px 4px 0 4px;
 font-size:10px;
 color:#a0a0a0;
 display:block;
 }
 .zpravanadpis a,.zpravanadpis span{
 font-size:14px;
 font-weight: bold;
 color:black;
 }


 .zpravatext {
 float:left;
 display:block;
 width:680px;
 }
 .zpravatext p {
 text-align: justify;
 padding:0;
 margin:0;
 }

 .zpravatextsimg {
 float:left;
 display:block;
 width:550px;
 }
 .zpravatextsimg p {
 text-align: justify;
 padding:0;
 margin:0;
 }
 .zpravaodkaznadetail {
 float:right;
 display:block;
 text-align: right;
 }

 .clearer {
  clear: both;
 }



/*  diskuze  */

.diskuze-zprava {
background: url(diskuze-big.gif) left bottom;
margin:8px 0 8px 0;
border-top:3px solid #8b8b8b;
border-right:1px solid #8b8b8b;
padding:10px;
}
.diskuze-zprava-odpoved {
background: url(diskuze-big-odpoved.gif) left bottom;
margin:8px 0 8px 0;
border-top:3px solid #8b8b8b;
border-right:1px solid #8b8b8b;
padding:10px;
}

.diskuze-sml {
background: url(diskuze-sml.gif) left top;
height:40px;
text-align:right;
padding-right:10px;
border-right:1px solid #8b8b8b;
margin:5px 0 5px 0;
cursor:pointer;
}

.diskuze-sml2 {
background: url(diskuze-big-odpoved.gif) left bottom;
text-align:right;
padding:10px 10px 0 0;
border-top:1px solid #8b8b8b;
border-right:1px solid #8b8b8b;
margin:5px 0 5px 0;
}

.diskuze-sml span {
padding:13px 5px 0 0;
display:block;
}

.diskuze-sub1{
padding-left:10px;
}
.diskuze-sub2{
padding:0 0 10px 10px;
border-left:1px dotted #8b8b8b;
}

.diskuze-form {
padding-right:10px;
padding-bottom:10px;
text-align:right;
}

.diskuze-formular {
text-align:left;
width:370px;
height:210px;
float:right;
background: url(diskuze-formbg.gif) no-repeat left top;
}

.diskuze-formular form {
padding:8px 0 8px 8px;
display:block;
margin:0;
}


.article_keywords {
background-color: #e0e0e0;
padding:5px;
margin:10px 0 10px 0;
}

.sipka {
background: url(sipka.gif) no-repeat right ; 
}


.photogallery .view {
 position:relative;
 
 }


.photogallery .view:hover .ikonalink{
z-index:99;
}
.photogallery .view:hover .ikonazoom{
z-index:99;
}


.ikonalink {
width:30px;
height:30px;
display: block;
position: absolute;
top:109px;
margin:0 22px 0 0;
right:0px;
background: url('ikonalink.png') no-repeat left top;
}

.ikonazoom {
margin:0 22px 0 0;
width:30px;
height:30px;
display: block;
position: absolute;
top:150px;
right:0px;
background: url('ikonazoom.png') no-repeat left top;
}


.ikonalink:hover{background: url('ikonalink2.png') no-repeat left top;}

.ikonazoom:hover{background:url('ikonazoom2.png') no-repeat left top;}
#mapa {
position:relative;
height:350px;
margin:14px 0 10px 0;
}
#mapaframe {
position: absolute;
left:0;
top:0;
width:100%;
height:350px;
}
.mapabottom {
position: absolute;
height:12px;
top:344px;
left:0;
width:100%;
background:url('mapabottom.png') repeat-x center top;

}
.mapatop {
position: absolute;
height:12px;
top:0px;
left:0;
width:100%;
background:url('mapatop.png') repeat-x center top;

}




.kontaktbox {
padding:20px;
background-color: #f0f0f0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
}


.formular {


}
span.ttle{
color:#f20247;
font-size:18px;
display: block;
font-weight: bold;
letter-spacing: 1px;
padding:1px 0 4px 0;
}

.bigtextarea,.biginput {
/*font-size:16px;
border:0;
width:385px;
*/
border-top: 0;
border-left: 0;
border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
background-color: #f0f0f0;
font-family: 'Dosis', sans-serif;
margin:2px 0 15px 0;
padding:15px;
font-size: 16px;
width: 355px;
}


span.inpt{
/*border-right:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
padding:15px;
display: block;
background-color: #f0f0f0;
margin:2px 0 15px 0;
*/
}




::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f20247;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f20247;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f20247;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f20247;
}



.submit {
font-family: 'Dosis', sans-serif;
background-color:#f20247;
color:white;
padding:10px 14px 10px 14px;
font-size:16px;
border:0;
cursor:pointer;
}
.submit:hover
{
background-color:#c9003a;
}



.emailingbutt {
background-color:#c9003a;
text-align: center;
display: block;
text-decoration: none;
color:white;
padding:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 16px;
font-weight: bold;
}

.emailingbutt:hover {
background-color:black;
}



.paticka2{
  color:white;
 }

#footer .paticka1, #footer .paticka1 a {
  color:#c0c0c0;
  font-size:12px;
 }
