/* common */
body {color: #e1f0ff; background: #002b41; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1, h2 {color: #6cf; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; margin-bottom: 10px; text-transform: uppercase;}
h3 {font-size: .9em; text-transform: uppercase; margin-bottom: 3px;}

p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1.33em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}
ul li strong {color: #6cf;}

img {border: 0;}

table {font-size: .9em; margin-bottom: 1.33em;}
th {text-align: left;}

hr {width: 940px; line-height: 0; position: relative; clear: both; border: solid #47697d; border-width: 1px 0 0 0; margin: 1em 10px; padding: 0; height: 1px;}

a {color: #6cf;}
a:hover {color: #fff;}
/*a:active, a:focus {color: #fff; background: #CF4010; text-decoration: none;}*/
sup {font-size: .7em;}

/* layout */
#Case {text-align: left; margin: 0 auto; width: 960px; position: relative; z-index: 1;}
#Hlava {background: url(../gfx/Hlava.jpg) 0px 80px no-repeat; position: relative; margin-bottom: 25px; height: 325px;}
#Obsah {padding-top: 2em;}
#Pata {background: #E4E4E4; padding: 30px 0 0 0; width: 880px;}

#Levy {float: left; width: 538px; margin-left: 10px;}
#Pravy {float: right; width: 285px; margin-right: 10px;}

#flash {position: relative; top: 80px;}

.s2 {float: left; width: 460px; margin: 0 10px;}
.s3 {float: left; width: 300px; margin: 0 10px;}
.s4 {float: left; width: 620px; margin: 0 10px;}
/*.se {width: 330px;}*/

.rl, .rp {margin-bottom: 1.7em; width: 460px;}
.rl {margin-right: 10px;}
.rp {margin-left: 10px;}*/
		
/*.obal {clear: both; margin: 0 6px;}*/
.obal {width: 940px; margin: 0 10px 2em 10px;}
.vnitrni {margin-left: 10px; margin-right: 10px;}

/*.slogan {text-align: center; float: left; width: 558px;}*/
.vyhody {float: right; width: 272px;}

/* content */
/*.logo {background: url(../gfx/Logo.png); width: 194px; height: 25px; position: absolute; top: 33px; left: 0;}
.logo img {border: 0;}
.logo a:active, .logo a:focus {background: none;}*/

.pNav {font-size: .8em; text-transform: lowercase; position: absolute; top: 52px; right: 0;}
.pNav li {display: inline;}
.pNav li a {color: #000; margin: 0 10px;}
/*.pNav li a:focus, .pNav li a:active {color: #fff;}*/

.cNav {background: #000; text-align: center; text-transform: lowercase; border-bottom: 3px solid #6cf; padding: 5px 0; position: absolute; top: 288px; left: 0; width: 880px;}
.cNav li {letter-spacing: 1px; display: inline;}
.cNav li a {color: #fff; text-decoration: none; margin: 0 10px;}
.cNav li a:hover {text-decoration: underline;}

h2.mm {margin-bottom: 3px;}
h2 a {color: #6cf; text-transform: uppercase; text-align: center; display: block;}
h2 a:hover {color: #6cf; text-decoration: none;}
/*h2 a:active, h2 a:focus {color: #fff; background: #6cf;}*/
h3.mez {margin-bottom: 1em;}

/*a.bn:active, a.bn:focus {background: none;}*/

.slogan h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.6em;}
.slogan p {color: #000; font-size: 1.7em; margin-bottom: .4em;}
.slogan img {margin-bottom: 1em;}

ol {color: #6cf;}
ol.cerna, ol span {color: #e1f0ff;}

.mr {margin-right: 50px;}
.ml h2, .ml ul {margin-left: 20px;}
.ml ol {margin-left: 43px;}

.rp p, .rl p {margin-bottom: 0;}
.s3 img {margin-top: 5px; margin-bottom: 10px;}
.se h2, .se p, .se img {margin-right: 30px; margin-left: 30px;}

th span {font-weight: normal; font-size: .8em;}
table.vzornik td {padding: 0 25px 20px 0;}
table.vzornik td.np {padding-right: 0;}

.tech {background: #47697D; width: 400px;}
.tech th, .tech td {background: #002B41; vertical-align: bottom; padding: 5px;}
.tech th {width: 180px;}
.tech td {text-align: right;}

p.pul {width: 400px;}
#Pravy img {margin-top: 22px;}

.oddelovac {border-top: 1px solid #47697d; padding: 1em 0; margin: 0 10px; width: 940px;}
.oddelovac p {color: #47697d; font-size: .8em; margin: 0;}
.oddelovac a {color: #47697d; margin: 0 10px;}
.oddelovac a:hover {text-decoration: none;}
/*.oddelovac a:focus, .oddelovac a:active {color: #fff;}*/

/*.formular {margin: 0 0 0 40px; padding: 0; width: 400px;}
.formular table {margin-left: 38px;}
.formular th {font-weight: normal; text-align: right; vertical-align: top; padding: 5px 10px 0 0;}
.formular h2 {margin: 0 0 3px 130px;}
.formular textarea {margin-bottom: 0; height: 120px;}
#jmeno, #email, #telefon, textarea {border: 0; margin-bottom: .7em; padding: 4px; width: 260px;}

.formular h2.chyba, .formular ul.chyba {color: #fff; background: #c00; margin: 0 0 0 40px; padding: 10px;}
.formular ul.chyba {list-style: square; margin-bottom: 1.33em; padding: 0 0 10px 50px;}*/

#Pata .kontakt {float: right; padding-top: 64px; width: 305px;}

/*p.copy {color: #fff; background: #808184; font-size: .8em; text-align: center; clear: both; margin: 0; padding: 7px 0 6px 0; width: 880px;}
p.copy a {color: #fff; text-decoration: none;}
p.copy a:hover {text-decoration: underline;}*/

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}

.big {font-size: 1em;}

.oranzova {color: #CF4010;}
.modra {color: #6cf;}
.cerna {color: #000;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 40px 15px;}
.cr {clear: right;}
.nm {margin: 0;}
.mb {margin-bottom: 35px;}
.nb {border: 0;}
.mp1 {margin-right: 1em;}
.ml1 {margin-left: 1em;}
.md1 {margin-bottom: 1em;}

/* novy design */
.menu {background: #4e9dc4; height: 55px; position: relative; z-index: 10;}
	.menu ul {margin: 0 auto; width: 960px; line-height: 1em;}
		.menu ul li {float: left; height: 55px; margin: 0; position: relative;}
			.menu ul li a {display: block; line-height: 55px; height: 55px; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: bold; padding: 0 2.3em;}
				.menu ul li a:hover, .menu ul li:hover a {background: #002132;}
		.menu ul ul {display: none;}
		.menu ul li:hover ul {display: block; width: 300px; text-align: left; position: absolute; top: 55px; left: -1px; background: #002132; /*border: solid #4e9dc4; border-width: 0 1px 1px 1px;*/} 
			.menu ul li ul li {height: auto; float: none;}
				.menu ul li ul li a {height: auto; line-height: normal; padding: 1em .9em;}
					.menu ul li ul li a:hover {background: #00111A;}
					
.hlava-hp {background: url(/img/hp-hlava.jpg) top center no-repeat; height: 452px;}
.hlava {background: url(/img/hlava.jpg) top center no-repeat; height: 229px;}
	.hlavicka {margin: 0 auto; width: 960px; position: relative;}
	.hlava-hp .logo {position: absolute; top: 45px; left: 5px; border: 0; z-index: 2;}
	.hlava .logo {position: absolute; top: 35px; left: 0; border: 0; z-index: 2;}
	.soutez {position: absolute; top: 0; right: 0; width: 770px; display: block; z-index: 1;}
		.hlava-hp .soutez {height: 452px;}
		.hlava .soutez {height: 229px;}
	
.slogan {position: relative; margin: 0 auto; width: 960px; height: 150px;}
	.slogan h1 {position: absolute; left: 480px; top: 0; font-size: 2em; text-align: left; text-indent: -.55em; line-height: 1.4em; padding: 1em 0;}
	.slogan h1 span {color: #fff;}
	.slogan h1 a {text-decoration: none;}
		.slogan h1 a:hover {color: #6cf;}
	
.akce {margin: 0 auto; width: 940px; position: relative;}
	#slideshow img {border: 1px solid #000;}
	.zaruka {position: absolute; top: -140px; left: -55px; border: 0; z-index: 1;}

h1.tecky, h2.tecky {color: #47697d; background: url(/gfx/tecky.png) 20% 78% repeat-x; margin-left: 10px; margin-right: 10px; margin-bottom: 1em; font-size: 1.8em; text-transform: none;}
	h1.tecky span, h2.tecky span {background: #002b41; padding-right: .18em;}
	
.spodni-lista {background: #001a27; padding-top: 1em;}
	.pata {margin: 0 auto; width: 940px; height: 180px;}
		.pata ul li {color: #6cf; float: left; position: relative; margin-right: 3.5em; text-align: left; font-weight: bold;}
			.pata ul li a {color: #6cf; text-decoration: none;}
				.pata ul ul {position: absolute; top: 30px; left: 0;}
					.pata ul ul li {float: none; text-align: left; margin: 0 0 .5em 0; width: 135px; font-weight: normal;}
						.pata ul ul li a {color: #47697d; text-decoration: underline;}
						
	.copy {color: #013F5E; background: #000D14; margin: 0; padding: 1em 0;}
		.copy a {color: #013F5E;}
		
.objednavka {padding: 1.5em; background: #001A27; margin: 10px; }
	.objednavka h3 {color: #fff; font-size: 1em; margin: .5em 0;}
	.objednavka table {margin-bottom: 2em;}
		.objednavka th {color: #52899F; font-weight: normal; padding-right: 1em;}
		.objednavka td {padding: .5em 0;}
			.objednavka td img {vertical-align: middle;}
			.objednavka td input {padding: .3em; width: 240px; vertical-align: middle; margin-right: .5em;}
				.objednavka td input#hoste {width: 2em;}
	.objednavka textarea {padding: .3em; width: 365px; height: 135px;}
	.objednavka p {color: #52899F; line-height: 2em; margin-bottom: 2em;}
		.objednavka p input {position: relative; top: .1em;}
	.objednavka p.m0 {margin: 0;}
	.objednavka .povidani {float: right; width: 450px; margin-right: 22px; position: relative; bottom: 8px;}

.chyba {background: #c00; color: #fff; padding: 10px;}
h2.chyba {margin: 0;}
ul.chyba {list-style: square; margin-top: 0;}
ul.chyba li {margin-left: 2em; background: 0; padding: 0;}