/* CSS layout: */

body {
    margin: 10px auto;
    padding: 0;
    font: 0.9em Arial, Helvetica, sans-serif;
    background: #005c8d;
    line-height: 1.3em;
}

fieldset {
    margin: 0.5em 0 0.5em 0;
}

.hide {
    display: none;
}

div.error {
    color: #fff;
    background: #FF0000;
    text-align: center;
    padding: 0.5em;
    margin: 0.5em 0 1.5em 0;
    border: 1px solid red;
}

div.info {
    color: green;
    text-align: center;
    padding: 1em;
    margin: 1em;
    border: 1px solid green;
    /*font-weight: bold;*/
}

div.info_form {
    padding: 1em;
    margin: 1em 0 1em 0;
    font-size: 0.9em;
    background: #CCFF99;
    color: #424740;
}

/* LAYOUT */

#box {
    width: 1000px;
    margin: 0 auto 0 auto;
    background: url("../images/bg_page.jpg") no-repeat center top;
}

#obsah {
	background: url("../images/stred-pozadi.gif") repeat-y;
	overflow: hidden;
}

#box #hlavicka {
    background-position: center top;
    background-repeat: no-repeat;
    height: 146px;
    position: relative;
}

	#box #hlavicka #indent {
		display: block;
		width: 233px;
		height: 88px;
		background: url("../images/loga/indent2010.png") no-repeat;
		position: absolute;
		top: 30px;
		left: 22px;
	}
	
	#box #hlavicka #ov {
		display: block;
		width: 74px;
		height: 49px;
		background: url("../images/loga/ov.png") no-repeat;
		position: absolute;
		top: 10px;
		left: 855px;
	}
	
	#box #hlavicka #sd {
		display: block;
		width: 107px;
		height: 24px;
		background: url("../images/loga/sd.png") no-repeat;
		position: absolute;
		top: 72px;
		left: 820px;
	}
	
	#box #hlavicka #st {
		display: block;
		width: 107px;
		height: 24px;
		background: url("../images/loga/st.png") no-repeat;
		position: absolute;
		top: 110px;
		left: 790px;
	}

#box #hlavicka_loga {
	background: url("../images/indent_hlavicka_loga.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 127px;
}

	#box #hlavicka_loga #gp {
		float: left;
		width: 282px;
		padding-top: 12px;
		margin-left: 18px;
	}
	
	#box #hlavicka_loga #mp {
		float: left;
		width: 200px;
		padding-top: 12px;
	}
	
	#box #hlavicka_loga #p {
		float: left;
		padding-top: 12px;
		position: relative;
		display: block;
	}

	#p #lasak { width: 100px; position: absolute; top: 35px; left: 60px; }
	#p #dentunit { width: 100px; position: absolute; top: 37px; left: 240px; }
	#p #optimum { width: 100px; position: absolute; top: 75px; left: 150px; }
	#p #puroklima { width: 100px; position: absolute; top: 75px; left: 340px; }
	
	#box #hlavicka_loga #gp span, #box #hlavicka_loga #mp span, #box #hlavicka_loga #p span {
		color: #005c8d;
		font-size: 0.8em;
	}
	
	#box #hlavicka_loga #gp a {
		display: block;
		margin: 18px auto 0 auto !important;
		width: 232px;
	}
	
	#box #hlavicka_loga #mp a {
		display: block;
		margin: 16px auto 0 auto !important;
		width: 149px;
	}
	
	#box #hlavicka_loga #p a {
		display: block;
	}

#box #obsah-vlevo {
     float: left; 
     width: 782px; /* Sou�et #stred a #vlevo */
}
#box #vlevo {
     float: left; 
     width: 220px;
}
#box #stred {
     float: right; 
     width: 530px;
     padding-right: 10px;
     padding-left: 10px;
     overflow: hidden;
}
#box #vpravo {
     float: right; 
     width: 210px;
}

#box #servis_bottom {
    clear: both;
}

/* KONEC - LAYOUT */

/* BOX-LEFT */

.box_left {
    /*background: #00b9f2 url("../images/box-left-middle.gif") repeat-y left top;*/
    margin: 0 0 15px 0;
}

/* KONEC - BOX-RIGHT */

/* BOX-LEFT */

.box_right {
    /*background: rgb(219, 230, 237);*/
    /*border-top: 4px solid #ed1d24;*/
}


/* KONEC - BOX-RIGHT */

/* KDE JSME */

#kde_jsme {
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
    height: 1em;
}

#kde_jsme a {
    padding: 0 17px 0 0;
    margin: 0 7px 0 0;
    color: #4d4d4d;
    text-decoration: underline;
    font-weight: bold;
    font-size: 0.8em;
    background: url("../images/pointer-kde-jsme.gif") no-repeat right center;
}

#kde_jsme a:hover {
    text-decoration: none;
    color: #595959;
}

#kde_jsme b {
    font-size: 0.8em;
}

/* KONEC - KDE JSME */

/* MENU */

.rootmenu {
    margin: 0;
    padding: 0;
}

.rootmenu li.rootmenu_li {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 2px 0 0 20px;
    line-height: 33px;
    background: url("../images/menu_button.gif") repeat-y;
}

.rootmenu li.rootmenu_li a.rootmenu_li_a {
    text-decoration: none;
    font-weight: bold;
    color: #cce2ec;
    font-size: 0.9em;
}

.rootmenu a#current {
    color: #fff;
    text-decoration: underline;
}

.rootmenu li.rootmenu_li ul {
    margin: 0 0;
    padding: 0 0
}

.rootmenu li.rootmenu_li ul li {
    list-style-type: none;
    padding: 0 0 0 10px
}

.rootmenu li.rootmenu_li ul li a {
    color: #cce2ec;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}

.rootmenu a:hover {
    text-decoration: underline !important;
}

/* KONEC - MENU */

/* JAZYKY */


#jazyky .lang {
    margin: 0 0 5px 0;
    background: url("../images/menu_button.gif") no-repeat;
    padding: 8px 0;
}

#jazyky .lang img {
    margin: 0 10px 0 20px;
    vertical-align: middle;
}

#jazyky .lang a {
    font-weight: bold;
    font-size: 0.9em;
    color: #cce2ec;
    text-decoration: none;
}

#jazyky .lang a:hover {
    text-decoration: underline
}

/* KONEC - JAZYKY */

/* SERVIS_BOTTOM */

#servis_bottom {
    text-align: right;
    padding: 7px 228px 0 0;
    font-size: 0.8em;
    margin: 0 0 0 0;
    color: #fff;
    border-bottom: 10px solid #005c8d;
}

.tisk_nahoru {
    text-align: right;
    font-size: 0.9em;
    margin: 1em 0 1em 0;
    color: #fff;
    font-weight: bold;
}

#servis_bottom a {
    color: silver;
    font-weight: bold;
}

#servis_bottom a:hover {
    text-decoration: none;
}

/* KONEC SERVIS_BOTTOM */


/* FOOTER */

#footer {
    /*border-top: 10px solid #005c8d;*/
    border-left: 4px solid #ed1d24;
    background: #439ccd;
    font-size: 0.9em;
    padding: 10px;
    color: #ddedf6;
}

#footer a {
    font-weight: bold;
    color: #fff;
}

#footer a:hover {
    text-decoration: none;
}

/* KONEC - FOOTER */

/* REKLAMA */

#reklama {
    text-align: center;
}

#reklama h5 {
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    text-align: left;
    color: #26749e;
    font-family: small-caption;
    font-size: 0.8em;
    font-weight: normal;
}

#reklama .baner {
    margin: 0 0 10px 0;
}

#reklama .baner img {
    border: 0px;
    margin: 0 0 3px 0;
    _margin: 0 0 0 0 !important;
}

#reklama .baner .popis {
    font-size: 0.7em;
    font-weight: bold;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
    color: #6f6f6f;
}

/* KONEC - REKLAMA */

/* TEXT */

#stred h1 {margin: 5px 0 10px 0; padding: 0; font-size: 22px; line-height: 30px; color: #005c8d;}
#stred h2 {margin: 10px 0 10px 0; padding: 0; font-size: 18px; line-height: 22px;}

#stred {
    color: #656668;
}

a {
    color: #c75f4e;
}

a:hover {
    text-decoration: none;
}

/* KONEC - TEXT */

/* CLANEK */

#stred .cl_perex {
    background: #ffead9;
    padding: 10px;
}

#stred .cl_perex p {
    margin: 0;
    padding: 0;
}

/* KONEC - CLANEK */

/* PEREX */

.perex {
    margin: 0 0 10px 0;
}

.perex h2 {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
}

.perex .p_text {
    background: #e3f3fc url("../images/bg-perex.gif") repeat-x left top;
    padding: 10px;
    color: #4f4f4f;
    font-size: 14px;
}

.perex .p_text p {
    margin: 0;
    padding: 0;
}

.perex .p_odkaz {
    text-align: right;
    margin: 2px 5px 0 0;
}

/* KONEC - PEREX */

/* STRANKOVANI */

.strankovani {
    text-align: center;
}

/* KONEC - STRANKOVANI */

/* registracni formular */

#registrace {
    width: 100%;
    border-collapse: collapse;
}

#registrace td, #vyzva {
    padding: 0.5em;
    font-size: small;
}

#registrace #krok {
    background: #409BCD;
    color: #fff;
}

#registrace #krok a {
    color: #fff;
    text-decoration: none;
}

#registrace #krok strong {
    color: #000;
}

#registrace #td_left, #registrace #td_right {
    background: #409BCD;
}

#registrace #td_obsah, #vyzva {
    padding: 1em 0.5em 1em 0.5em;
    background: #F7F7F7;
}

#registrace #td_obsah span.cena, #vyzva span.cena, #vyzva b.cena {
    color: red;
    font-weight: normal;
}

#registrace #td_obsah hr, #vyzva hr {
    height: 1px;
    color: #CCE1EC
}

#registrace #td_obsah h3, #vyzva h3 {
    margin: 0.5em 0 0 0;
    padding: 0;
    font-size: 1.3em;
    font-weight: normal;
    color: #B9272A;
}

#registrace #td_obsah h4, #vyzva h4 {
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    color: #01B5F2;
}

#registrace #td_obsah ul.bez {
    list-style-type: none;
    margin: 0.5em;
    padding: 0.5em;
}

#registrace #td_obsah ul.bez li {
    padding: 0 0 0.25em 0;
}

#registrace #td_obsah ul.bez li input {
    margin: 0 0.5em 0 0;
}

/* KONEC - registracni formular */

/* formular */

#formular ul {
    list-style-type: none;
    margin: 5px 10px 5px 0px;
    padding: 5px 10px 5px 0px;
}

#formular fieldset {
    margin: 0 0 1em 0;
    padding: 0 1em 1em 1em;
}

#formular fieldset legend {
    margin-bottom: 10px;
    /*color: #ED1D24*/
}

.formular {
    border-collapse: collapse;
    width: 97%;
}

.formular td {
    padding: 4px !important;
    border: 1px solid #fff; 
}

.formular .td_pozn {
    text-align: left;
    font-size: 0.8em !important;
    font-style: italic;
}

.formular .td_popis, .formular .td_popis_p {
    background: #EFEFEF !important;
    vertical-align: middle;
}

.formular .td_popis {
    /*text-align: right;*/
}

.formular .td_popis_p {
    color: #008DC5;
    /*text-align: right;*/
}

/* konec - formular */

textarea {
  width: 450px
}