html{ font-size: 62.5%; background: url(../images/bg_all.gif) repeat-x #c7e2f7; }
body{ padding: 0px; margin: 0px; font-size: 1.3em; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; }
.cls{ clear: both; }
form, h1, h2, h3, h4{ margin: 0px; padding: 0px; }

h1, h2, h3, h4{ color: #116095; }

h1{ font-size: 1.7em; margin-top:17px;}
h2, h3{ font-size: 1.2em; }

#hlavni{background: url(../images/bg_stred.gif) repeat-y center;}
#container{	background: url(../images/bg_body.gif) no-repeat top center;}
#top-menu {background: url(../images/bg_menu.gif) no-repeat center;}
#main_l{background-color: white; padding: 0px 15px 15px 15px; margin-top:45px;}
#left-frame_l{ background-color: white; }

/*- hlavní buttony -------------*/
#top-menu1, #top-menu2, #top-menu3{ position: absolute; top: 159px; }
#top-menu1{ margin-left: 300px; }
#top-menu2{ margin-left: 522px; }
#top-menu3{ margin-left: 743px; }
#top-menu4{ position: absolute; top: 142px; margin-left: 24px; }
#telefon{ position: absolute; margin-left: 550px; top: 39px; }
#remeslmik {position: absolute; margin-left: 810px; top: 19px;}
#remeslmik img{width:110px;}


/* ^^^^^^^^ FOR THE MENU ^^^^^^^^^^ */
#menunav { margin: 0px; padding: 0px 0px 0px 46px; font-size: 14px; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; font-weight: bolder; }
#menunav ul{ margin: 0px; padding: 0px; }
#menunav li{ list-style: none; padding: 0px; margin: 00px; float: left; display: inline-block; }
#menunav a{ padding: 0px 5px; text-decoration: none; color: #116095; border-right: 1px solid #116095; line-height: 47px; }
#menunav a.konec{ padding: 0px 10px; text-decoration: none; color: #116095; border-right: none; line-height: 47px; }
#menunav a:hover{ color: #ee5f00; }
#menunav a.current{ color: #ee5f00; }
/* ^^^^^^^^ FOR THE MENU ^^^^^^^^^^ */

#kde-jsem{ font-size: 90%; color:#ee5f00; background: url(../images/bg_kde_jsem.gif) no-repeat; padding: 0px 15px;}
#kde-jsem a{ color: #ee5f00; font-weight: normal; padding: 0 8px 0px 4px; background: url(../images/bod-kde-jsem.gif) no-repeat center right; }
#kde-jsem a:hover{ text-decoration: none;}
#kde-jsem span{ font-weight: bold; padding:0px 2px}

#left-menu{ padding: 10px 23px; position: relative; width: 250px; background: url(../images/oddelovac-left-menu.gif) no-repeat center bottom; }
#left-menu ul{margin:15px 10px;padding:0;list-style-type:none;width:auto;}
#left-menu li{ margin: 2px 0px; padding:0px; height:18px;}
#left-menu li a{ background: url(../images/odrazka-left.gif) no-repeat 10px 7px; text-decoration: none; color: #ee5f00; display: block; padding: 2px 20px; font-weight: bold; }
#left-menu li a:hover{ text-decoration: underline; color: #ee5f00; }
#left-menu li a.left-current{ color: #ee5f00; text-decoration: underline; }
#left-menu li a.uroven2{ background: url(../images/sipka-left.gif) no-repeat 10px 3px; padding-left: 23px; font-weight: normal; color: #116095; }
#left-menu li a.uroven2:hover{ text-decoration:underline;}
#left-menu li a.uroven3{ background: url(../images/sipka-left.gif) no-repeat 20px 3px; padding-left: 35px; font-weight: normal; color: #116095; }
#left-menu li a.uroven3:hover{ text-decoration:underline; }


.vypis-clanky{ border-bottom: 1px solid ThreedLightShadow; margin: 8px 0px;}
.vypis-clanky h2 a{ color: #8AB9F2; text-decoration: none; }
.vypis-clanky h2 a:hover{ color: #8AB9F2; text-decoration: underline; }
.vypis-clanky .abstrakt{ padding: 0px 10px 5px 0px; margin-top:6px;}
.vypis-clanky .abstrakt a{ color:#3F3F3F; text-decoration:none;}
.vypis-clanky .abstrakt a:hover{ text-decoration:underline;}
.vypis-clanky img{float:left; padding:5px 5px 10px 0px;}
.detail{ margin-top: 10px; width:633px; overflow: hidden; padding:1px; color:#3366FF; font-size:15px; font-weight:bold;}

.zvyraznit{color:#F45F00; font-size:17px;}

#footer{ width: 933px; background: url(../images/bg_bottom.gif) no-repeat center bottom; height: 87px; padding: 2px 25px; }
#create{ font-size: 80%; padding: 10px 25px; text-align: center; background-color: #C7E2F7;}

/*- levá upoutávka -------------------*/
#left-upoutavka{
	padding: 10px 23px;
	position: relative;
	width: 220px;
	overflow: hidden;
	background: url(../images/vertikal-line.gif) no-repeat 265px 29px;
}
#left-upoutavka .polozka-upoutavky{ margin-bottom: 15px;}
#left-upoutavka .polozka-upoutavky h3{ font-size:90%;color:#EE5F00;margin-bottom:5px;}

/*- fotogalerie ----------------------*/
#fotogalerie{position:relative;padding:5px;}
#fotogalerie img{ padding: 8px; margin: 0px; border: 1px solid #C6C6C6; background: url(../images/gradiant_input.gif) bottom no-repeat; }
#fotogalerie .popisek-galerie{ padding: 2px; margin: 2px; font-Size: 11pt; float: left; width: 199px; height: 160px; }

/*- strankovani ----------------------*/
.strankovani{ padding: 0px 16px; text-align: right; color:#C6C6C6; margin:10px 0px;}
.strankovani .aktiv-str{ color: black; padding: 0px 4px; }
.strankovani a{ color: #C6C6C6; background-color: transparent; padding: 0px 4px; }
.strankovani a:hover{ color: white; padding: 0px 4px; text-decoration: none; }

/* sitemap -------------------*/
#str-sitemap { padding-left: 12%; padding-top:3%;}
#str-sitemap .menu{ list-style: none; margin: 0; }
#str-sitemap .menu li { padding-left: 64px; }
#str-sitemap .menu li.linka-menu{ padding-left: 0px; padding-top: 5px; }
#str-sitemap .menu li.linka-menu a{ font-weight: bold; padding: 3px; color: #ee5f00;}
#str-sitemap .menu li a { color: #3F3F3F; text-decoration: none;}
#str-sitemap .menu li a:hover { text-decoration: underline;}

/*- tabulka ceníku -------------------*/
.tab-cenik table, .tab-cenik td{ border-collapse: collapse; border: 1px solid #9CC6FF; background-color: #FFF4DD; color: #116095; font-size: 95%; font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; }
.tab-cenik  tr.titulek td{ color: #EE5F00; background-color: #FFE6BB; }
.zvyrazni{ color: #116095; padding: 5px; font-size: 80%; }


/*- formulář poptavky ---*/
#form_poptavka fieldset{ border: none; margin: 10px 10px 10px 0px; }
#form_poptavka .radek{ line-height: 22px; }
#form_poptavka label{ padding: 5px; text-align: right; width: 20%; display: inline-block; line-height: 20px; }
#form_poptavka .odeslat{ margin-left: 22%; margin-top:5px; padding: 2px;}
#form_poptavka .pole{ border: 1px solid gray; width: 50%; margin: 0px 5px; padding: 2px; }
#form_poptavka .pole30{ border: 1px solid gray; width: 30%; margin: 0px 5px; padding: 2px; }
#form_poptavka .pole9{ border: 1px solid gray; width: 9%; margin: 0px 5px; padding: 2px; }
#form_poptavka .povinne{ background: url(../images/hvezdicka.gif) no-repeat right top #FFF9D7; }
#form_poptavka .kodik{ margin-left: 22%; padding: 2px; }
#form_poptavka img{ border: 1px solid #feb413; padding: 1px; }
#form_poptavka .input_error{ border: 2px solid red; background-color: #ffe4e1; }
#form_poptavka .pozn{ float: left; }
#form_poptavka textarea{ width: 75%; height: 150px; border: 1px solid gray; margin: 0px 5px; padding: 2px; }
.chybovka{ background-color: red; color: white; font-weight: bold; padding: 5px; margin: 5px; }
.hlaska{ background-color: #32cd32; color: white; font-weight: bold; padding: 5px; margin: 5px; }

