@media screen,projection{

html, body { /*background: transparent url(../img/layout/body-ie.png) center 59px no-repeat;*/ font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; text-align: center;}
html { background: #f3f3f3 url(../img/layout/main.gif) 0 0 repeat-x;}
body { background: transparent url(../img/layout/body.gif) 50% repeat-y; font-size: 75%; line-height: 140%; text-align: center; margin: 0 auto; }

#main { width:769px; margin: 0 auto 2% auto; background: white; border-top: 8px solid white;}

#right-panel {width: 550px; float: right; position: relative; padding-bottom:10px;}
#panel-left { width: 200px; float: left; padding-bottom:10px;}

#footer { clear: both; width: 100%; padding: 10px 0; border-top: 1px solid #d8d8d8;}

#page { text-align:left;}

#horni { position: absolute; top:0; left: 0; width: 550px; height: auto;}
#content { margin-top:163px; margin-left: 10px;}

/*ZAKLADNI FORMATOVANI*/

*{ margin:0; padding:0;}

p {margin: 0.5em 0; padding:0;}

ul li { list-style-type: none;}
.text ul li {list-style-type: disc; list-style-image: url(../img/layout/sipka.gif); margin-left: 2em; }
.text ul { margin:5px 0;}
ul.ulbox li {padding:3px 0;}

h1,h2,h3,h4, h5 { line-height:130%; color: #a80000; margin: 8px 0; clear: both;}
h1,h2,h3, h4, h5 { font-family: arial, sans-serif;}

h1	{ font-size: 130%; margin:10px 0 16px -10px; border-bottom: 8px solid #dadada; padding: 8px; padding-left: 9px; text-transform: uppercase;}
h2	{ font-size: 125%; margin: 20px 0 8px 0; /*font-weight: 600;*/}
h3	{ font-size: 110%; padding:8px 0; }
h4	{ font-size: 115%; /*text-transform: uppercase;*/ margin: 20px 0 0 0; font-weight: 600;}
h5	{ font-size: 110%; color:#4c4c4c; font-weight: 600; padding:8px 0;}
.podtrzeny-nadpis { margin:10px 0 16px -10px; border-bottom: 8px solid #dadada; padding: 8px;}

a { color: #a80000;}
a:hover, #footer .right a:hover, #footer-odkazy p a:hover { color: #4c4c4c; text-decoration: underline;}

.mapa { border: 1px solid #dadada; padding: 3px; }

/*STYLY */

#header {background: url(../img/layout/logo.gif) 0 0 no-repeat; width: 200px; height:35px; float: left;}
#header h2 { height:35px; width: 200px; margin:0; padding:0; position:relative; background-image:none; border:none; font-size:90%;}
#header h2 span { width:200px; height:35px; left:0; top:0; position: absolute; overflow: hidden;}
#h-pict-link,#h-pict {background: url(../img/layout/logo.gif) 0 0 no-repeat; width:200px; height:145px; right:0; top:0; position:absolute;}
#h-pict-link, .img-thumb {cursor: pointer;}
#header a {text-decoration:none; font-size: 20px; color: #860001;} /*kvuli krusaderu*/

div.head { height: auto; margin:0; margin-top:5px; padding:0;}

/*odkazy a flash*/
	#odkazy .uvnitr { text-align: left; padding-top:12px;overflow: hidden; height:35px;}
	#odkazy p { margin: 5px 0 0 0; padding: 0; color: #777777;}
	#odkazy a { color: #a80000; padding-left: 0.23em; padding-right: 0.23em;}
	#odkazy a:hover { color: #4c4c4c;}
	#odkazy { height:163px; width:550px;}

/*menu*/
	#menu { border-top: 8px solid #a80000; margin-top:16px; margin-bottom:16px; line-height:200%; padding-top: 8px;}
	#menu a { text-decoration: none; color: #a80000; font-weight: 500;}
	#menu a:hover { color: #4c4c4c; text-decoration: underline;}
	#menu strong { color: #4c4c4c; font-weight: 600;}
	#menu .sub-aktivni { color: #4c4c4c; font-weight: 600; list-style: none;}
	#menu .submenu .nochildren a { border:none;}
	#menu h2, #horni h2 { display: none;}
	#menu ul li ul li.last  { padding-bottom:5px;}
	#menu ul li { list-style-type: none; border-bottom: 1px solid #dadada; padding-top:5px; padding-left:5px;}
	#menu ul li ul li { list-style: disc url(../img/layout/sipka-menu-aktivni.gif); border-bottom: none; padding-top:0px; padding-left:0; margin-left: 15px; line-height: 150%;}
	#menu ul li ul li.aktivni, #menu ul li ul .ancestor { list-style: disc url(../img/layout/sipka-menu.gif);}
	/*#menu .submenu a:hover, #menu a.sub-aktivni:hover { color:#a80000;}*/
	#menu ul li ul li strong { font-weight: normal;}

/*Page styly*/
.cerveny { height: 100px; background: #a80000; margin-top:12px;}

#kurzy p { margin: 0;}
#kurzy span { width: 129px; border-left: 1px solid #dadada; margin-right: 10px; float: left; text-transform: uppercase; font-size: 95%; line-height: 165%; padding: 0 0 7px 0;}
#kurzy span.end { margin-right: 0;}
#kurzy span a { padding-left: 10px; display: block;}

/*kurzy jen na homepage*/
#kurzy2 {margin-right: -10px; margin-left: -10px; }
#kurzy2 p { margin: 0;}
#kurzy2 span { width: 139px; border-left: 1px solid #dadada; margin-right: 0; float: left; text-transform: uppercase; font-size: 95%; line-height: 165%; padding: 2px 0 7px 0;}
#kurzy2 span a { padding-left: 10px; display: block;}
#kurzy2 span.end { margin-right: 0; padding-left:0; width:129px; }


.right { float: right;}

/* homepage boxy a podpisy*/
.box1 { float: left; width: 48%; /*border-top: 8px solid #e6e6e6; padding-top:5px; margin:10px 10px 0 -10px; */}
.box2 { /*border-top: 8px solid #e6e6e6;*/ float: right; width:49%; /*padding-top:5px; margin-top: 10px;*/}
.box1 span, .box2 span {float: left; width:auto; padding-right:1px;}
.box1 img, .box2 img {margin: 10px; border: 6px solid #f2f2f2;}
.box1 img { margin-left: 0;}
.box1 span { margin-left:-13px;}
.box1 ul li, .box2 ul li { list-style-image: url(../img/layout/sipka.gif); margin-left: 28px;}
.box2 p { margin-right: 5px;}

.box-hlavni .box1, .box-hlavni-2 .box1 { padding-left: 12px;}
.box-hlavni-2 { /*font-weight: 600;*/}

.akce1, .akce2 { width:270px; height:100px; font-weight: 600; color: #999999; font-size: 120%; text-align:center; background: #e6e6e6; margin:16px 0 5px 0; position: relative;}
.akce1 { float: left; left: -10px;}
.akce2 { float: right; right:0;}
.akce1 img, .akce2 img { border: none; margin:0; padding:0;}

.podpis, .podpis-red { float: right; font-style: italic; margin:0; padding:0;}
.podpis { padding-right: 15px;}

.podpis-red strong {color: #a80000;}
.podpis-red { width: 155px; margin-left:16px;}
.podpis-red p { padding-left: 16px;}

/*panel left*/
#loga a, #loga a img { text-decoration: none; border: none; padding-top: 4px;}
.dhl { float: left; width:83px; margin-left:5px;}
.metro { float: right; width:59px; margin-right: 5px;}

.datum { font-weight: bold; font-style: italic;}
#novinky h3, #loga h3, .panel-kontakt h3, .kontakty h3 {border-bottom: 8px solid #a80000; padding-bottom:8px; text-transform: uppercase;}
#novinky h4 { margin-top: 8px;}
.novinka { clear: both; margin: 24px 0;}
.perex { font-style: italic; }
.vice, .more-contacts { display: block; clear: both; width: 100%; text-align: right;}
.more-contacts  { margin: 10px 0;}
.panel-kontakt h3 { padding-top: 30px;}

/*footer*/
#footer { line-height: 160%; color: #777777;}
#footer #footer-odkazy span { color: #a80000;}
#footer-odkazy { float:left; text-align: center; line-height:100%; width:100%; padding-bottom:2%;}
#footer a:hover { color: #4c4c4c;}

/*drobeckova navigace*/
#navigace { border-bottom: 1px solid #dadada; padding-bottom: 13px; font-size: 95%; margin-left:-10px; padding-top:15px;}
#navigace a { color:#4c4c4c; padding-left:10px; padding-right:5px;}
#navigace strong { font-weight: normal; padding-left:5px;}
#navigace a:hover { color:#a80000; text-decoration: underline;}

/*TABULKY*/
/*550px je maximalni mozna sirka tabulky, jinak se v IE rozhodi layout (levy panel se zarovna pod pravy) - v lepsim pripade se pravy panel prisune k levemu; optimalni max. sirka tabulky je 530px;*/
/*table.with tbody>tr:hover>td, table.with>tr:hover>th { background: #dadada;}*/ /*pripraveno pro hover*/

table { padding:5px; width:530px; border-collapse: collapse; border:1px solid #c1c1c1; margin: 1em 0; }
td, th { vertical-align:top; padding-left:5px; border: 1px solid #c1c1c1; } 
table .row-cpp {background:#dadada;}
/*table span { background: white; color: #a80000;}*/
table .two { background:#f3f3f3;}
table th { text-align: left; background:#dadada;}
thead {font-style:italic;text-align: left;}

table.kontaktni { border: none;}

.red {color: #a80000;}

/*formulare*/
.common table { width:520px;}
.common table, .common table td, .common table th { background: transparent; border: none; margin: 20px 0 8px 0;}
fieldset, form  {margin: 1.12em 0;}
fieldset { border:1px solid  #dadada; border-top: 6px solid #dadada;}
form fieldset {padding:0 0.5em 0.2em 0; width:90%;} /*#formular-kontakt */
#contactFRM textarea, #registrationFRM textarea {width:300px; height: 170px;} /*sirka kvuli prohlizeci Opera*/
legend {font-size:120%; font-weight:600; color:#a80000; text-transform: uppercase; margin-left:23px; padding:0 5px;}
fieldset th {text-align:left;}

#registrationFRM select option { margin-right: 5px;}

#contactForm-confirm, .error { color: red; font-size: 120%;}

.common table tr { height:2em; margin:10px 0; color:#4c4c4c;}
.common table th { width:100px; padding-left: 28px;}
.common .submit { margin-bottom:8px; margin-left: 130px;}

th, #formular th {background:transparent;} /*kvuli IE 5.0*/

.nedecor a, .nedecor a img { text-decoration: none; border: none;}
.cc { padding-left: 15px;} /*odsazení textu v referencích*/

.red {color: }

/*OSTATNI*/
	.cistic {clear:both; margin:0; padding:0; height:0.1px;}
	.invisible {display:none; clear:both;}
	#page-url { visibility:hidden;}

/*MARTIN HOFFMANN*/
.stitek {font-variant: small-caps; color: rgb(168, 0, 0);padding-left :
10px;}

/* HONZA BEDNÁØ*/
#tlacitko_prihlasit {
	padding-left: 100px;
}

.foto_lp {
	float: right;
	display: block;
	border: thin solid grey;
}



}