/* CSS Document */

body {
margin: 0; 
padding: 0;
background: #14213d;
text-align: center; 
font-family: "Trebuchet MS", "Arial CE", lucida, sans-serif !important;
font-size: 14px !important;
color: #111111;
width:100%;
}

.noscreen {
display: none;
}


.ghost {
visibility: hidden;
}

.noborder {
border: 0 !important;
}

#drobky .noscreen-drops {
display: none;
}

/* layout */

#bodybox {
background: #ffffff;
width: 100%;
}

#topbox {
width: 100%;
height: 506px;
background: url(../img/top.png) top center no-repeat;
}

#top {
width: 1000px;
height: 506px;
margin: 0 auto;
position: relative;
left: 1px;
}

#banner {
width: 1000px;
height: 506px;
}

#menubox {
width: 228px;
height: 485px;
background: url(../img/menubg.png) top left no-repeat;
position: absolute;
left: 22px;
top: 0; 
}

#menu {
width: 228px;
height: 358px;
position: absolute;
left: 0;
top: 127px; 
}

#menu ul {
width: 228px;
list-style: none;
text-align: left;
margin: 0;
padding: 0;
font-size: 16px;
color: #ffffff;
}

#menu ul li {
margin: 0;
padding: 7px 6px 7px 17px;
}

#menu ul li#active {
background: url(../img/activebg.png)
}

#menu ul li a{
color: #ffffff;
text-decoration: none;
}

#menu ul li a:hover{
color: #ffffff;
font-weight: bold;
padding-left: 5px;
}

#bottombox{
width: 100%;
height: 67px;
background: #14213d;
color: #fff;
}

#bottom {
width: 1000px;
margin: 0 auto;
position: relative;
}

#smlink {
position: absolute;
left: 0;
top: 45px;
font-size: 11px;
color: #fff;
}

#smlink a {
color: inherit;
}

#bottombox a {
color: #fff
}

#bottombox a:hover {
color: #ddd;
}

#bottomedit {
height: 47px;
width: 708px;
padding: 10px;
position: absolute;
top: 0;
left: 272px;
text-align: left;
}

#pagebox {
width: 1000px;
margin: 0 auto;
min-height: 150px;
position: relative;
left: 1px;
}

#leftpage {
float: left;
width: 272px;
}

#rightpage {
float: left;
width: 728px;
background: url(../img/bgpageright.png) top left repeat-x;
}

h1 {
display: block;
width: 228px;
height: 124px;
margin: 0;
padding: 0;
}

h1 span {
display: block;
width: 228px;
height: 124px;
background: url(../img/logo.png) no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 20
}

#inner-content {
margin: 10px;
text-align: left;
}

/* typo */

#inner-content hr, #inner-content-2c hr  {
width: 80% !important;
border-width:0;
border-top:1px dotted #111111;
height:15px;
margin: 0 auto;
position: relative;
top: 7px;
}

#inner-content h2,#inner-content-2c h2 {
font-size: 1.8em;
font-weight: normal;
color: #004a80;
padding: 10px 0 3px 0px;
line-height: normal;
margin: 0;
}

#inner-content h3, #inner-content-2c h3 {
font-weight: normal;
font-size: 1.3em;
color: #999999;
margin: 0;
padding: 5px 0 3px 0;
}


#inner-content h4, #inner-content-2c h4 {
color: #111111;
padding: 5px 0 0 15px;
font-size: 1.1em;
margin: 0;
}

#inner-content ul, #inner-content-2c ul {
list-style-type: disc;
display: inline-block;
font-size: 0.9em;
padding-left: 50px;
}

#inner-content a, #inner-content-2c a  {
color: #004a80;
}

#inner-content a:hover, a.ishover, #inner-content-2c a:hover {
color: #111111;
}

#inner-content p, #inner-content-2c p {
margin: 0;
padding: 3px 15px 3px 15px;
}

/* NOVINKY */
#aktuality {
margin: 10px;
text-align: left;
color: #111111;
}
#aktuality h2{
color: #666666;
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: normal;
}

#aktuality a{
color: #004a80;
}

#aktuality a:hover{
color: #004a80;
}

.newscontentin p {
padding: 0 !important;
line-height: 17px;
margin: 0 !important;
color: #111111;
}

.newscontent {
line-height: 17px;
overflow: hidden;
position: relative;
text-align: left;
}

.newscontent img {
margin: 0 5px 5px 0;
}

.newscontentin ul{
morgin-top: 0;
margin-bottom: 0;
padding-top: 0em;
padding-bottom: 13px;
line-height: 17px;
}

.newscontentin ul li{
morgin-top: 0;
color: #111111;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

.newscontentin ol li{
morgin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
color: #111111;
}


.newscontentin ol{
morgin-top: 0;
margin-bottom: 0;
padding-top: 13px;
padding-bottom: 13px;
line-height: 13px;
}

.newscontentin {
max-height: 85px;
overflow: hidden;
margin-bottom: 1.6em;
color: #111111 !important;
}

.newsmore {
position: absolute;
line-height: 17px;
top: 75px;
right: 0;
color: #004a80;
font-weight: normal;
}

.newsdate {
margin: 0;
margin-bottom: 5px;
padding: 0;
color: #666666;
}

.newsdate strong {
font-weight: normal;
font-size: 0.8em;
color: #666666 !important;
}

#aktuality h3 {
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
padding-top: 6px;
margin-top: 0;
color: #004a80;
font-weight: normal;
}

#aktuality h3 a {
text-decoration: none;
}

#newsbox p {
color: #111111;
margin-left: 0;
padding-left: 0;
}

.card {
margin: 2px;
padding: 5px;
color: #111111;
border-bottom: 1px solid #ccc;
}


/****** kontakt form ********/

.fieldsetBox label {
width: 90px;
text-align: right;
display: inline-block;
vertical-align: top;
padding-top: 4px;
margin-right: 7px;
}

.fieldsetBox input {
width: 330px;
margin-bottom: 3px;
}

strong.warn {
font-size: 0.8em;
color: #FF0000;
margin-top: -3px;
}

fieldset {
border: 0;
}

legend{
display: none;
}
.fieldsetBox textarea {
height: 120px;
width: 330px; 
}



/* SMWEB navigace */
#navigaceweb {
padding-bottom: 10px;
padding-top: 15px;
position: relative; z-index: 20;
}

#navigacedeal {
padding-bottom: 10px;
padding-top: 15px;
position: relative; z-index: 20;
}

#dealsubnavi {
background:url(../img/bg-navi.png) no-repeat bottom right;
margin-top: 2px;
position: relative;
color:#666;
margin-bottom: 15px;
padding: 10px;
}

#dealsubnavi ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
font-size: 0.9em;
color:#666;
display: block;
list-style-type: circle;
}

#dealsubnavi ul li {
padding: 1px 0 1px 0;
float: left;
width: 33%
}

#dealsubnavi ul li a {
color:#666;
text-decoration: underline;
}

#dealsubnavi ul li a:hover {
color:#333;
}

#subnavi {
padding: 10px;
background:url(../img/bg-navi.png) no-repeat bottom right;
margin-top: 2px;
position: relative;
color:#666;
}

#subnavi ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
font-size: 0.9em;
color:#666;
list-style-type: circle;
}

#subnavi ul li {
padding: 1px 0 1px 0;
}

#subnavi ul li a {
color:#666;
text-decoration: underline;
}

#subnavi ul li a:hover {
color:#333;
}

.subnavi-ld {
position: absolute;
left: 0;
bottom: 0;
background: url("../img/naviroh-ld.png") no-repeat;
height: 10px;
width: 10px;
}

.subnavi-pd {
position: absolute;
right: 0;
bottom: 0;
background: url("../img/naviroh-pd.png") no-repeat;
height: 10px;
width: 10px;
}

.subnavi-ph {
position: absolute;
right: 0;
top: 0;
background: url("../img/naviroh-ph.png") no-repeat;
height: 10px;
width: 10px;
}

#drobky {
height: 20px;
overflow: hidden;
font-size: 0.9em;
}

#drobky a {
background: url("../img/drobky-bg.png") no-repeat;
padding: 0 10px 0 26px;
height: 20px;
line-height: 20px;
display:block;
float: left;
margin: 0;
text-decoration: none;
color: #666;
}

#drobky a:hover {
color: #333;
}

#drobky a.actual {
color: #333;
font-weight: bold;
}

#drobky a.actual:hover {
color: #666;
font-weight: bold;
}


#drobky a.homenavi {
background: url("../img/drobky-home.png") no-repeat;
height: 20px;
width: 20px;
line-height: 20px;
display:block;
float: left;
padding: 0;
}

#drobky-end {
height:20px;
width: 20px;
background: url("../img/drobky-end.png") no-repeat;
float:left;
}



/* dalsi */

.smaller {
font-size: 0.85em;
}

.noscreen {
display: none;
}

.JustifyRight {
text-align: right;
}

.center {
text-align: center;
}

.spacer30{
height: 30px;
}

.space368{
height: 368px;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}


/*

  SMweb defaultni styly

*/


/* dalsi */


.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}

/*------------------------------ ostatní */

sub {
vertical-align:baseline;
position: relative;
top: 0.4em;
}
sup {
vertical-align:baseline;
position: relative;
bottom: 0.4em;
}

.clearboth {
clear: both;
height: 1px;
}

#content img {
border: 4px solid #404040;
}

img {
border: 0;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.JustifyLeft {
text-align: justify;
}

.JustifyCenter {
text-align: center;
}

.JustifyRight {
text-align: right;
}

.MsoNormal {
font-size: 1em;
font-weight: normal;
text-decoration: none;
text-align: left;
}

.FontSmaller {
font-size: 0.8em;
}



.orange {
color: #f67521;
}

.green {
color: #6ebd04;
}



/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #004a80;
}

.FontColor2
{
	color: #018cbf;
}

.FontColor3
{
	color: #999999;
}

.FontColor1BG
{
	background-color: #004a80;
	color: #ffffff;
}

.FontColor2BG
{
	background-color: #018cbf;
	color: #ffffff;
}

.FontColor3BG
{
	background-color: #999999;
  color: #ffffff;
}


/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}


/**
 * Template Layouts.
 */

div.leftdiv {
float: left;
width: 50%;
}

div.rightdiv {
float: right;
width: 50%;
}

div.asyleftdiv {
float: left;
width: 66%;
}

div.asyrightdiv {
float: right;
width: 33%;
}

div.clearboth {
clear: both;
visibility: hidden;
height: 1px;
width: 100%;
}

div.thleftdiv {
float: left;
width: 33%;
}

div.thcenterdiv {
float: left;
width: 34%;
}

div.thrightdiv {
float: left;
width: 33%;
}

/* --------------------------- */

#reference {
}

p.flags {
margin: 0;
padding: 0;
}

.flags a {
text-decoration: none;
padding: 0px 5px 0 0;
}

.flags a img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

.flags a:hover img {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.flags a img.activeflag {
-moz-opacity: 1 !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

.flags {
position: absolute;
top: 20px;
right: 20px;
z-index: 12;
width: 300px;
text-align: right;
padding: 0px;
}

#newsbox .clearboth  {
clear: left !important;
}

.priloha a {
text-decoration: none !important;
}


.priloha a img {
border: 0 !important;
vertical-align: middle;
}


#mailbox .warn
{
text-align: center;
font-weight: bold;
color: #990000;
}

#mailbox fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding:10px;
}

#mailbox legend
{
color: #a60000;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#mailbox label
{
float: left;
width: 55px;
padding-left:10px;
}

#mailbox label code
{
font-size: 70%;
font-style: italic;
}

#mailbox input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#mailbox textarea
{
border: 1px solid #c7c7c7;
width: 255px;
height: 120px;
margin-bottom: 8px;
}

.warn
{
	margin: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 1.2em;
}
#mailbox input.odeslat
{
background-color: #940207 !important;
border: 1px solid #000000 !important;
color: #ffffff !important;
font-weight:bold;
margin-left: 65px;
height: 20px;
}

#mailbox #submitbutton
{
margin-left: 107px;
width: 180px;
}

a img.smalldetail {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
margin: 5px;
}

a:hover img.smalldetail {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


/* DEFINE Gallery SM Web 1.3.1 */

.gall p {
padding: 0 !important;
text-align:left !important; 
}

.gallery {
line-height: 2.0em;
margin-left: 10px;
padding: 0;
}

.highslide-caption {
display: none;
}

.gall {
margin: 0 15px;
padding: 0;
}

.tym-foto-outer {
display: table;
height: 130px;
_position: relative;
overflow: hidden;
float: left;
width: 150px;
}

.tym-foto {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}

.c_photos {
width: 133px;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
text-align: center;
position: relative;
_top: -50%
}

.c_photos p {
margin: 0;
padding: 0;
text-align: center;
}

.c_photos img {
max-height: 100px;
max-width: 133px !important;
margin: 0;
padding: 0;
border: 0 !important;
}

.c_photos a img {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.c_photos a:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

.c_photos .highslide-caption2 {
background-image: url(../ico/bgblack70pc.png);
background-repeat: repeat;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
height: 20px;
_overflow: hidden;
_background-color: expression(
  this.onmouseover = new Function("this.className += ' hover';"),
  this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
}


.c_photos .highslide-caption2 .popisek {
background-image: url(../ico/gallery-sipkaclosed.png);
_background-image: url(../ico/gallery-sipkaclosed-msie.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-align: left;
padding: 0 4px 0 20px !important;
margin: 0;
color: #ffffff !important;
_height: 20px;
font-size: 1em !important;
cursor: help;
line-height: 20px;
}

.c_photos .highslide-caption2.hover, .c_photos .highslide-caption2:hover {
height: 100%;
cursor: help;
}

.c_photos .highslide-caption2:hover .popisek {
background-image: url(../ico/gallery-sipkaopen.png);
line-height: 1.2em;
}

.c_photos .highslide-caption2.hover .popisek {
background-image: url(../ico/gallery-sipkaopen-msie.gif);
line-height: 1.2em;
}

/* END Gallery SM Web 1.3.1 */


.anketa_div ul {
list-style-type: none;
}


.anketa_teplomer {
width: 150px !important;
display: block;
}

.anketa_procenta {
width: 150px !important;
display: block;
text-align: right;
}


/* slidejs */


#container {
	width:1000px;
	padding:0px;
	margin:0 auto;
	position:absolute;
	z-index:0;
	top: 0;
	 left: 0;
}

#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:988px;
	height:354px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	/*top:15px;
	left:4px;*/
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:1000px;
	height:506px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:585px;
}

.pagination {
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index: 30;
	background: url(../img/transp.png) top left repeat;
	padding: 5px;
	/*width:100px;*/
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style-type: none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/slidejs/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}