* {margin:0;padding:0;}

body {font-family:"Arial",Verdana,Sans-serif; background:white url(http://www.spektra.eu/img_css/body-background.gif) repeat-x; color: black; font-size:99%;}

a {color: #2A147E; font-weight: bold; background-color:white;}
a:visited, a:active, a:hover, a:focus {color: #E56F13; background-color:white;}


strong {color:#E56F13;font-weight: bold;}
p {margin-bottom:0.5em;}

input {padding:1px;}
table, td, th {border:1px solid black;}
table {margin:0 auto; margin:0.5em 0;}
ul {list-style-type:none;}
th, td {padding: 0.5em;}
dl {margin:0.5em 0;}
dt, dd {margin:0.3em;}
dt {font-weight:bold;}
dd {padding-left:1em;}
img {border:0;}

.hidden {position:absolute; top:-500px; left:0; width:1px; height:1px; overflow:hidden;} 
.inline {display: inline;}
.nastred {text-align:center;}
.vlevo {text-align:left;}
.vpravo {text-align:right;}
.plavani-vpravo {float:right;}
.cleaner {clear:both;}
.card-left, .card-right {float: left; width: 155px; margin: 0 3px 3px 0; padding: 3px 0;
       text-align: center; background: white; font-size: 75%; min-height:200px; _height:200px;}

#obsah {width:760px; margin:0 auto;} 

#header {background: url(http://www.spektra.eu/img_css/header.jpg) no-repeat; width:760px; background-position: -70px 0; height: 177px; margin: 0 auto; text-align:center;}

#slogan-pruh {background-color: #E3E1E5; width:100%; color:black;}
#slogan {color: black; background-color: #E3E1E5; padding:0.2em 0.2em 0.2em 0.1em; width: 760px; margin: 0 auto;}
#slogan h1 {color: #E56F13; font-weight: bold; background: #E3E1E5 url(http://www.spektra.eu/img_css/bullet-spektra.gif) no-repeat 0 48%; display: inline; padding-left:20px; font-size:1em;}
#slogan h2 {color: #2A147E; font-weight: bold; background: #E3E1E5 url(http://www.spektra.eu/img_css/bullet-pomucky.gif) no-repeat 0 48%; display: inline; padding-left:28px; font-size:1em;}

#headline {font-family: Arial, sans-serif; height: 44px;	padding-top: 1.2em;	padding-bottom: 1.2em;}
#headline h1 {color: #E56F13; font-size: 1.7em;	background: white url(http://www.spektra.eu/img_css/headline-background.gif) no-repeat 0 50%; 	padding-left:48px;	width:24em;	margin: 0 auto;}

#sidebar {float: left; width:30%; padding-top:1em; padding-bottom:2.5em; padding-left:0; color: #E56F13; font-weight: bold; BACKGROUND: white url(http://www.spektra.eu/img_css/sidebar-sipky.gif) no-repeat left bottom;}
#sidebar ul li {background: url(http://www.spektra.eu/img_css/sidebar-bullet-bl.gif) no-repeat 0 50%; padding-left:1.3em; margin-bottom:5px; padding-bottom:0.1em; }
#sidebar li.english {background: url(http://www.spektra.eu/img_css/sidebar-bullet-or.gif) no-repeat 0 50%;}
#sidebar li.zvyrazni {background: url(http://www.spektra.eu/img_css/sidebar-bullet-yl.gif) no-repeat 0 50%;}
#sidebar h2 {font-size: 1.2em;}

#content {float: right; width:68%; padding-top:0em; padding-bottom:0em; margin: 0 auto;}

#content form {border: 1px solid #DDDDDD; padding: 1em;}

#content p {line-height:1.4em;}

#content ul {list-style-type:none; margin-top: 0.5px; padding-left: 0.5em; margin-bottom: 5px; padding-bottom:5px;}
#content ul li {BACKGROUND: url(http://www.spektra.eu/img_css/list-item.gif) no-repeat 0 0%; padding-left:1.3em; margin-bottom:2px; padding-bottom:0.1em; }
#content ol {padding: 0.5em 0 0.5em 2em;}
#content ol li {padding-left:0.5em; margin-bottom:5px; }
#content img {margin:0.2em;}

/** * mapa pro zapati 3 sloupce tabulky*/
#content_mapa {width:100%; padding-top:0em; padding-bottom:0em; margin: 0 auto; text-align:center;}
#content_mapa table {background-color:white;}
#content_mapa ul {margin-top: 4px; padding-left: 1em; margin-bottom: 3px;  padding-bottom:0.1em;}
#content_mapa ul li{background: url(http://www.spektra.eu/img_css/mapa_li_1.png) no-repeat 0 0%; padding-left:1em; margin-bottom:5px; padding-bottom:0.1em; }
#content_mapa ul ul li{background: url(http://www.spektra.eu/img_css/mapa_li_a.png) no-repeat 0 0%; padding-left:1em; margin-bottom:5px; padding-bottom:0.1em; }
#content_mapa ul ul ul li{background: url(http://www.spektra.eu/img_css/mapa_li_i.png) no-repeat 0 0%; padding-left:1em; margin-bottom:5px; padding-bottom:0.1em; }

/** * mapa z menu 2 sloupce tabulky*/
#mapa {text-align:center;}
#mapa ul {margin-top: 0.5px; padding-left: 0.5em; margin-bottom: 5px; padding-bottom:5px;}
#mapa ul li{background: url(http://www.spektra.eu/img_css/mapa_li_i.png) no-repeat 0 0%; padding-left:1em; margin-bottom:2px; padding-bottom:0.1em; }
#mapa ul ul li{background: url(http://www.spektra.eu/img_css/mapa_li_a.png) no-repeat 0 0%; padding-left:1em; margin-bottom:2px; padding-bottom:0.1em; }
#mapa ul ul ul li{background: url(http://www.spektra.eu/img_css/mapa_li_1.png) no-repeat 0 0%; padding-left:1em; margin-bottom:2px; padding-bottom:0.1em; }
#mapa a {color: #2A147E; font-weight: normal; background-color:white;}
#mapa a:visited, {color: red; background-color:white;}
#mapa a:active, a:focus {background-color: #FFCC99;}
#mapa a:hover {background-color: #FFCC99;}



#column12 {color: black; float: left; padding:1em 0 1em 1em; background: white url(http://www.spektra.eu/img_css/column1-background.gif) no-repeat 0 0;}
#column1 {color: black; float: left; width:45%; padding-top:1em; padding-bottom:1em; padding-left:1em; background: white url(http://www.spektra.eu/img_css/column1-background.gif) no-repeat 0 0;}
#column12 h2 {color: #E56F13; background-color: white; font-size: 1.3em; padding:0.8em 0 0.8em 0;}

#column12 h2.prvni {padding-top:0;}

#column12 h3 {color: #2A147E; background-color: white; font-size: 1.1em; padding:0.5em 0.2em 0.5em 0;}

#column2 {float: right; width:45%; color: black; padding-top:1em; padding-bottom:1em; padding-left:1em; background: white url(http://www.spektra.eu/img_css/column2-background.gif) no-repeat 0 0;}

#loga {clear: both; color: black; background: white url(http://www.spektra.eu/img_css/loga.gif) no-repeat 0 50%; width: 760px; border: 0; padding:0; height:153px;}

#footer {clear: both; width:537px; color: black; background: white url(http://www.spektra.eu/img_css/footer-background.gif) no-repeat 0 0; font-size: 0.8em; border: 0; padding:0.8em 0 2.5em 1em; line-height:1em; margin: 0 auto;}
#footer_cisty {clear: both; width:800px; color: black; border: 0;}
#footer-print{display:none;}
/** * {border: 1px solid red;}*/

@media print {
body {font-family:Georgia, serif; background:white color: black; font-size:12pt; width:100%;}
p {line-height:1.5em;}
#content_mapa, #headline, #header, #loga, #footer, #sidebar, .hidden {display:none;}

#slogan, {width:100%;} 
#slogan h1, #slogan h2 {font-size:14pt; padding:6pt; display:inline;}

#obsah, #content {width:100%;} 

#column12 h2.prvni, #column12 h2 {font-size: 14pt;}
#column12 h3 {font-size:13pt;}
#column1, #column2, #column12 {width:100%;}
}