/* ~-~-~-~-~-~-~-~-~ SIMED s.r.o. (www.simed.cz) ~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~ gfix via CSS: IdeFixx (www.sucharda.cz) ~-~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: .8em Calibri, 'Arial CE', Arial, sans-serif;
	color: #232f46;
	background: #384562 url("tile.png") fixed;
}

/* ~-~ vseobecne ~-~ */
h1, h2, h3, .h3 { margin: 0; padding: 0; color: #0f2682; font-size: 1.7em; font-weight: normal; clear: both; }
h2 { color: #ff7500; /*text-shadow: #8e8e8e 0 0 1px;*/ }

a { text-decoration: underline; color: #232f46; outline: none; cursor: pointer; } :focus { outline: none; }
a:visited { color: #63c; }
a:hover, a:active { text-decoration: underline; color: #07f; }

p, address {
	margin: 0;
	padding: 0 0 .6em 0;
	line-height: 150%;
}
strong { font-weight: bolder; }

ul, ol, dl, dt, dd { margin: 0; padding: 0; line-height: normal; list-style: none; }

hr, .hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

img { border: none; }

address { font-style: normal; }
abbr { cursor: help; border-bottom: 1px dotted #232f46; }
sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
	font-variant: small-caps;
}

/* ~-~ lej-aut-ta" ~-~ */
#main {
	margin: auto;
	width: 780px;
	position: relative; z-index: 0;
	text-align: left;
	background: url("main.png") top no-repeat;
}

/* ~-~ hlavicka ~-~ */
#header { margin: 0; width: 780px; height: 434px; }
#header-in { position: absolute; z-index: 1; top: 104px; left: 249px; width: 504px; height: 197px; }
#header-in DIV { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: 197px; }
#header-in DIV.active { z-index: 10; opacity: 1.0; }
#header-in DIV.last-active { z-index: 9; }
#header-in DIV IMG { height: 197px; display: block; border: 0; margin-bottom: 10px; }

/*#logo { position: absolute; top: 136px; left: 32px; } 15 let */
#logo { position: absolute; top: 165px; left: 32px; }
/*#logo a, #logo a span, #logo a:hover span { display: block;	width: 202px; height: 107px; overflow: hidden; background-image: url("logo-simed-15-let.png"); }
#logo a span { position: absolute; top: 0; left: 0; background-image: url("logo-simed-15-let.png"); }
#logo a:hover span { background-position: 0 -107px; } 15 let */
#logo a, #logo a span, #logo a:hover span { display: block;	width: 192px; height: 78px; overflow: hidden; background-image: url("logo.png"); }
#logo a span { position: absolute; top: 0; left: 0; background-image: url("logo.png"); }
#logo a:hover span { background-position: 0 -78px; }

.accesslink { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~ hlavni obsah ~-~ */
#container { background: url("container.png") top repeat-y; }

#center { margin: -99px 0 0 0; padding: 0 18px; float: right; width: 494px; }
#center h1 { margin: 7px 0 21px 0; letter-spacing: -.4pt; line-height: 33px; height: 33px; width: 494px; overflow: hidden; }
#center h1 span { font-size: .9em; }
#center h2 { margin-bottom: .3em; position: relative; left: -1px; line-height: 115%; background: url("h2.png") left bottom no-repeat; }
#center h2 a { display: block; padding-bottom: .1em; color: #ff7500; text-decoration: none; }
#center h2 a:hover { color: #07f; background: url("h2.png") -497px bottom no-repeat; }
#center h3 { position: relative; left: -1px; font-size: 1.5em; }

#center h2.colour { color: #0f2682; background-position: -497px bottom; }

#center ul, ol { margin: 0 0 .8em 1em; line-height: 140%; }
#center li { padding-left: 10px; background: url("nav-sq.png") 0 8px no-repeat; }

#dr-bek { margin-bottom: .6em; font-size: .9em; text-transform: lowercase; }
#dr-bek a:visited { color: #232f46; }
#dr-bek strong { color: #c21259; }

/* ~-~ novinky ~-~ */
.info { margin: .4em 0 .6em 0; padding-bottom: .4em; border-bottom: 1px dotted #ccc; overflow: auto; }
.info .left { margin-right: 5px; }
.info .right { margin-left: 5px; }
.info p { padding: 1px 0 0 0; line-height: 130%; }
.info img { margin: 5px 0 0 0; border: 1px solid #EFF1F7; }
.info a img:hover { border: 1px solid #B3C4D9; }
.date { padding-top: .4em; margin-bottom: -.2em; font-size: .85em; }
.headline, .headline a { /*text-transform: uppercase;*/ font-size: 1.2em; font-weight: bold; color: #0f2682; }
.headline a:hover { color: #07f; }
.info a.lightbox img { border: 1px solid #0f2682; }
.info a.lightbox img:hover { border: 1px solid #07f; }

/* ~-~ fotky ~-~ */
.gallery { position: relative; left: -2px; padding: 8px 0 10px 0; overflow: auto; clear: both; }
.photo, .photo-right { margin: 0 5px 5px 0; position: relative; width: 154px; height: 117px; float: left; }
.photo-right { margin: 0 0 5px 5px; position: relative; width: 154px; height: 117px; float: right; }
.photo img, .photo-right img { width: 150px; /*height: 113px;*/ padding: 2px 0 0 2px; }
.photo span, .photo-right span { width: 154px; height: 117px; display: block; position: absolute; top: 0; left: 0; background: url("ram.png") no-repeat; }
.photo .frame span, .photo-right .frame span { background: url("frame.png") no-repeat !important; }
.gallery .photo, .gallery .photo-right { margin-bottom: 10px; }

/* ~-~ vypis katalogu ~-~ */
.item { clear: both; margin-bottom: 5px; cursor: pointer; overflow: auto; }
.item:hover h2 a, .item.hover h2 a { color: #07f !important; background: url("h2.png") -497px bottom repeat-x !important; }

#center .document ul { margin-left: 0; }
#center .document ul li { line-height: 20px; height: 21px; margin-bottom: 5px; padding-left: 25px; background-position: 10px 8px; }
#center .document ul li span { text-transform: uppercase; color: #a52c2b; }
#center .document ul li.pdf { background: url("ico-set.png") -74px 0 no-repeat; }

/* ~-~ navigace sortimentem + hlavni \/ + jazyky \/\/ ~-~ */
#side-nav { position: relative; top: -99px; margin-bottom: -94px; float: left; width: 250px; }
#side-nav h2 { margin: 10px 0 15px 0; min-height: 36px; letter-spacing: -.3pt; color: #fff; text-align: center; text-shadow: none; }

#nav { margin-left: 11px; }
#nav dt { margin-bottom: 3px; width: 233px; list-style-type: none; font-size: 1.1em; background: url("nav.png") 0 top no-repeat; }
#nav dt a { padding: 0 14px; display: block; font-weight: bold; }
#nav dt span { margin: 0 -14px; padding: 8px 14px 10px 14px; display: block; background: url("nav.png") -233px bottom no-repeat; }
#nav dt a:visited { color: #232f46; }
#nav dt a:hover { color: #07f; }
#nav dt.open a { color: #c21259; }
#nav dd { display: none; }
#nav dd.open { display: block; }
#nav dd ul { margin: 0 14px 5px 4px; }
#nav dd ul ul ul, #nav dd ul ul { margin-bottom: 0 !important; }
#nav dd li { padding: 0 0 3px 10px; background: url("nav-sq.png") 0 7px no-repeat; }
#nav dd li a:hover { display: block; background-color: #ebeef4; }
#nav dd a { display: block; color: #2e418e; }
#nav dd a:hover { color: #07f; }
#nav dd h3 { margin: 0 14px; font-size: 1em; font-weight: bold; text-transform: uppercase; }

#nav dd li ul { margin: 2px 0 -6px 0; }
#nav dd li li { padding: 0 0 0 10px; }

#nav li strong { color: #07f; }
#nav li.h3 { margin: 0; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #0f2682; background: none; }

#top-nav { position: absolute; z-index: 1; top: 54px; height: 46px; }
#top-nav ul { margin: 4px 0 0 5px; padding: 0; list-style-type: none; }
#top-nav li { display: inline; }
#top-nav li a, #top-nav li strong {
	float: left; display: block;
	width: 110px; height: 46px;
}
#top-nav li span { display: none; }
#top-nav #t-1 a, #top-nav #t-1 strong { height: 69px; }
#top-nav #t-2 a { background-position: -110px 0; }
#top-nav #t-3 a { background-position: -220px  0; }
#top-nav #t-4 a { background-position: -330px 0; }
#top-nav #t-5 a { background-position: -440px 0; }
#top-nav #t-1 a:hover, #top-nav #t-1 strong { background-position: 0 -69px; }
#top-nav #t-2 a:hover, #top-nav #t-2 strong { background-position: -110px -69px; }
#top-nav #t-3 a:hover, #top-nav #t-3 strong { background-position: -220px -69px; }
#top-nav #t-4 a:hover, #top-nav #t-4 strong { background-position: -330px -69px; }
#top-nav #t-5 a:hover, #top-nav #t-5 strong { background-position: -440px -69px; }

#translate { position: absolute; z-index: 2; top: 73px; right: 64px; width: 103px; height: 18px; padding: 0; list-style-type: none; overflow: hidden; }
#cz a, #en a, #de a { margin-right: 10px; float: left; display: block; width: 25px; height: 18px; overflow: hidden; background: url("ico-set.png") no-repeat; opacity: 0.6; }
#cz a:hover, #en a:hover, #de a:hover { opacity: 1; }
#cz a { background-position: 0 0; }
#en a { width: 24px; background-position: -49px 0; }
#de a { width: 24px; background-position: -25px 0; }
/*#ru a { -=- for mother russia ... not yet -=- } */
#cz span, #en span, #de span, #ru span { position: absolute; z-index: -1; width: 1px; height: 1px; margin: 0; overflow: hidden; }

#banner { margin: 20px 0 10px 25px; }

#center iframe { margin-bottom: 1.6em; }

/* ~-~ fin ~-~ */
#footer { margin-bottom: 28px; text-align: right; color: #fff; }
#footer-in { position: relative; padding: 0 5px; height: 95px; font-size: .85em; font-weight: bold; text-align: center; background: url("footer.png") bottom no-repeat; }
#footer .line { width: 580px; margin-left: 95px; padding-top: 29px; text-align: left; }
#footer .line .left { margin-right: 16px; }
#footer .stats, #footer #odkazy { margin-right: 28px; font-size: .85em; color: #c2cfdf; }
#footer .stats a, #footer #odkazy a { color: #c2cfdf; white-space: nowrap; } #footer .stats a:visited, #footer #odkazy a:visited { color: #c2cfdf; } #footer .stats a:hover, #footer #odkazy a:hover { color: #fff; }
#footer a { color: #fff; } #footer a:visited { color: #fff; } #footer a:hover { color: #ccc; }
#footer #odkazy { text-align: center; margin: 28px 28px 0 20px; }

#top { 	position: absolute; top: 2px; right: 20px; padding: 2px 5px 4px 5px;
		text-transform: uppercase; font-size: .8em;
		background-color: #b3c4d8;
}
#top a:hover { color: #07f; }

/*
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { margin: 0 auto; position: relative; width: 250px; height: 250px; background-color: #fff; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; /*zoom: 1;*/ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { overflow: auto; width: 100%; margin: 0 auto; padding: 0 10px 0; font-size: .9em; line-height: 1.4em; background-color: #fff; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;	clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose {	width: 66px; float: right; padding-bottom: 0.7em; }

/* ~-~ formulare ~-~ */
.mail-form { padding: 0; margin-bottom: 1em; }
.mail-form label { margin-top: .2em; font-size: .9em; }
.mail-form .linka { padding-top: 7px; }
.mail-form .linka label.typ-pole, .mail-form .linka span.typ-pole { margin-right: 5px; }
.mail-form .linka span.pole { display: block; }
.mail-form .posun {}

form.valid label.error, form.valid strong { margin-left: 5px; font-size: 1em; font-weight: bold; color: #ff7500; }
form.valid strong { margin-left: 0; }

#toplist { display: none; }

@media print {
body {
	margin: 0 auto;
	padding: 0;
	font: normal 1em Corbel, 'Helvetica CE', Helvetica, 'Arial CE', Arial, sans-serif;
	text-align: left;
	color: #000;
}

/* ~-~ vseobecne ~-~ */
* { /*margin: 0; padding: 0;*/ background: transparent none; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
	border-bottom: 1px solid #999;
}
h1 { margin-top: .4em; font-size: 170%; letter-spacing: -.4pt; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }

a { text-decoration: underline; font-weight: normal; color: #000; }
h2 a { text-decoration: none; }
p {
	margin: .3em 0 .8em 0;
	padding: 0;
	line-height: 150%;
	font-size: 1em;
}
ul, ol {}

address { font-style: normal; }
img { border: none; }

.noprint, .accesslink, #dr-bek, #side-nav, #top-nav, #translate, #header-in, #footer img, #top { display: none; }
hr, .hr { display: none; }

.info { margin: .4em 0 .6em 0; padding-bottom: .2em; border-bottom: 1px dotted #999; }
.info p { line-height: 130%; }
.date { padding-top: .4em; margin-bottom: -.3em; font-size: .85em; }
.headline { margin-bottom: -.2em; text-transform: uppercase; }

.gallery { overflow: auto; clear: both; }
.photo, .photo-right { margin: 0 5px 5px 0; float: left; }
.photo-right { margin: 0 0 5px 5px; float: right; }
.photo img, .photo-right img { border: 1px solid #ccc; }

.item { margin-bottom: 5px; overflow: auto; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#footer { margin-top: 1em; padding-top: .3em; border-top: 10px solid #ccc; }
}