/*Základní pravidlam na úrovni tagů*/

body {
	background-color: #ffffff ;
	margin: 0 ;
	padding: 0;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 100% ;
	line-height: 1.3 ; 
}

* {
	color: black ;
}

a {
	color: blue ;
	text-decoration: underline ;
}

p {
    margin: 0 ;
}

table {	border-collapse: collapse; }

td, th  {
	text-align: left ;
	padding: 0.3ex 2ex 1ex 0.3ex;
}

section, article {
	display: block ;
}

/*Odkazy na telefon, nemusí vypadat jako klasický odkaz, použije se jen na smarphonech*/
a[href^="tel"] { 
	color: black ;
	text-decoration: none ;
}

.skryte {
	display: none ;
}

.konec { clear: both ; }


.vlevo {
	float: left ;
}

.vpravo {
	float: right ;
}

.doprava {
    text-align: right ;
}

/*Nadpisy*/
h1, h2 {
    color: #D97400 ;
}

h1 {
	font-size: 200% ;
	margin: 0 ;
}

h2 {
	font-size: 150% ;
	margin: 1em 0 0.5ex 0 ; ;
}

h3 {
	font-size: 120%; 
	margin: 0 0 0.5ex 0 ;
    color: #005C89 ;
}

/*formularove prvky*/

label {
    display: inline-block ;
    vertical-align: top ;
    margin: 1em ;
}
select {
    width: 12em ;
}
/*Ikonky*/

.ikonky div, div.ikona {
	height: 32px ;
	width: 40px ;
	margin: 0.5ex 0.5ex ;
	display: inline-block ;
	display: block ;
	float: left ;
	vertical-align: middle ;
	background-image: url("/images/ikony.png");
	background-repeat: no-repeat;
}

div.hvezda-0, div.hvezda-1, div.hvezda-2, div.hvezda-3, div.hvezda-4, div.hvezda-5 {
	width: 153px ;
	height: 24px ;
}

div.cena-1, div.cena-2, div.cena-3, div.cena-4, div.cena-5 {
	width: 153px ;
	height: 10px ;
}

div.hvezda-0 {	background-position:  0px 0px ; }
div.hvezda-1 {	background-position:  0px -25px ; }
div.hvezda-2 {	background-position:  0px -50px ; }
div.hvezda-3 {	background-position:  0px -75px ; }
div.hvezda-4 {	background-position:  0px -100px ; }
div.hvezda-5 {	background-position: 0px -125px ; }
div.cena-5 {  background-position: 0px -150px ; }
div.cena-4 {  background-position: 0px -150px ; width: 123px ; }
div.cena-3 {  background-position: 0px -150px ; width: 93px ; }
div.cena-2 {  background-position: 0px -150px ; width: 63px ; }
div.cena-1 {  background-position: 0px -150px ; width: 33px ; }


/*Patička*/
footer {
	display: block ;
	clear: left ;
	padding: 1ex ;
}

footer>div {
	float: left ;
	margin: 0 0 0 1em ;
}



dl {
	margin: 1em 0 1em 1em ;
}

dt {
	margin: 1ex 0 0 0 ;
	font-weight: bold ;
}


/*Základní layout*/

section, header, footer {
    max-width: 70em ;
    margin: 0 auto ;
    clear: both ;
}

/*Hlavicka*/
header {
    height: 71px ;
    border-bottom: solid #005c89 5px ;
    margin-bottom: 2em ; 
    padding-bottom: 1em ;
}

header a {
    display: inline-block ;
}

h1 {
    vertical-align: bottom ;
    display: inline-block ;
    margin-left: 5em ; 
}

article#vyber {
    border: solid #0076AF 2px ;
    border-radius: 5px ;
    padding: 0 ;
    margin: 0 0 2em ;
    width: 30em ;
}

article#vyber h2 {
    margin: 0 0 1ex 0;
    padding: 1ex ;
    background-color: #0076AF ;
    color: white ;
    
}
/*Modul a samotná lampa - ukázky*/
div#modul {
    margin: 1em 0 2em 0 ;
    padding-right: 200px ;
	background-image: url("/images/modul-ukazka.jpg");
	background-repeat: no-repeat;
    background-position: right top
}

div#vybojka {
    padding-right: 230px ;
	background-image: url("/images/lampa-ukazka.jpg");
	background-repeat: no-repeat;
    background-position: right top
}


article table {
    margin: 0 0 1em 0 ;
    max-width: 60em ;
}

table.rozdily td, table.rozdily th  {
    border: none ;
}

/*Paticka*/
footer {
    border-top: solid #005c89 5px ;
    margin-top: 2em ; 
    padding-top: 1em ;
}

footer div {
    display: inline-block ;
    vertical-align: top ;
    margin: 0 3em 0 0 ;
}

footer div#copyright {
    display: block ;
    clear: both ;
    width: 100% ;
    text-align: center ;
    margin: 1em 0 ;
}