body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,  ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
input {
	margin: 0;
	padding: 0;

}


body {
	background: url(../images/bg.png) repeat-x top #FFF;
font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	text-align: center;
	font-size: 76%;
	color: #626262;
margin-bottom: 400px;
}
.cistic {
	clear: both;
}


a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #f90a0a;
/* 	text-decoration: underline; */
}



/* HTML elements 
h1 {
	font-size: 120%;
	padding: 10px 0;
	clear: both;
display: block;
}



h2 {
	font-size: 140%;
	font-weight: bold;
  padding: 10px 0;
  color: #cccccc;
  display: block;
  clear: both;
}

.left-menu h2 {
	font-size: 110%;
color: #ff6600;
	padding: 15px 25px 0px;
	cursor: pointer;
}


h3 {
	font-size: 100%;
	font-weight: bold;
clear: both;
display: block;

}

label {
font-size: 80%;
}
select {
font-size: 80%;
}

p {
	padding-bottom: 5px;

}


.orange {
color: #ff6600;
}
.blue {

color: #1191e2;
}

*/

.veci {
	font:normal 12px Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

.stranka {
	margin: 0 auto;
	width: 980px;
	text-align: left;

}

.hlava {
	float: left;
	width: 100%;
	height: 110px;
}

.hlava-l {
	float: left;
	width: 420px;

}


.hlava-r {
	float: right;
	width: 560px;
		background: url(../images/header-deti.png) no-repeat left top;
	height: 110px;
}

.logo{
	float: left;
	width: 400px;
padding-top: 15px;
height: 65px;
padding-left: 20px;
}

.slogan{
	float: left;
    display: block;
    font-size: 80%;
    padding-left: 20px;
    background: url(../images/arrow-down.png) no-repeat 5px 0px;
    font-weight: normal;
}


/*---------------------------------------horizontalni menu*/
.horizontalmenu {
	float: right;
	text-align: right;
width: 440px;
height: 25px;

}

.horizontalmenu ul {
list-style: none;

}
.horizontalmenu li {
color: #626262;
text-decoration: none;
line-height: 25px;
height: 25px;
display: inline;

}
.horizontalmenu li span {
padding: 0 3px;
}


.horizontalmenu a {
color: #626262;
text-decoration: none;
font-size: 90%;
font-weight: bold;
text-transform: uppercase;
}
.horizontalmenu a:hover {
text-decoration: underline;
	color: #f90a0a;
}

/*--------------------------------------- search-box*/
.search-box {
float: right;
width: 230px;
height: 60px;
padding-top: 15px;
font-size: 80%;
}

.button-search, .button-news {
width: 49px;
background: none;
border: 0px;
background: url(../images/button-search.png) no-repeat left top;
height: 24px;
color: #666666;
font-size: 100%;
cursor: pointer;
}

.button-news {
width: 55px;
height: 22px;
line-height: 22px;
background: #ffd60e;
font-weight: bold;
}


.input-search, .input-news {
width: 146px;
border: 1px solid #cccccc;
font-size: 100%;
height: 14px;
line-height: 14px;
padding: 2px 4px;
}



.rychly-kontakt {
display: block;
border-top: 1px dotted #cccccc;
margin-top: 8px;
padding-top: 8px;
width: 205px;
}

/*--------------------------------------- rozcestnik flashe pod hlavickou*/
.rozcestnik {
float: left;
width: 980px;
/* height: 190px; */
white-space: nowrap;
}


.flash-box{
width: 330px;
float: left;

}
/* -----------------posledni box nema mezeru */
.posledni{
width: 320px;

}


/*---------------------------------------obsah*/

.obsah {
float: left;
width: 978px;
border: 1px solid #d1d1d1;
border-bottom: 0;
background: url(../images/obsah-bg.png) repeat-y left top;
margin-top: 10px;
}



/*---------------------------------------leva-strana*/

.leva {
float: left;
width: 240px;
}

/*---------------------------------------stred*/

.stred {
float: left;
width: 554px;

float: left;
}

.padd-10 {
padding: 10px;
}


.stred.padd-10 {
padding: 10px;
width: 534px;
float: left;
}



/*---------------------------------------prava-strana*/
.prava-all {
float: right;
width: 738px;

}



.prava {
float: right;
width: 184px;
}

/* ----------------------------------BOXY VPRAVO - Doporucujeme .... */

.pravy-boxy {
float: left;
width: 182px;
background: #eeeeee;
border: 1px solid #d1d1d1;
margin-bottom: 8px;
}

.pravy-boxy h3 {
float: left;
width: 154px;
background: #dfdfdf;
color: #f90a0a;
padding: 5px 14px;
font-size: 100%; 
}
.pravy-boxy .padd {
float: left;
padding: 14px; 
}

.pravy-boxy ul {
list-style: none;
}

.pravy-boxy li {
background: url(../images/arrow-red.png) no-repeat 0px 3px;
padding-left: 10px;
font-size: 90%;
padding-bottom: 6px;
}



/*---------------------------------------slider*/


/* NAJDES V SLIDESHOW.CSS */



/*---------------------------------------leve-menu*/

.leve-menu {
width: 220px;
position: relative;
left: 10px;
/* top: 20px; */
font-size: 125%;
margin: 5px 0;
}

.leve-menu ul {
list-style: none;
}


.leve-menu li {
width: 220px;
padding-right: 10px;
background: url(../images/title-arrow.png) no-repeat 3px 8px;
float: left;
display: block;
border-bottom: 1px dotted #333333;
padding: 5px 0; 

}


.leve-menu li a {
padding-left: 22px;
line-height: 20px;
display: block;

}

.leve-menu li#aktivni {

background: #dfdfdf url(../images/title-arrow.png) no-repeat 3px 8px;

}

.leve-menu li#aktivni a {
color: #f90a0a;
font-weight: bold;
}


.leve-menu li#aktivni li a {
color: #6f6f6f;
font-weight: normal;
}

.leve-menu li#aktivni li a:hover, .leve-menu li#aktivni-submenu a {
text-decoration: underline;
}


.leve-menu li ul {

background: #dfdfdf;

}

.leve-menu li ul li {

background: none;
border-bottom: none;
padding: 0px; 
display: block;
font-size: 80%;
float: left;
}


/*--------------------------------------banner pod levym menu*/
.banner {
position: relative;
width: 100%;
margin: 10px auto;
text-align: center;
}


/*--------------------------------------clanky*/

.sloupec-257 {
float: left;
width: 257px;
padding-right: 18px;
}
.sedy {
padding-right: 0px; /* aby nepretekal vynuluje padding-right ze sloupce-257 */

}


.box-255 {
	float: left;
	width: 235px;
	border: 1px solid #eee;
	padding: 10px;
	margin: 5px; 
}

.box-510 {
	width: 510px;
}

.sedy .box-255 {
background: #eeeeee;
padding: 10px;
margin-bottom: 10px; 
}

.box-title {
font-size: 120%;
background: url(../images/title-arrow.png) no-repeat 0px 8px;
padding: 5px 20px 
}


.txt {
	float: left;
	width: 130px;
	float: left;
	font-size: 90%;
}

.txt-510 {
	width: 510px;
}

.txt h3, .txt h3 a {
font-size: 110%;
color: #f90a0a;
padding-bottom: 5px;
}
.txt h3 a:hover {
text-decoration: underline;
}

.sedy .txt h3,.sedy .txt h3 a {

color: #919191;

}


.datum {
display: block;
padding-top: 15px;
color: #b2b1b1;
}

.image {
	width: 105px;
	float: left;
}

.navigace {
	font-size: .9em;	
}

.navigace a:link, .navigace a:visited {
	text-decoration: underline;
}

/* ----------------------------------------------KATEGORIE BOXES */
.kat-boxes {
width: 979px;
border: 1px solid #d1d1d1;
border-left: 0px;
border-bottom: 0px;
float: left;
overflow: hidden;
} 
/* .kat-boxes {
width: 240px;
border: 1px solid #d1d1d1;
border-top: 0px;
border-left: 0px;
border-right: 0px;
float: left;
overflow: hidden;
} */

.kat-box {
width: 225px;
float: left;
height: 75px; 
border-left: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
overflow: hidden;
cursor: pointer;
padding: 10px;
}

.kratsi {
width: 219px;
}

.gray {
background: #F4F4F4;/*  url(../images/kat-arrow.png) no-repeat right bottom; */
/* background: #ccc; */

}
.kat-box .image{
width: 50px;
float: left;
cursor: pointer;
height: 70px;
overflow: hidden;
}
.kat-box .txt{
width: 160px;
float: left;
height: 70px !important;
overflow: hidden;
}

.kat-box .kat-title, .kat-box .kat-title a {
font-size: 13px;
color: #f90a0a;
display: block;
/* margin-bottom: 5px; */

}

.kat-box a {
/* display: block; */
float: left;
width: 100%;
background: url(../images/kat-arrow.png) no-repeat right bottom;
color: #626262;
cursor: pointer;

}

.kat-box a:hover {
background: url(../images/kat-arrow-hover.png) no-repeat right bottom;
color: #000;
}
/*---------------------------------------BOXY VE SPODNI CASTi*/
.bott-boxes {
width: 978px;
border: 1px solid #d1d1d1;
border-top: 0px;
background: #f4f6f7 url(../images/bott-box-bg.png) repeat-x left bottom;
float: left;
margin-top: 12px;
height: 260px;
overflow: hidden;
font-size: 90%;
} 
/* BOXY - s pozadim nadpisu */
.bott-box {
width: 150px;
border: 1px solid #d1d1d1;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
float: left;
height: 260px;
overflow: hidden;
background: url(../images/bott-title-gray-bg.png) repeat-x left top;
padding: 0 18px 
} 
/* BOX 3 jina sirka - se zluty pozadim nadpisu */
.bb-03 {
width: 220px;
background: url(../images/bott-title-yellow-bg.png) repeat-x left top;
}

.bb-04 {
width: 311px;
 border-right: 0px;
}

/* NADPIS BOXU */
.bott-box h3 {
line-height: 25px;
height: 25px;
margin-bottom: 10px;
font-size: 110%;
color: white;
} 
.bb-03 h3 {
 color: #474747;
}
/* NADPIS UVNITR BOXU */

.bott-box h4 {
font-size: 110%;
padding-bottom: 10px;
color: #474747;
} 
/* MENU UVNITR BOXU */
.bott-box ul {
list-style: none;
}

.bott-box li {
padding-right: 10px;
background: url(../images/title-arrow.png) no-repeat 0px 5px;
display: block;

padding: 2px 0; 
}

.bott-box li a {
padding-left: 20px;
line-height: 20px;
display: block;
}

.vice, .vice a {
display: block;
padding-bottom: 10px;
color: #f90a0a;
}

.cerveny {
display: block;
padding-bottom: 18px;
color: #f90a0a;
}
.historie {
background: url(../images/icon-arrow.png) no-repeat left top;
padding-left: 20px;
}
.odber {
background: url(../images/icon-person.png) no-repeat left top;
padding-left: 20px;
}

/* 

.kat-box.padd-10.delsi {
float: left;
width: 225px !important;
}



.kat-box.padd-10.delsi.gray {
float: left;
background: #f9f9f9;
background: #ccc;
width: 225px !important;
} */


/*---------------------------------------pata*/

.pata {
float: left;
width: 940px;
padding: 8px 20px;
font-size: 90%;
color: #474747
}
.pata a {
color: #474747
}
.pata a:hover {
color: #666;
text-decoration: underline;
}

.pata-l {
float: left;
width: 40%;
}

.pata-r {
float: right;
width: 40%;
text-align: right;

}

.obr_br{
    margin-right: 5px;
}

.button-rightbar {
    font-weight: bold;
    font-size: 120%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

div.commFormBox{
	clear: left;
	background: #EEEEEE;
	padding: 10px;
}
	div.commFormBox input, div.commFormBox textarea, div.commFormBox img{
		margin-top: 3px;
		margin-bottom: 3px;
	}
span.commFormError{
	color: #A00000;
}