BODY, TD, TH, CAPTION {font-family: Arial,"Geneva CE",sans-serif; font-size: 12px;}
BODY {color: #444; background: #fff; padding: 0; margin: 0;}
BODY {background: url('img/ospap_pozadi.jpg') center 110px no-repeat; width:765px; margin:0 auto; position:relative }

A {color: #0247b3; text-decoration: underline;}
A:hover {color:#0059e2; text-decoration: underline;}
H1 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 22px; font-weight: normal; padding: 0; margin: 0; color: #222;}
H2, H3 {color: #222;}
IMG {border: 0 none;}
FORM {padding: 0; margin: 0;}
.clear {height: 1px; padding: 0; margin: 0; clear: both; overflow: hidden;}
.hide {display: none;}
.bred {color: #f00; font-weight: bold;}

#hdr {}
#hdrx {width: 765px; hheight: 80px;background: #92ABE0; }
#logo {width: 270px; height: 80px; overflow: hidden; float: left; padding: 0; margin: 0;}

#search, #login {padding: 5px 10px 15px 20px; margin: 30px 0;
  border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: url('img/menu0.png') top left repeat-y;}
#search P, #login P {margin: 0; padding: 0; overflow: hidden;}
#login P.l {clear: left; float: left; width: 60px;}
#login P.r {claer: right; float: right; width: 70px;}
#login P.c {margin: 2px 0; clear: both;}
#searchtext, #loginemail, #loginpassword {border-left: 1px solid #637997; border-right: 1px solid #8AA9D3;border-top: 1px solid #637997; border-bottom: 1px solid #8AA9D3;}
#searchtext {width: 100px;}
#loginemail {width: 100px;}
#loginpassword {width: 100px;}
#searchbutton, #loginbutton {border: 1px solid #666666; background: #ABC7ED; color: #333; ccolor: #403186; padding: 0px;
  border-right: 1px solid #637997; border-left: 1px solid #8AA9D3;border-bottom: 1px solid #637997; border-top: 1px solid #8AA9D3;}
#search STRONG, #login STRONG {color: #000;}
#login A {font-size: 0.9em;}

.main {background: url('img/menubkg.png') top left repeat-y;}
.mainx {width: 765px; background: url('img/menubkgtop.png') top left no-repeat;}

#menu {float: left; width: 168px; overflow: hidden; padding: 0 0 90px 0;}
#right1 {float: left; width: 597px; overflow: hidden; }
#right1x {padding: 10px 10px 10px 20px;}
#right2 {float: left; width: 785px; overflow: hidden;}
#right2x {padding: 10px 0 10px 20px;}
#logos {float: left; width: 170px; overflow: hidden; background: url('img/logosbkg.png') top right no-repeat;}

#menu UL {list-style: none; padding: 0; margin: 20px 0;}
#menu LI {border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 2px 0; background: #fff;}
#menu LI A {display: block; width: 100%; padding: 2px 4px 2px 20px; margin: 0px; font-weight: bold; text-decoration: none; color: #403186; background: url('img/menu0.png') top left repeat-y;}
#menu LI A:hover, #menu LI A.active {color: #fff; background: url('img/menu1.png') top left repeat-y;}
html>body #menu LI A {width: auto;}


#ftr {}
#ftrx {width: 765px;background: #92ABE0;}
#ftrx P {padding: 8px 8px 8px 178px; margin: 0;}
#ftrleft {height: 1px overflow: hidden; font-size: 1px; position: relative;}
#ftrbanner {position: absolute; top: -87px; left: 0; width: 168px; height: 87px;}

#banner1 {position: absolute; width: 468px; height: 60px; left: 286px; top: 10px;}

#articles .artimg {float: left; margin: 0 10px 0 0; padding: 0 0 10px 0; overflow: hidden;}
#articles .artimg2 {float: right; margin: 0 0 0 10px; padding: 0 0 10px 0; overflow: hidden;}
#articles H2 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 22px; font-weight: normal; margin: 0;}
#articles H2 A {text-decoration: none;}
#articles H3 {font-size: 1.3em; font-weight: normal; margin: 0; padding: 4px 0 0 0;}
#articles H3.m {margin: 0 0 10px 0;}
#articles H3.mm {margin: 15px 0 10px 0;}
#articles H3 A {text-decoration: none;}
#articles P {padding: 0; margin: 0 0 10px 0;}
#articles .artdate {color: #888; margin: 0 0 0 0; font-size: 0.95em;}
#articles .artdate STRONG {color: #333;}
#articles .article {margin: 10px 0;}
#articles .navig {text-align: right; margin: 20px 0 10px 0;}

.article H2 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 22px; font-weight: normal; margin: 0; color: #666;}
.article H3 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 22px; font-weight: normal; margin: 0;}
.article .imgfloat {float: left; margin: 0 10px 0 0; padding: 0 0 10px 0; overflow: hidden;}
.article .imgcenter {text-align: center; overflow: hidden;}
.article .artdate {color: #888; margin: 0 0 0 0; font-size: 0.95em;}
.article .artdate STRONG {color: #333;}

#articles .paper H2 {display:none;}
#articles .paper H3 {clear: both;}
#articles P.desc {clear: both;}
#articles .paper .artimg {padding: 20px 0 10px 0;}

#articles .galerie H2 {font-size: 18px; color: #666; padding: 30px 0 0 0;}
#articles .galerie .photo {float: left; width: 113px; padding: 10px 0 0 0;margin: 0;}
#articles .galerie IMG {border: 1px solid #ccc;}

UL.papers {padding: 0 0 20px 0;}

UL.prilohy {padding: 0; margin: 0; list-style-type: none;}
UL.prilohy LI {padding: 0; margin: 3px;}
UL.prilohy SPAN {color: #333; font-size: 0.8em;}

.akce1 {float: left; width: 130px;}
.akce1 .akce {padding: 10px 0 0 0;}
.akce2 {float: left; width: 145px;}
.akce2 .akce {padding: 10px 0 0 15px;}
.akce DIV {bbackground: #E6EEFF; padding: 4px;}
.akce P {text-align: center; margin: 0; padding: 5px 0; width: 122px; overflow: hidden;}
.akce H2 {font-size: 1.1em; font-weight: bold; margin: 0; padding: 5px 0; width: 122px; text-align: center;}

P.modify {text-align: right; font-size: 0.9em; color: #777;}

.stranka H2 {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 24px; font-weight: normal; margin: 0; padding: 0 0 10px 0; }
.stranka H3 {font-size: 1.3em; font-weight: normal; margin: 0; padding: 10px 0 2px 0;}
.stranka H3 A {text-decoration: none}
.stranka P {padding: 0 0 10px 0; margin: 0;}
.stranka UL {margin-top: 0px; list-style-type: square;} /* padding: 0; margin: 0; list-style-type: none; */
.stranka LI {padding: 0; } /* margin: 10px 0; */
.stranka DT {padding: 10px 0 0 0; margin: 0; color: #222; font-weight: bold;}
.stranka DD {padding: 0; margin: 0; color: #666;}

.fr250 {float: right; width: 230px; background: #E6EEFF; padding: 10px 10px; margin-left: 10px;}

TABLE.form {width: 570px;}
TABLE.form TD {padding: 4px 0; vertical-align: center;}
TABLE.form LABEL {color: #222;}
TABLE.form SPAN {font-size: 0.9em; color: #666;}
TABLE.form TEXTAREA {width: 350px; height: 70px;}
TABLE.form INPUT.full {width: 350px;}
TABLE.form INPUT.half {width: 150px;}

.stranka UL.typy {list-style: circle inside; padding: 0 0 10px 20px; margin: 0;}
.stranka UL.typy LI {padding: 0 0 2px 0px; margin: 0 0 0 0;}

TABLE.kalkulacka {width: 550px}
TABLE.kalkulacka TH, TABLE.kalkulacka TD {text-align: left; vertical-align: middle;
  padding: 3px 4px 3px 0; color: #222;}
TABLE.kalkulacka TH.c1, TABLE.kalkulacka TD.c1 {padding: 3px 4px; border-right: 10px solid white; background: #DBE5F7;}
TABLE.kalkulacka TH.c2, TABLE.kalkulacka TD.c2 {padding: 3px 4px; background: #92ABE0;}
TABLE.kalkulacka TD.c3 {padding: 10px 4px; text-align: left;}
TABLE.kalkulacka TD.c4 {padding: 10px 4px 4px 0; text-align: left; font-size: 20px;}
TABLE.kalkulacka TD.c5 {padding: 10px 4px 10px 0; text-align: left; font-size: 14px;}
TABLE.kalkulacka TD.ce {padding: 0 4px 3px 0; text-align: left; color: #f00; font-weight: bold;}
TABLE.kalkulacka .kalkulackai1 {width: 160px}
TABLE.kalkulacka .kalkulackai2 {width: 120px}
TABLE.kalkulacka .req, P.kalkulacka .req {font-size: 14px; color: #f00; font-weight: bold;}
#articles P.kalkulacka {padding: 10px 0; margin: 0;}
#articles P.kalkulacka2 {padding: 20px 0 10px 0; margin: 0; text-align: center;}

.film TABLE {width: 570px;}
.film TD{padding: 4px 0 0 0; vertical-align: top;}
.film TD.l{font-weight: bold; padding: 4px 8px 0 0;}
.film H2{padding: 10px 0 0 0;}

div#content {width:550px; padding:20px; float:right;}
div#content h2 {font-weight: normal; font-size:1em;}
div#content p a {font-size:0.8em; color:grey;}

P.imgleftfloat {float: left; clear: both;}
P.imgleftright {float: right; clear: both;}
P.imgright{text-align: right; clear: both;}
P.imgright{text-align: left; clear: both;}
P.imgcenter{text-align: center; clear: both;}
P.textclear {clear: both;}

/* - */
.w-100p {width: 100% !important}

.ta-c {text-align: center}
.mt-20 {display: block; margin-top: 20px}
.mt-8 {display: block; margin-top: 8px}
.b-1 {border: 1px solid #808080}
.pfs {border-collapse: collapse}
.pfs td {text-align: center}
.pfs img {border: none !important; margin: 0px auto !important; float: none !important}
.pfs td {border: 1px solid #808080; width: 80px;}
.pfs th {border: 1px solid #808080; border-bottom: 2px solid #808080; background: #EFEFEF}

#products {}
#products h3 { font-size: 1.5em; margin-bottom: 15px}
#products hr {clear: both; margin: 15px 0 10px 0}
#products h4 {font-size: 1.1em;}
.primg, .primg_tq , .primg_half    {border: 1px solid gray; float: right;   margin: 0 0 20px 20px; width: 150px !important;}
.primg_half {width: 75px !important; height: 75px !important}
.primg_half2 {height: 75px !important; margin-left: 15px; margin-top: 15px; float: right}
.primg_tq {width: 110px !important; height: 110px !important}
.img-clear {margin: 0px auto !important; float: none !important}

.highlight {
	background:#F9ECE0;
}
#vp4 {
	background:transparent url('/img/new/vazpasky/vp4bg.jpg') no-repeat left bottom;
	width:580px;
	height:580px;
}

.tabTitle {
	background-color:#F8DAB9 !important;
	font-size:1.2em;
	padding:5px 0;
}
.RSTab_tdPopis {width: 100px; font-weight: bold; vertical-align: top;}

.w-100 {width: 100px}
.b-gray {border: 1px solid gray}
tr.newSection td {border-top:2px solid #808080}
.smaller {font-size:0.8em}
.gray {color:gray}

/* zivotni prostredi */
table.zipr { width:100%; text-align:center}
table.zipr td {padding-top:7px;}
table.zipr img {border: 1px solid gray}