/* ////DESIGN/////////////////////////////////////// */
body { color: #fff; margin: 0px; background: url('http://zahradanabalkone.cz/design/layout/back.png') repeat; background-color: #2d2a24;  }
#center { width: 968px; margin-left: auto; margin-right: auto;  }
#autocenter { width: 968px; margin-left: auto; margin-right: auto;  }

.title { width: 968px; height: 114px;  }

.menu { width: 260px; height: 300px; float: right;  }
.menu_text { padding-left: 15px; width: 252px; float: right;}
.menu ul { margin: 0px; padding: 0px; }
        .menu li  { list-style-type: none; text-align: left; 
                 width: 226px; height: 38px; float: left;  }
        .menu li:hover {  }
        .menu li:hover a { color: #98b416;  }
        .menu li a {  text-decoration: none; font-size: 18px; color: #fff;  font-weight: normal;  } 
        .menu li a span {  padding: 0px 100px 17px 150px; }
        .b_home { background: url('http://zahradanabalkone.cz/design/layout/menu_01.png'); }
        .b_home:hover { background: url('http://zahradanabalkone.cz/design/layout/amenu_01.png'); }
        .b_novinky { background: url('http://zahradanabalkone.cz/design/layout/menu_02.png'); }
        .b_novinky:hover { background: url('http://zahradanabalkone.cz/design/layout/amenu_02.png'); }
        .b_sluzby { background: url('http://zahradanabalkone.cz/design/layout/menu_03.png'); }
        .b_sluzby:hover { background: url('http://zahradanabalkone.cz/design/layout/amenu_03.png'); }
        .b_reference { background: url('http://zahradanabalkone.cz/design/layout/menu_04.png'); }
        .b_reference:hover { background: url('http://zahradanabalkone.cz/design/layout/amenu_04.png'); }
        .b_kontakt { background: url('http://zahradanabalkone.cz/design/layout/menu_05.png'); }
        .b_kontakt:hover { background: url('http://zahradanabalkone.cz/design/layout/amenu_05.png'); }
.zahrada_na_balkone { width: 968px; height: 400px;  }


h1 { margin: 0px; }

.main { margin-top: 60px; width: 968px;  }
.objednat { margin-top: 33px; width: 100%; height: 50px; position: relative; z-index: 0; }
.news_index { float: left; width: 302px; border: 0px solid orange;
        padding: 10px 20px 10px 0px; }
        .news_index img { background-color: #fff; padding: 5px; margin-right: 15px; }

.home  { width: 280px; padding: 10px;  background: url('http://zahradanabalkone.cz/design/layout/home_back.png') no-repeat top;
        float: right; margin-right: 30px;  }

.pata { width: 908px; height: 160px; padding-top: 20px;  padding-right: 60px; clear: both;   }
        .sl_pata { width: 13%; border-left: 1px solid #999; float: right; margin: 10Px; padding-left: 10px; }
        .copy, .copy a { color: #ccc; }

/* mail home */
.div_mail { width: 80%; margin-left: 10%; }
.input_big { width: 170px; }

/* fotogalerie pod clankem */
.foto_items { width: 850px; height: 120px;  padding-top: 20px; clear: right; }
.foto_items a.f  img { border: 5px solid #fff;}
.foto_items a.f  img:hover { border: 5px solid #98b416;}
.foto_items a.f { padding-right: 10px; }
.foto_items img.foto { margin-left: 19px; margin-right: 19px; border: 1px solid #000; }
.foto_items_admin { float: left; width: 14%; height: 100px;
    border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }
  
  .foto_items_home { width: 280px; height: 120px;  padding-top: 10px; margin-left: 10px;  }
    .foto_items_home img.foto { margin-left: 0px; margin-right: 30px; border: 1px solid #000; }
    .afoto_items_admin { float: left; width: 14%; height: 100px;
        border: 0px solid orange; margin: 0px 0px 5px 5px; padding: 5px; }


/* ---class-Galerie type A-------------------- */
.fotogalerie_alista {  width: 100%;
    padding-left: 10px;
    background-color: #666;
     }

.fotogalerie { float: left; width: 200px; height: 250px; margin: 0px;
        padding: 0px; text-align: center; }
.fotogalerie img {  }
.fotogalerie_admin { float: left; width: 31%; height: 280px; text-align: center;
        border: 0px solid orange; margin: 0px; padding: 0px; }

.fotogalerie_iko { float: left; width: 102px; height: 102px; }
.fotogalerie_iko_admin { float: left; width: 25%; height: 180px; margin: 0px 0px 5px 5px; padding: 5px; }

.foto_popis { color: #fff; }
.foto_popis p { color: #fff; width: 190px; font-size: 90%; margin: 0px; margin-left: 18px; }
.foto_name { color: #fff; height: 24px; font-size: 130%; font-weight: bold;  }
.foto_img { border: 5px solid #fff; padding: 0px; background-color: #fff;  }
.foto_img:hover { border: 5px solid #98b416;  }
.foto_imgctv { padding: 2px; position: relative; z-index: 0; display: block;
        border: 0px solid #ccc; background-color: #333;   }
.foto_imgctv:hover {  padding: 1px; border: 1px solid #98b416; z-index: 2;  }


#gallery { padding-left: 0px;   }
#gallery ul { list-style: none; padding: 0px; }
#gallery ul li { display: inline; padding: 0px; }
/* ---class galerie A konec--------------------- */
/* ------------------------ */

/* cistic - ceka az dotecou */
.boxik {   padding: 1em;   }
hr.cistic {   clear: both;   height: 1px;   border: none;   margin: -1em 0 0 0;   visibility: hidden;    }
/* ------------------------ */

/* /////////////////////////////////// border: 0px solid orange; //////// */
/*--java fce------------------*/

#faq1 , #faq2 , #faq3 , #faq4 , #faq5 , #faq6, #faq7 , #faq8 , #faq9 , #faq10 , #faq11 , #faq12,
#faq13 , #faq14 , #faq15 , #faq16 , #faq17 , #faq18, #faq19 , #faq20 , #faq21 , #faq22 , #faq23 , #faq24 , #faq25 , #faq26, #faq27 , #faq28 , #faq29 , #faq30 , #faq31 , #faq32,
#faq33 , #faq34 , #faq35 , #faq36 , #faq37 , #faq38, #faq39 , #faq40 , #faq41 , #faq42, #faq43, #faq44, #faq45 
                { cursor: help; cursor: pointer; cursor: hand; font-weight: bold;  color: #e90785;  padding: 5px 20px 5px 20px; text-decoration: underline; }

#faq1:hover , #faq2:hover , #faq3:hover , #faq4:hover , #faq5:hover , #faq6:hover, #faq7:hover , #faq8:hover , #faq9:hover , #faq10:hover , #faq11:hover , #faq12:hover,
#faq13:hover , #faq14:hover , #faq15:hover , #faq16:hover , #faq17:hover , #faq18:hover, #faq19:hover , #faq20:hover , #faq21:hover , #faq22:hover , #faq23:hover , #faq24:hover , #faq25:hover , #faq26:hover, #faq27:hover , #faq28:hover , #faq29:hover , #faq30:hover ,
 #faq31:hover , #faq32:hover, #faq33:hover , #faq34:hover , #faq35:hover , #faq36:hover , #faq37:hover , #faq38:hover, #faq39:hover , #faq40:hover , #faq41:hover , #faq42:hover, #faq43:hover, #faq44:hover, #faq45:hover 
                 { color: #f444a6; }

#faq1txt, #faq2txt, #faq3txt, #faq4txt, #faq5txt, #faq6txt, #faq7txt, #faq8txt, #faq9txt, #faq10txt,
#faq11txt, #faq12txt, #faq13txt, #faq14txt, #faq15txt, #faq16txt, #faq17txt, #faq18txt,
#faq19txt, #faq20txt, #faq21txt, #faq22txt, #faq23txt, #faq24txt, #faq25txt, #faq26txt, #faq27txt,
#faq28txt, #faq29txt, #faq30txt, #faq31txt, #faq32txt, #faq33txt, #faq34txt, 
#faq35txt, #faq36txt, #faq37txt, #faq38txt, #faq39txt, #faq40txt, #faq41txt, #faq42txt, #faq43txt, #faq44txt, #faq45txt
        { margin: 0px 20px 20px 20px; }



/* users_type ------------- */
.users_type_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://zahradanabalkone.cz/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        color: #666;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .users_type_a { width: 100%; background-color: #ccc; }
        .users_type_show p, .users_type_show h2, .users_type_a p { margin: 0px; }
/* ----------------- */
/* users_type ------------- */
.wrs_languages_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://zahradanabalkone.cz/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        color: #666;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .wrs_languages_a { width: 100%; background-color: #ccc; }
        .wrs_languages_show p, .wrs_languages_show h2, .wrs_languages_a p { margin: 0px; }
/* ----------------- */
/* menu ------------- */
.menu_show {
        width: 99%; background-color: #E9E7E7;
        padding: 5px;
        background: url('http://zahradanabalkone.cz/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        }
        .menu_a { width: 99%; background-color: #ccc; padding-left: 1%; 
            -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
        .menu_show p, .menu_show h2, .menu_a p { margin: 0px; }
/* ----------------- */


.hlavicka_login { margin-bottom: 3px; float: right; width: 450px; }

.komentar { border: 1px solid #d6d6d6;
        padding: 5px;
        background: url('http://zahradanabalkone.cz/design/layout/kamentar_backrepeat.png') repeat-x;
        margin-top: 5px;
        color: #666;
        -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
        
        clear: left; /* komentare */ }
.komentar .time {
        color: #666; font-size: 80%; 
}
.komentar .jmeno {
        color: #000; font-size: 110%; 
}
.komentar .avatar {
        padding: 0px 5px 0px 0px; margin-right: 10px;
        width: 40px; height: 40px; float: left;
}
.komentar .kom_text { display: block; 
        margin-top: 10px; margin-bottom: 5px ;
}



.news_show   {
     height: 85px; 
     padding-bottom: 20px;
     clear: left; /* komentare */
        }
.news_show:hover {

}
        .news_show DIV {  }/* display: none; */
        .news_show:hover DIV { display: block;  }
        .news_show .about
                {
                font-size: 120%;
                }
        .news_show .news_ico { float: left; margin-right: 20px; border: 5px solid #fff; }
        .news_show .news_ico:hover { margin-right: 20px; border: 5px solid #98b416; }
        .news_show .date { color: #ccc; font-size: 70%;  }
        .news_show:hover .date {  font-size: 70%;  }














/* tabulky ----------------------------------- */
/* docasne ---- */
table { width: 80%; margin-left: 10%; }  


	table { border: 0px; border-collapse:collapse; }
	.tr_popis { background-color: #ccc; font-size: 90%; color: #666; }
	.tr_hover:hover { background-color: #ccc; }
	.tr_a { background-color: #E8E8E8; }
	.tr_b { background-color: #F6F6F6; }
/* ------------------------------------------- */


/* mapa google*/

#mapCanvas {
       float: right;
       width: 920px;
       height: 400px;
       border: 1px solid #CCCCCC;
       margin: 20px 0px 10px 0px;
}

/* fce wrs_function -------------------------- */
	/* basic sys css */
	
        body { font-family: verdana; font-size: 8pt; }
        h1 { font-size: 160%;  }
        h2 { font-size: 140%; }
        h3 { font-size: 130%; }
        h4 { font-size: 120%; }
        h5 { font-size: 110%; }
        h6 { font-size: 100%; }
        
        h1, h2, h3, h4, h5, h6 ,a { color: #98b416; }
        a:hover { color: #cce325;  text-decoration: none;  }
        a img { border: 0px;  }
        
        .left { text-align: left; }
	.right { text-align: right; }
	.center { text-align: center; }
        .fl_left { float: left; }
        .fl_right { float: right; }
        
        /* navigace strankovani */
        .navigace {
                color: #666;
                }
        .navigace a { 
        
                opacity: 0.3;  
                filter: alpha(opacity=30);  
                -moz-opacity: 0.3;  
                -khtml-opacity: 0.3;
        }
	.navigace a:hover { 
        
                opacity: 1;  
                filter: alpha(opacity=100);  
                -moz-opacity: 1;  
                -khtml-opacity: 1;
        }
        
        .perex2 { padding-bottom: 10px; padding-top: 10px; font-weight: bold; }
        
	/* div _nutne_prihlaseni */
	._nutne_prihlaseni {  
		text-align: center;
		color: red;
	} 
/* ------------------------------------------- */
/* class users ------------------------------- */
.avatar { float: left; margin: 0px 10px 0px 0px; font-size: 80%;  }
/* ------------------------------------------- */


/* ----nastaveni form-------------------- */
legend {
        position: relative;
        left: 10px; }

.default { display: block;
float: left;
	width: 240px;
 	text-align: right;
 	margin-right: 10px; }
.default_b { display: block;
float: left;
	width: 375px;
 	text-align: right;
 	margin-right: 10px; }
.default_vb { display: block;
        float: left;
	width: 80%;
 	text-align: right;
 	margin-right: 10px; }
.default_s { display: block;
float: left;
	width: 110px;
 	text-align: right;
 	margin-right: 10px; }
.default_ss { display: block;
        float: left;
	width: 50px;
 	text-align: left;
 	margin-left: 10px; }
.required
{
 	color: #C23400;
}
form p { margin: 0px; }
form div
{
	float: left;
	width: 100%;
	padding: 2px 0 6px 0;
	margin: 0;
}
fieldset
{
  display: block;
  padding: 0;
	margin: 10px 0 10px 0;
	width: 100%;
	float: left;
	font-weight: bold;
        
        background-color: #ededed;
        border: 1px solid #d6d6d6;
        
        background: url('http://zahradanabalkone.cz/design/layout/kamentar_backrepeat.png') repeat-x;
         -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;
}
.buttonHolder
{
	float: left;
	padding: 8px 0 0 360px;
}
.radioHolder
{
	float: left;
	width: 376px;
}
textarea { width: 50%; }

.odeslat { width: 61px;  height: 19px; position: relative; left: 0px; float: right }
/* --------------------- */



/* bubbleinfo------------------------ */

        .bubbleInfo {
            position: relative;
            top: 0px;
            left: 0px;
            width: 22px; height: 10px; margin-left: 10px;
        }
        .trigger { 
        }
     
        /* Bubble pop-up */

        .popup {
                width: 400px;
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;

        }

        .popup table, .popup tr, .popup td {
            margin: 0;
            padding: 0;
            }
            
        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-1.png); }
        .popup td.top { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-2.png); }
        .popup td#topright { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-3.png); }
        .popup td.left { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-4.png); }
        .popup td.right { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-6.png); }
        .popup td.bottom { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://zahradanabalkone.cz/design/bubble/bubble-8.png); }

        .popup .popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}



/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */
/* ------------------------ */