/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Exo);

body {
padding: 0;
margin:0px auto;
font-family: Calibri;
color:#fff;
background: url('picture/bg/bg_top.png') repeat-x;
}

.fb a{
width:25px;
height:25px;
display:block;
background: url('picture/loga/fb.png') no-repeat top;
}

.fb a:hover{
background-position: bottom;
}

a{
color:#FF0000;
text-decoration:underline;
}

a:hover{
color:#FFF;
text-decoration:none;
}

a img{
opacity:0.85;
-webkit-transition: .3s;
transition: .3s;
}

a img:hover{
opacity:1;
}

#middle{
margin:0px auto;
}

table{
margin:0px auto;
}

.cislo_top{
margin-left:10px;
font-weight:bold;
font-size: 14px;
}

img{
vertical-align: middle;
}

.ramecek_obrazek{
background-color: white;
margin: 5px 5px 0 5px;
padding: 5px 5px 5px 5px;
text-align: center;
float:left;
}

/* trasy POKUS */
#trasy_mapa{
width: 650px;
height: 655px;
background-image: url('picture/trasy/mapa.jpg');
background-color: red;
}

#img_21{background: url('picture/trasy/klet_ck_male.png'); 
width: 650px;
height: 655px;
}

#img_21:hover{background: url('picture/trasy/klet_ck_velke.png');
margin-top: 100px;
}

#img_22{background: url('picture/trasy/klet_ck_male.png'); 
width: 650px;
height: 655px;
}
}

#img_22:hover{background: url('picture/trasy/mapa_cerna.jpg');
margin-left: -2px ;
margin-top: -2px;}

#img_23{ 
width: 650px;
height: 655px;
margin-top: -655px;}

#img_24{
width: 650px;
height: 655px;}

#img_25{ 
width: 650px;
height: 655px;
margin-top: -655px;}

#horni_odkazy_trasy{
background-color: navy;
width: 650px;
height: 170px;}

#trasa_1_odkaz{
background-color: #f30009;
width: 217px;
height: 170px;
float: left;}

#trasa_2_odkaz{
background-color: #f30009;
width: 217px;
height: 170px;
float: left;}

#trasa_3_odkaz{
background-color: #f30009;
width: 216px;
height: 170px;
float: right;}

#trasa_1_obrazek{
width: 212px;
height: 158px;
margin-top: 12px;
margin-left: 2px;}

#trasa_2_obrazek{
width: 212px;
height: 158px;
margin-top: 12px;
margin-left: 2px;}

#trasy{
width: 650px;
margin: 0px auto;}

#changing{
width: 100px;
height: 100px;
background-color: navy;}

#changing_1{
width: 100px;
height: 100px;
background-color: red;}
#changing_2{
width: 100px;
height: 100px;
background-color: blue;}
#changing_3{
width: 100px;
height: 100px;
background-color: yellow;}



/* vyjížděcí menu */
.menu { 
list-style-type: none;
font-family:Exo;
font-size:18px;
}

.menu ul {
-webkit-transition: .5s;
transition: .5s;
}
	
.menu li {
text-align:center;
float: left;
position: relative;
width: 100px;
list-style: none;
}

.menu ul ul {
font-size:12px;
position: absolute;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
}
	
.menu li:hover li {
background: #000;
padding: 5px 5px;
}
	
.menu li:hover > ul {
visibility: visible;
opacity: 1;
}

.menu a{
margin-top:0px;
text-decoration: none;
display: block;
font-weight: bold;
color:#fff;
}

.menu a:hover{
background: url('picture/menu/hover.png') no-repeat center bottom;
}

/*KONEC MENU*/

/*začátek ikonky */
.ikonky{
width: 1024px;
margin: 0px auto;
height: 180px;
margin-top: -108px;}

.ikonka{
width: 144px;
height:180px;
float: left;}

.space_b{
width: 120px;
height: 180px;
float: left;}

.space{
width: 68px;
height: 180px;
float: left;}


/* Tady začínají styly na stránku info.php */

                
.hlavni_info{
width: 1024px;
margin: 0px auto;
}

iframe{
margin-left: 10px;
margin-top: 13px;
text-align: center;
}

h2{
font-size:26px;
font-family:Exo;
}

h3{
font-size:18px;
font-family:Exo;
font-weight:bold;
margin-bottom:5px;
}

p{
padding-top: 8px;
padding-bottom: 14px;
text-indent: 3%;	
}

.logo{
background: url('picture/loga/logo.png') no-repeat center; /* obrázek na pozadí */
}

.zalozka{
background-image: url('picture/bg/zalozka_172_62.png'); /* obrázek na pozadí */
font-family: Exo;
color: white;
height: 62px;
width: 172px;
margin-top: 10px;
margin-left: 15px;
vertical-align: middle;
line-height: 62px;
text-align: center;
font-weight:bold;
font-size:20px;
text-transform:uppercase;
}

.no_zalozka{
height: 1px;
margin-top: 10px;
}

.text_odsazeni{
padding-top:15px;
margin-left:15px;
margin-right: 10px;}

.text_field{
margin:0 auto;
padding-bottom:20px;
width: 710px;
background-image: url('picture/bg/pozadi_div_400.png');
background-repeat: repeat-x; /* pozadí se nebude opakovat */
background-position: left top; /* umístění obrázku na stránce */
background-color: #212121;}

.informace_text{
background-color: #1c1c1c;
width: 670px;
margin-left: 19px;
margin-top:20px;
color: white; 
font-family: Calibri;
line-height:25px;
vertical-align: middle;
padding-bottom:14px;
}

.levy_panel{
background-image: url('picture/bg/pozadi_div_353.png'); /* obrázek na pozadí */
background-repeat: repeat-x; /* pozadí se nebude opakovat */
background-position: left top; /* umístění obrázku na stránce */
background-color: #212121; 
font-family: Calibri;
padding-bottom:15px;
width: 385px;
}

.text_levy_panel{
color: white; 
font-family: Calibri;
width: 363px;
margin: 0px auto; /*zarovnání na střed*/
background-color: #1c1c1c;
margin-top:15px;
vertical-align: middle;
text-align: left;
line-height: 27px;
padding: 0 0 15px 0;
}

.pravy_panel{
width: 580px;
background-image: url('picture/bg/pozadi_div_400.png');
background-repeat: repeat-x;
background-position: left top; /* umístění obrázku na stránce */
background-color: #212121;
padding:0 0 15px 0;
text-align: left;
}

.text_pravy_panel{
color: white; 
font-family: Calibri;
width: 558px;
margin: 0px auto; /*zarovnání na střed*/
background-color: #1c1c1c;
margin-top:15px;
vertical-align: middle;
text-align: left;
line-height: 27px;
padding: 0 0 15px 0;
}

.obrazek_hlavni{
background-image: url('picture/bg/klet.jpg'); /* obrázek na pozadí */
background-repeat: no-repeat; /* pozadí se nebude opakovat */
background-position: center; /* umístění obrázku na stránce */
height: 224px;
}

.kresba_1{
background-image: url('picture/kresba/kresba_1.png');
width: 300px;
height: 413px;
margin-top: -420px;
margin-left: 355px;
}

.pruh_paticka{
height: 55px;
margin: 0px auto;}

.paticka_pozadi{
background-image: url('picture/bg/pozadi_paticka_298.jpg'); /* obrázek na pozadí */
background-color: #F0F0F0; /* případná barva pozadí šedá */
background-repeat: repeat-X; /* pozadí se nebude opakovat */
background-position: left bottom; /* umístění obrázku na stránce */
color: white; 
font-family: Calibri;
height: 290px;}

.sluzby{
color: black;
font-weight:bold;
font-size:22px;
font-family: Exo;            
height: 195px;
text-align:center;
width: 1024px;
margin: 0px auto;
}

.podpis{
color: white; 
font-family: Calibri;
width: 1024px;
margin: 0px auto;
height:95px;
font-size:14px;
}

.text_podpis{
padding: 10px 0 0 0;
text-align: center;
}