body, html { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; color: #000; }

#vrchni-panel-weby { height: 27px; background: #fff url("http://beril.cz/beril-exim-cerpadla-betonove-smesy/beril-panel-stranky-upraven.jpg") no-repeat; margin: 5px 0 0 0; padding: 2px 0 0 0; font-family: Tahoma,"Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 12px; }
#vrchni-panel-weby span { margin: 0 1px 0px 5px; }
#vrchni-panel-weby a { text-decoration: none; color: #c0c0c0; }
#vrchni-panel-weby a:visited { text-decoration: none; color: #c0c0c0; }
#vrchni-panel-weby a:hover { text-decoration: underline; color: #000; }
#vrchni-panel-weby img { border: 0px; }
#vrchni-panel-odkazy { margin-left: 100px; margin-top: -4px; }

#bodyDC #hover, table tr:hover td { background-color:#ffcc33; }

/*  Link  */
a { color: #000; }
a:visited { color: #000; }
a:link, a:visited { text-decoration: underline; color: #000; border: 1px none; padding: 0 2px 0 2px; }
a:hover { color: #000; }

.u { text-decoration: underline; }
img { border: 0; }

table { font-size:11px; }

/* XStandard */
span.message { font-size:1.2em;font-weight:bold;background-color:#ffff99; }
abbr { border-bottom:1px dashed;cursor:help; }
dfn { font-style:normal;border-bottom:1px dashed;cursor:help; }

/* Zarovnani na stred */
.nastred { margin: 7px auto 7px auto; text-align: center; }

/*  Nadpis  */
#hlavni h1 { font-size: 10px; text-align: right; color: #ccc; margin: 0; padding: 0; }
#hlavni h1 a { text-decoration: none; }
#hlavni h1 a:visited { text-decoration: none; }
#hlavni h1 a:link, a:visited { text-decoration: none; }
#hlavni h1 a:hover { text-decoration: underline; }
.vlajecky { position: absolute; margin-top: 25px; margin-left: -40px; text-align : center; }
.kcp-vlajecka { width: 30px; height: 20px; margin-top: 5px; }

/* Cena */
.cena { padding-left: 20px; }
.tabulka-cena { border : 0px; margin-top: -12px; margin-left: -3px; }

/* Tabulka */
.table1 { border: 1px solid #c0c0c0; width: 600px; clear: both; border-spacing: 0px; border-collapse:collapse; }
.table1 tr td { border: 1px solid #c0c0c0; padding:2px; }
.table1 thead tr td { font-weight:bold; white-space:nowrap; background-color:#B7BDBC; }

#novinky-a-akce-hlavni-strana { width:650px; text-align: center; font-size: 11px; }

#hlavni { width: 984px; margin: 0px; margin: 0px auto 0px auto; }
#banner { height: 210px; background-color: #fff;  margin:0px; padding: 0px; }

#web { height: auto; margin-left: 6px; }
#panel { width: 230px; height: auto; float: left; padding: 20px 0 0 10px; color: #000; border-left: 1px solid #c0c0c0;  }
#obsah { width: 646px; _width: 646px; height: auto; float: left; padding: 35px 15px 40px 20px; text-align: justify; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0 }
#obsah-text { width: 647px; }
.zlom { clear: both; }
.drobeckovka { font-size: 7px; }

#obsah h2 { width: 85%; padding: 3px 0 10px 20px; background: #fff url("grafika/pod-nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; }
.nahodne-produkty { width: 380px; padding: 3px 0 10px 20px; background: #fff url("grafika/pod-nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; float: left; }
.specialni-akce { width: 160px; padding: 3px 0 10px 20px; background: #fff url("grafika/pod-nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; float: left; }
.cervene { color: red; }
.bile { color: white; }
#obsah h3 { width: 381px; padding: 3px 0 10px 30px; margin: 30px 0 0 0; background: #fff url("grafika/nadpis.png") no-repeat; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 11px; }

#navigace .odsazeni9 a { margin-left: 9px; }
#navigace .odsazeni18 a { margin-left: 18px; }
#navigace li .odsazeni27 { padding-left: 27px; }
#navigace .odsazeni36 a { margin-left: 36px; }
#navigace .odsazeni45 a { margin-left: 45px; }

.bez-okraje { border : 0px; }
.obrNaSirku { width : 250px; border : 0px; }
.obrNaVysku { height : 200px; border : 0px; }
#ceny-produktu { float : left; height : 270px; margin-right : 15px; text-align : center; }
.text-akce { color: red; font-size : 15px; }

.odsazeni10 { margin-top : 10px; }
.barvaPozadi { color: #f30; }

/* Nahodne produkty  */
.nahodneOkno { float : left; margin : 5px 5px 5px 5px; text-align : center; font-size : 12px; }
.nahodneOknoPolozky { width : 200px; border-right : 1px solid silver; border-bottom : 1px solid silver; }
.nahodneObr { height : 110px; border-bottom : 1px solid silver; }
.nahodneNadpis { border-bottom : 1px solid silver; height : 35px; padding-top : 2px; }
.nahodnePopisek { height : 65px; border-top : 1px solid silver; padding-top : 2px; text-align : left; font-size : 11px; }
.cenovka { font-weight : bold; }

/* Admin Layout  */
#web-admin {  margin-left: 6px; padding: 0 0 20px 5px; background-color: #8DCFF4; border: 1px solid #999;   background: #fff url(grafika/admin_plocha_menu.png) repeat;}
#web-admin h1 { text-align: right; font-size: 10px;  margin: 0px; padding: 0px 20px 0 20px; color: #fff; }
#panel-admin { width: 155px; float: left; padding: 20px 10px 30px 10px;  margin-left: 3px; background: #B5D9ED url(grafika/plocha_admin_leve_menu.png) repeat; border: 1px solid #999;  }
#obsah-admin { float: left; padding: 10px 10px 10px 10px; text-align: justify;  }
	
/* Admin Menu */
#panel-admin h3 { text-align: center; font-size: 12px;  }
#panel-admin dl { margin: 1px 0px 0px 0px; background: #ccc url(grafika/plocha_admin_leve_menu_dl.png) repeat; }
#panel-admin a { text-decoration: none; }
#panel-admin a:visited { text-decoration: none; }
#panel-admin a:hover { text-decoration: underline; }

/* zarovnani obrazku */
.doleva { float: left;  margin: 5px 15px 10px 0; line-height:0px; }
.doleva img  { display: block; position: relative; background-color: #fff; border: 0px solid #ccc; margin: 0px; padding: 3px; line-height:0px; }
.doprava { float: right;  margin: 5px 0px 0px 15px; line-height:0px; }
.doprava img  { display: block; position: relative; background-color: #fff; border: 0px solid #ccc; margin: 0px; padding: 3px; line-height:0px; }

.cena { padding-left: 20px; }

/* Primarni obrazek */

#primarni-obrazek { padding-left: 30px; }
#smazat-primarni-obrazek { padding-left: 40px; }

/* odeslani emailu na strance */
#odkaz_zpet { float: right; margin-right : 20px; }
#odeslani_na_mail { float: right; }

/* objednavka */
#objednavka { width: 450px; }
#objednavka fieldset p { text-align: right; margin: 1px; padding: 0 50px 0 0; }
#objednavka fieldset  { padding: 0 50px 20px 0; text-align: right; }
#objednavka legend { font-weight: bold; margin-bottom: 8px; color: #494949; padding: 5px;  border: 1px inset #494949; background-color: #fff ; }
#objednavka input { font-size: 12px;  font-weight: bold; font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  border: 1px inset #494949; }

/* Menu */
ul#menu { display: block; list-style: none; margin: 0px 0 5px 0px; padding: 0 204px 0 0; float: right; height: 25px;  }
ul#menu li { float: left;  display: block; width: 137px; font-size: 11px; line-height:25px; list-style: none; text-align: center; background-color: #ccc; }
ul#menu li a { font-weight: bold; text-decoration: none; color: #000; display: block; border: 0 none; padding: 0; margin: 0; border-right:1px solid #fff;}
ul#menu li a:hover{ color: #000; background:rgb(251,152,79); }

/* Zeptejte se */
#obsah legend { font-weight: bold; }	
#obsah form p { text-align: right; margin: 1px; padding: 0 18px 0 0; }
#obsah input { margin: 0 10px 0 0; font-size: 11px; font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  border: 1px inset #fff; }
#obsah fieldset  { color: #494949; padding: 3px;  border: 1px inset #fff; background-color: #fff ;  width: 95%; }
#obsah-info { margin: 0 0 0 46px; font-size: 11px;  }

/* seznam */
.obsah ul { list-style-type: disc; }

/* obsah */
.obsah1 { width: 630px; float: left; }
.obsah2 { width: 50px; margin-left: 5px; float: right; background-color: #e1e1e1; }

.infostart { width: 880px; font-size: 8pt;  ; float: right; }  
.infostart1 {  width: 190px; float: left; }
.infostart2 {  width: 640px; float: right; margin: 20px 0px 5px 0px; }

/* Menu polozek */
.menu h2 { margin: 0 0 0 15px; text-align: left; font-size: 12px; font-weight: normal; }
.panelmenu dl { margin: 0px 0px 3px 0px; background-color: #fff; color: #000; }
.panelmenu dt { margin: 0px; }
.panelmenu .pod { list-style-type : none; margin: 0 0 2px -35px; font-size: 11px; font-family: Tahoma,"Trebuchet MS", Trebuchet, Arial, sans-serif; }
.panelmenu .nad { font-weight: bold; font-size: 13px; margin-bottom : -8px; }
.panelmenu { text-align: left; margin: 0px 0px 0px 3px;  font-family: Tahoma,"Trebuchet MS", Trebuchet, Arial, sans-serif; }
.panelmenu p { padding: 5px 0 0 0; margin: 0px;}
.panelmenu a { padding: 0px; text-decoration: underline; }
.panelmenu a:hover {  padding: 0px; text-decoration: underline; }
.panelmenu a:link, a:visited {  padding: 0px; text-decoration: none; }


/* Menu polozek */
.menu h2 { margin: 0 0 0 15px; text-align: left; font-size: 12px; font-weight: normal; }
.panelmenu dl { margin: 0px 0px 3px 0px; background-color: #fff; color: #000; }
.panelmenu dt { margin: 0px; }
.panelmenu .pod { margin: 0 0 0 9px; }
.panelmenu .pod_2 { margin: 0 0 0 18px; }
.panelmenu .pod_3 { margin: 0 0 0 27px; }
.panelmenu .pod_4 { margin: 0 0 0 36px; }
.panelmenu .nad { font-weight: bold; font-size: 13px; }
.panelmenu { text-align: left; margin: 0px 0px 0px 3px;  font-family: Tahoma,"Trebuchet MS", Trebuchet, Arial, sans-serif; }
.panelmenu p { padding: 5px 0 0 0; margin: 0px;}
.panelmenu a { padding: 0px; text-decoration: underline; }
.panelmenu a:hover {  padding: 0px; text-decoration: underline; }
.panelmenu a:link, a:visited {  padding: 0px; text-decoration: none; }

#navigace, #navigace ul {  margin: 0; padding: 0; }
#navigace li { display: block; background: #f3f3f3; }
#navigace .pod-sekce { margin: 2px 0 2px 0px;  padding: 5px 0 5px 8px; font-weight: bold; font-size: 13px; }
#navigace .pod-aktivni { margin: 2px 0 2px 0px; padding: 2px 0 2px 8px; font-weight: normal; font-size: 11px; background: yellow; }
#navigace .pod { margin: 2px 0 2px 0px; padding: 2px 0 2px 8px; font-weight: normal; font-size: 11px; }
#navigace a { display: block; text-decoration: none; }
#navigace a:link, a:visited { margin: 0; padding: 0; text-decoration: none; }
#navigace li:hover { display: block; background: yellow; }


/* tabulka - vypis databaze listu */
.tabulka-panel { height:auto; width: 730px; background-color: #ccc;  border: 1px inset #fff;  }
.tabulka-panel .panel { height:auto; width: 730px; background-color: #ccc; clear: both; }
.tabulka-panel .panel-spodek {  background-color: #999; clear: both; text-align: center; }
.tabulka-panel .panel-info { background-color: #999; clear: both; font-weight: bold; }
.tabulka-panel .sloupec-1 { width: 170px; float:left; text-align: left; }
.tabulka-panel .sloupec-2 { width: 28px; float:left; text-align: center; }
.tabulka-panel .sloupec-3 { width: 80px; float:left; text-align: center; }
.tabulka-panel .input-text { color: #000; text-align: right; border-width: 1px; margin:0px; padding: 0px; background-color: #ccc; font-size: 11px;  font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  }

/* tabulka - vypis databaze dotazu */
.tabulka-dotazy { height:auto; width: 730px; background-color: #ccc;  border: 1px inset #fff;  }
.tabulka-dotazy .panel { height:auto; width: 730px; background-color: #ccc; clear: both; margin-bottom: 4px; }
.tabulka-dotazy .panel-spodek {  background-color: #999; clear: both; text-align: center; }
.tabulka-dotazy .panel-info { background-color: #999; clear: both; font-weight: bold; }
.tabulka-dotazy .sloupec-1 { width: 90px; float:left; text-align: center; }
.tabulka-dotazy .sloupec-2 { width: 28px; float:left; text-align: center; }
.tabulka-dotazy .sloupec-3 { width: 180px; float:left; text-align: center; }
.tabulka-dotazy .input-text { color: #000; text-align: right; border-width: 1px; margin:0px; padding: 0px; background-color: #ccc; font-size: 11px;  font-family: "Arial CE", "Trebuchet MS", Trebuchet, Arial, sans-serif;  }

/* kontakty */
#kontakty { margin: 100px 0 0 0; padding: 5px 0 10px 0; font-weight: bold; font-size: 12px; }
.panel_sekce_nadpis { margin: 0 0 2px 0; padding: 5px 0 2px 0; font-weight: bold; font-size: 12px; }

/* Paticka */
.infokonec { text-align: center;  margin: 15px; font-size: 8pt; clear: both; color: #808080 }
.infokonec a { text-decoration: none; color: #808080  }
.infokonec a:visited { text-decoration: none; color: #808080  }
.infokonec a:link, a:visited { text-decoration: none; color: #808080  }
.infokonec a:hover { text-decoration: underline; color: #808080  }
.infokonec p { margin: 0; padding:0; }

/* Chybove hlaseni */
#chybove_hlaseni { background-color: #B5D9ED; color: #000; text-align: left; margin: 1px 0 1px 0; border: 1px solid #999; padding: 10px;font-size: 10px; }
#chybove_hlaseni h2 { font-size: 12px; font-weight: bold;  margin: 0px; margin-top: 5px; }
#chybove_hlaseni h3 { text-align: right; font-size: 10px;  margin: 0px; }
#chybove_hlaseni input { color: #000; border-style: solid; border-width: 1px; padding: 0 4px 0 4px; background-color: white; }
#chybove_hlaseni #vypis { text-align: left; padding: 10px; margin: 10px; background-color: white; font-size: 12px; border: 1px solid #999; }
#chybove_hlaseni #vypis p { margin: 5px; text-align: left; font-weight: bold; }
#chybove_hlaseni p { margin: 5px; text-align: center; }
#chybove_hlaseni a { text-decoration: none; color: #000; }
#chybove_hlaseni a:visited { text-decoration: none; color: #000; }
#chybove_hlaseni a:link, a:visited { text-decoration: none; color: #000;  }
#chybove_hlaseni a:hover { text-decoration: underline; color: #000; }

/* Administrace */
#administrace { width: 760px; margin-top: 0px; padding: 10px; border: 1px solid #999; background-color: #ccc; }
#administrace fieldset { margin: 0 5px 5px 0; padding: 10px; }
#administrace legend { padding: 5px; font-weight: bold; font-size: 12px; }
#administrace input { color: #000; border-width: 1px; padding: 0px 4px 1px 4px; margin: 2px; background-color: #fff; }
#administrace h2 { text-align: center; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#administrace a { padding: 0px; text-decoration: underline; }
#administrace a:hover {  padding: 0px; text-decoration: underline; }
#administrace a:link, a:visited {  padding: 0px; text-decoration: none; }

#administrace fieldset { margin: 0 5px 5px 0; padding: 10px; }
#administrace legend { padding: 5px; font-weight: bold; font-size: 12px; }
#administrace input { color: #000; border-width: 1px; padding: 0px 4px 1px 4px; margin: 2px; background-color: #fff; }
#administrace h2 { text-align: center; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#administrace a { padding: 0px; text-decoration: underline; }
#administrace a:hover {  padding: 0px; text-decoration: underline; }
#administrace a:link, a:visited {  padding: 0px; text-decoration: none; }

#dlmenu { position : relative; margin-top: 20px; }
#menu2 h2 { font-weight: bold; font-size: 12px; padding : 5px 0 5px 0; margin : 0; }
#menu2 { list-style-type:none; margin:0 0 10px; padding:0; position: relative; width : 230px; background:#fff; }
#menu2 li { display:block; padding:0; margin:0; position : relative; }
#menu2 li a, #menu2 li a:visited { display:block; text-decoration:none; }

#menu2 li:hover, #menu2 li a:hover { border:0; }
#menu2 li:hover dt strong a , #menu2 li a:hover dt a { background:#c0c0c0 center center; color:#000; }
#menu2 li:hover dt a , #menu2 li a:hover dt a { background:#ffffff center center; color:#000; }
#menu2 li:hover dd, #menu2 li a:hover dd { display:block; }
#menu2 li:hover dl, #menu2 li a:hover dl { background:#ffffff; }
#menu2 table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu2 dl { width : 230px; margin: 0; background: #ffffff; cursor:pointer;}
#menu2 dt {margin:0; padding: 0; font-size: 1.1em; }
#menu2 dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited { color:#000000; background:#ffffff center center;}
.gallery dt strong a , .gallery dt strong a:visited {display:block; color: rgb(249,144,67); padding:5px 0px 5px 13px; background:#ffffff center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 13px; background:#ffffff; }
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover { font-weight : bold; color : #000000; background : #f3f3f3; }

.gallery1 h2 { color : red; }
.gallery1 dt a, .gallery1 dt a:visited { color:#000000; background:#ffffff center center;}
.gallery1 dt strong a , .gallery1 dt strong a:visited {display:block; color: rgb(249,144,67); padding:5px 0px 5px 13px; background:#ffffff center center;}
.gallery1 dd a, .gallery1 dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 13px; background:#ffffff; }
* html .gallery1 dd a, * html .gallery1 dd a:visited {height:1em;}
.gallery1 dd a:hover { font-weight : bold; color : red; background : #f3f3f3; }

/* tooltips */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
	text-align: left;
	font-weight: normal;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; right: 0em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

#obsah .radioButton { margin: 0; border: 0px; background: #ffffff; }
#obsah .formRadioButton { margin: 0 10px 8px 0; }