/* hooooooooooooooo */
/* ------------------------------------------------ */
/* KASKADOVY STYL PRO WEB MICHALA GABRIELA -------  */
/* ----------------------------- autor: Pavel Magda */
/* ------------------------------------------------ */
body {
font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
background: #000; color: white;
margin: 0px 0px;
text-align: center;
position: relative;
}

#celek {width: 504px; text-align: center; margin: 0px auto; position: relative; border: 0px solid green;}

h1 {background: url('foto/nadp.gif'); width: 500px; height: 54px; margin: 30px auto 5px;}
h1 span {display: none;}
h2 {font-size: 16px; text-align: left; color:#80b8e8;}




/* ------------------------------------------------ */
/* TOTO SE TYKA PREDEVSIM INDEXU - vstupni stranky  */
/* ------------------------------------------------ */
#trojka {margin: 0px auto; border: 0px solid red; width: 504px; position: relative;}
#vrch {
position: relative; left: -1px;
margin: 0px auto 15px; 
border: 1px solid #aaa; 
border-bottom: 1px solid #555;
border-left: 1px solid #666;
border-right: 1px solid #999;
height: 260px; 
width: 499px;
background: url('foto/g3.jpg') 0px -40px
}
#prostredek {margin: 0px; border: 0px solid yellow; height: 23px; line-height: 23px;}
#prostredek a {
display: block; height: 23px; width: 165px; 
line-height: 22px;
padding: 0px;
background: #111;
float: left; 
border-top: 1px solid #aaa; 
border-bottom: 1px solid #aaa;
border-left: 1px solid #666;
border-right: 1px solid #999;
color: #74b2f8; font-size: 15px;
text-decoration: none;
}

#prostredek a:hover {
background: #89b9db;
color: #fff;
}
#spodek {
position: absolute; top: 307px; left: 377px;
margin: 0px 0px 10px;
border: 0px solid #999;
height: 116px; width: 125px;
color: #74b2f8; font-size: 15px;
}
#spodek a {
display: block;
width: 125px; height: 116px;
text-align: right;
color: #74b2f8; font-size: 15px;
text-decoration: none;
}
#spodek a:hover {
background: #89b9db;
color: #fff;
}
#spodek img {
border: 1px solid #999;
color: #74b2f8;
}
#vlajky {position: absolute; top: 200px; left: -50px; width: 30px; border: 0px solid white;}
#vlajky img {border: 0px solid black;}




/* ------------------------------------------------ */
/* NASLEDUJICI SE TYKA PREDEVSIM GALERIE FOTOGRAFII */
/* ------------------------------------------------ */
/* #vlevo a #vpravo je pozicovani navigacnich sipek, pomoci nichz se listuje ve strankach */

#vlevo {position: absolute; top: 0px; left: 0px; border: 0px solid red; width: 30px; height: 30px;}
#vlevo a {display: block; width: 26px; height: 26px; background: url('foto/doleva2.gif')}
#vlevo a:hover {background: url('foto/doleva.gif');}
#vlevo a img {border: 0px solid black; display: none;}
#vpravo {position: absolute; top: 0px; left: 475px; border: 0px solid green; width: 30px;}
#vpravo a {display: block; width: 26px; height: 26px; background: url('foto/doprava2.gif')}
#vpravo a:hover {background: url('foto/doprava.gif')}
#vpravo a img {border: 0px solid black; display: none;}

/* .prostor_pro_sochu je ten div, ve kterem se zobrazuje velka fotografie (sochy ...) */

.prostor_pro_sochu {position: relative; text-align: center; margin: 25px auto 120px; height: 500px; border: 0px solid blue;}
.prostor_pro_sochu img {border: 1px solid #aaa;}
#popisek {position: absolute; top: 38px; left: 468px; width: 200px; text-align: left;}

/* #nahledy je levy sloupec nahledu*/
#nahledy {position: absolute; top: 42px; left: -181px; width: 215px; height: 530px; 480px; border: 0px solid white; text-align: left; line-height: 0px;}
#nahledy img {border: 1px solid #555; margin: 3px; padding: 0px;}
#nahledy img:hover {border: 1px solid #fff;}

/* #nahledy2 je pravy sloupecek nahledu */
#nahledy2 {position: absolute; top: 258px; left: 464px; width: 215px; border: 0px solid white; text-align: left; line-height: 0px;}
#nahledy2 img {border: 1px solid #555; margin: 3px; padding: 0px;}
#nahledy2 img:hover {border: 1px solid #fff;}

/* #nahledy3 je spodni nudle nahledu, ktera ja napozicovana tak, aby se do jedne radky veslo 20 nahledu a tvorily tak jakoby spodni linku ... */
.prostor_pro_sochu #nahledy3 {xdisplay: none; position: absolute; top: 602px; 516px; left: -181px; width: 865px; height: 80px; border: 0px solid red; text-align: left; line-height: 0px;}
.prostor_pro_sochu #nahledy3 img {border: 1px solid #555; margin: 3px; padding: 0px;}
.prostor_pro_sochu #nahledy3 img:hover {border: 1px solid #fff;}

/* #prostredek2 definuje horni menu v galerii fotografii */
#prostredek2 {margin: 0px; border: 0px solid red; height: 23px;}
#prostredek2 a {
display: block; height: 23px;
line-height: 22px;
padding: 0px;
background: #111;
float: left; 
border-top: 1px solid #aaa; 
border-bottom: 1px solid #555;
border-left: 1px solid #777;
border-right: 1px solid #999;
color: #fff; font-size: 15px;
text-decoration: none;
text-align: center;
}
#prostredek2 a:hover {
background: #89b9db;
color: #fff;
}
#prostredek2 a span{color: #aaa;}


#prostredek2 #menu_home {width: 80px !important;}
#prostredek2 #menu_about {width: 210px !important;}
#prostredek2 #menu_about span{color: #aaa;}
#prostredek2 #menu_about:hover span{color: #000;}
#prostredek2 #menu_realizace {width: 204px !important;}
#prostredek2 #menu_realizace span {color: #aaa;}
#prostredek2 #menu_realizace:hover span{color: #000;}

.ceska_popiska {}
.anglicka_popiska {color: #aaa;}

#video {position: relative; left: 50px;}
#video2 {position: relative; top: -22px;
height: 20px; width: 400px;
}
#video2 a {background-color: black;}
#video2 a b {color: white;}
/* ------------------------------------------------ */
/* NASLEDUJICI SE TYKA SEKCI    "REALIZACE"         */
/* ------------------------------------------------ */
.prostor_pro_realizaci {text-align: center; margin: 20px auto 120px; position: relative; line-height: 0px; height: 440px; border: 0px solid red; padding: 0px;}
.prostor_pro_realizaci img {border: 1px solid #aaa; margin: 0px auto 20px; padding: 0px;}
#popisek2 {position: absolute; top: 360px; left: 0px; width: 200px; text-align: left; line-height: 18px;}

/* #nahledy je levy sloupec nahledu*/
.prostor_pro_realizaci #nahledy {position: absolute; top: 0px; left: -126px; width: 105px;  border: 0px solid white; text-align: left; line-height: 0px;}
.prostor_pro_realizaci #nahledy img {border: 1px solid #555; margin: 3px; padding: 0px;}
.prostor_pro_realizaci #nahledy img:hover {border: 1px solid #fff;}

/* #nahledy2 je pravy sloupecek nahledu */
.prostor_pro_realizaci #nahledy2 {position: absolute; top: 0px; left: 520px; width: 105px; border: 0px solid white; text-align: left; line-height: 0px;}
.prostor_pro_realizaci #nahledy2 img {border: 1px solid #555; margin: 3px; padding: 0px;}
.prostor_pro_realizaci #nahledy2 img:hover {border: 1px solid #fff;}

.prostor_pro_realizaci #nahledy3 {position: absolute; top: 0px; left: -195px; width: 65px; height: 480px; border: 0px solid white; text-align: left; line-height: 0px;}
.prostor_pro_realizaci #nahledy3 img {border: 1px solid #555; margin: 3px; padding: 0px;}
.prostor_pro_realizaci #nahledy3 img:hover {border: 1px solid #fff;}

.prostor_pro_realizaci #nahledy4 {position: absolute; top: 0px; left: 628px; width: 65px; height: 480px; border: 0px solid white; text-align: left; line-height: 0px;}
.prostor_pro_realizaci #nahledy4 img {border: 1px solid #555; margin: 3px; padding: 0px;}
.prostor_pro_realizaci #nahledy4 img:hover {border: 1px solid #fff;}

.prostor_pro_realizaci .ceska_popiska {width: 245px; margin-bottom: 20px;}
.prostor_pro_realizaci .anglicka_popiska {position: absolute; top: 0px; left: 250px; color: #aaa; width: 245px; text-align: right;}