/* RESET START */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.cleaner {
	display: none;
}

.clear {
	height: 0;
	clear: both;
}

/* RESET STOP */


html, body {
	height: 100%;
}

body {
	background: #F3F3F3;
	text-align: center;
	font-size: 11pt;
	font-family: arial,sans-serif;
}

#cele {
	width: 969px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 110px 0;
	min-height: 100%;
	height: 100%;
	position: relative;
}

body>#cele {
	height: auto;
}

#logo {
	width: 254px;
	height: 91px;
	display: block;
	background: red;
	float: left;
	overflow: hidden;
}

ul.menu {
	position: relative;
	z-index: 3;
	font-family: calibri, "Trebuchet MS", sans-serif;
	font-weight: bold;
	float: right;
	display: block;
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
	height: 50px;
	overflow: visible;
}

ul.menu li {
	display: inline;
	position: relative;
	padding: 0;
	margin: 0;
}

ul.menu li a {
	display: inline-block;
	color: #717171;
	text-decoration: none;
	font-size: 1.2em;
	padding: 0 10px 0 10px;
	text-transform: uppercase;
	line-height: 1.2em;
	height: 39px;
	line-height: 39px;
	text-align: center;
}

ul.menu li a:hover {
	color: #20547b;
}

ul.menu li.urov2 {
	behavior: url('hovermenu.htc');
}

ul.menu li.urov2 a {
	padding: 0;
	width: 179px;
}

ul.menu li.urov2 a:hover, ul.menu li.urov2:hover a, ul.menu li.urov2Hover a {
	background: blue url('/img/menu1.png') no-repeat;
	color: white;
}

ul.menu li.urov2:hover ul, ul.menu li.urov2Hover ul {
	display: block;
}

ul.menu ul {
	position: absolute;
	left: 0px;
	top: 27px;
	margin: 0;
	display: none;
	background: #21577f;
	padding: 10px;
	z-index: 5;
}

ul.menu li.urov2 li {
	height: 25px;
	overflow: hidden;
}

ul.menu li.urov2 li a, ul.menu li.urov2:hover li a {
	padding: 0 0 0 20px;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	background: none;
	line-height: 25px;
	height: 25px;
	color: white;
	text-decoration: underline;
	background: url('/img/menu2.png') 10px center no-repeat;
	width: 210px;
	display: block;
}

ul.menu li.urov2 li a:hover, ul.menu li.urov2:hover li a:hover {
	background: url('/img/menu2.png') 10px center no-repeat;
	color: #fbde47;
}



/* uvod */
#uvod {
	width: 100%;
	height: 276px;
	background: url('/img/uvod.jpg') no-repeat;
	position: relative;
	z-index: 2;
}

#uvod .desc {
	position: absolute;
	top: 105px;
	left: 255px;
	color: white;
	font-size: 1em;
	line-height: 20px;
	width: 700px;
}

#uvod .desc a {
	color: white;
}

#uvod .nadp {
	padding: 0 0 0 0px;
	color: white;
	font-weight: bold;
	font-size: 1.8em;
	text-transform: uppercase;
	/* line-height: 50px; */
	font-family: calibri, "Trebuchet MS", sans-serif;
	position: absolute;
	top: 70px;
	left: 255px;
}

#uvod .desc2 {
	position: absolute;
	top: 216px;
	left: 30px;
	color: #20557c;
	font-size: 1.4em;
	line-height: 60px;
	height: 60px;
	font-style: italic;
	font-weight: bold;
	font-family: arial;
}

#uvod .nahled{
	width: 210px;
	background: black;
	height: 180px;
	top: 30px;
	right: 15px;
	position: absolute;
}

#uvod .vice {
	position: absolute;
	top: 230px;
	right: 188px;
}

#uvod .obj {
	position: absolute;
	top: 230px;
	right: 13px;
}

#pleft {
	width: 680px;
	line-height: 25px;
	float: left;
	color: #6a6a6a;
	padding: 10px 0 0 5px;
}

#pleft h1, #pleft h2 {
	padding: 0 0 0 5px;
	color: #20557c;
	font-weight: bold;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 50px;
	font-family: calibri, "Trebuchet MS", sans-serif;
	clear: both;
}

/* Nove - 22. 02 2010 - Ondrej Kubat */
#pleft h2 a {
	color: #20557c
}

#pleft h3 {
	padding: 0px;
	color: #20557c;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 30px;
	font-family: calibri, "Trebuchet MS", sans-serif;
	clear: both;
}

#podstr1 h1 {
	padding: 0 0 0 25px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 70px;
	height: 70px;
	font-family: calibri, "Trebuchet MS", sans-serif;
}

#podstr1 p {
	padding: 0 0 0 20px;
	color: #20557c;
	line-height: 40px;
	height: 40px;
	font-size: 1em;
}

#podstr1 p a {
	color: #20557c;
}

#podstr1 p a:hover {
	text-decoration: none;
}

.podstr2 {
	padding: 0 0 0 20px;
	color: white;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6em;
	text-transform: uppercase;
	line-height: 69px;
	height: 69px;
	width: 969px;
	background: #2b73a6 url('/img/kont1.jpg') no-repeat;
	font-family: calibri, "Trebuchet MS", sans-serif;
}

#pleft img {
	display: block;
	margin: 0 auto;
}

#pleft img.left {
	margin: 0;
	float: left;
}

#pleft img.right {
	margin: 0;
	float: right;
}

#pleft p {
	margin: 10px 0 10px 0;
	text-align: justify;
	clear: both;
}

#pleft a {
	color: #6a6a6a;
	text-decoration: underline;
}

#pleft a:hover {
	text-decoration: none;
}

#pleft a.vice {
	font-weight: bold;
	padding: 0 0 0 30px;
	background: url('/img/left_li2.png') 20px center no-repeat;
}

#pleft ul {
	margin: 0 0 20px 0;
}

#pleft ul.sloup {
	float: left;
	width:50%;
}

#pleft div.sloup{
	float: left;
	width:50%;
	text-align: center;
}

#pleft li{
	padding: 0 0 0 30px;
	background: url('/img/left_li1.png') 8px 7px no-repeat;
}

#pleft .uvod2{

height: 153px;

overflow: hidden;

float: left;

margin: 0px 0 0 -5px;

width: 690px;

}



#pleft .uvod2 a{

line-height: 18px;

float: left;

text-align: center;

height: 133px;

background: #F2A91D;

color: #215880;

font-family: arial, sans-serif;

padding: 20px 5px 0 5px;

display: inline-block;

font-weight: bold;

font-size: 0.9em;

}

#pleft .uvod2 .uv1{

width: 128px;

background: #F2A91D url('/img/uv_1.png') no-repeat;

}

#pleft .uvod2 .uv2 {

width: 125px;

background: #F2A91D url('/img/uv_2.png') no-repeat;

}

#pleft .uvod2 .uv3 {

width: 129px;

background: #F2A91D url('/img/uv_3.png') no-repeat;

}

#pleft .uvod2 .uv4 {

width: 125px;

background: #F2A91D url('/img/uv_4.png') no-repeat;

}

#pleft .uvod2 .uv5 {

width: 129px;

background: #F2A91D url('/img/uv_5.png') no-repeat;

}



/* pravy panel */

#pright{

width: 274px;

float: right;

margin: 10px 0 0 0;

color: #6a6a6a;

}

#pright.b{

width: 390px;

}

#pleft.b{

width: 570px;

margin: 10px 0 0 0;

}

#pleft.b table{

margin: 0 0 20px 0; 

width: 100%;

}

#pleft.b table td{

width: 50%;

}

#pleft.b table th{

font-weight: bold;

padding: 0 0 10px 0;

text-align: left;

}

#pleft.b form{

display: block;

height: 400px;

width: 555px;

background: #2b73a6 url('/img/form_back.png') repeat-x;

position: relative;

color: white;

line-height: 30px;

font-weight: bold;

}

#pleft.b form input, #pleft.b form textarea{

color: #6a6a6a;

font-size: 1em;

}

#pleft.b form button{

position: absolute;

bottom: 16px;

right: 18px;

background: none;

border: none;

padding: 0;

}

#pleft.b form .jmeno{

position: absolute;

top: 15px;

left: 20px;

}

#pleft.b form .jmeno input, #pleft.b form .phone input, #pleft.b form .email input{

display: block;

width: 210px;

height: 17px;

padding: 6px 10px 6px 10px;

background: white url('/img/form_1.png') no-repeat;

border: none;

}

#pleft.b form .text textarea{

display: block;

width: 494px;

height: 139px;

padding: 5px 10px 5px 10px;

background: white url('/img/form_2.png') no-repeat;

border: none;

}

#pleft.b form .otazka input{

display: inline-block;

width: 30px;

height: 17px;

padding: 6px 10px 6px 10px;

background: white url('/img/form_3.png') no-repeat;

border: none;

margin: 0 0 0 10px;

}

#pleft.b form .email{

position: absolute;

top: 80px;

left: 20px;

}



#pleft.b form .phone{

position: absolute;

top: 80px;

left: 300px;

}



#pleft.b form .text{

position: absolute;

top: 140px;

left: 20px;

}

#pleft.b form .otazka{

position: absolute;

bottom: 20px;

left: 20px;

}

#pright.b h2, #pleft.b h2{

padding: 0 0 0px 0px;

color: #20557c;

font-weight: bold;

font-size: 1.6em;

text-transform: uppercase;

line-height: 50px;

font-family: calibri, "Trebuchet MS";

}

#pleft.b h2{

padding: 0 0 0px 15px;

}

#pright .aktuality{

width: 274px;

height: 198px;

background: url('/img/aktuality.png');

}

#pright .aktuality h2{

font-family: calibri, "Trebuchet MS";

padding: 10px 0px 19px 30px;

line-height: 50px;

color: #20557c;

font-size: 1.3em;

font-weight: normal;

text-transform: uppercase;

}

#pright .aktuality p{

padding: 0px 10px 32px 65px;

margin: 0;

line-height: 15px;

height: 30px;

overflow: hidden;

}

#pright .aktuality p a{

color: #5c5c5c;

font-weight: bold;

text-decoration: underline;

}

#pright .aktuality p a:hover{

color: #20557c;

}

#pright .kontakt{

width: 274px;

height: 0px;

background: url('/img/kontakt1.png') no-repeat;

padding: 0 0 222px 0;

}

#pright .kontakt h2{

font-family: calibri, "Trebuchet MS";

padding: 10px 0px 0px 30px;

line-height: 50px;

color: #20557c;
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
}

#pright .kontakt p {
	padding: 0px 0px 10px 30px;
	margin: 0;
	line-height: 20px;
	overflow: hidden;
}

#pright .kontakt p a{
	color: #6a6a6a;
}

#pright .kontakt p a:hover{
	text-decoration: none;
}

#pright .podpora {
	font-family: calibri, "Trebuchet MS";
	width: 274px;
	height: 121px;
	background: url('/img/podpora.png') no-repeat;
	color: white;
	text-transform: uppercase;
}

#pright .podpora h2 {
	line-height: 50px;
	padding: 10px 0 0 15px;
	font-size: 1.2em;
}

#pright .podpora p {
	font-size: 1.1em;
	padding: 0 0 0 15px;
	line-height: 1.1em;
}

#pright .podpora strong {
color: #ee940d;
font-weight: bold;
}

.stroj {
	background: url('/img/stroj1.jpg') no-repeat;
	width: 241px;
	height: 222px;
	position: absolute;
	right: 0px;
	bottom: 108px;
}

/* podstranka */
#podstr1 {
	width: 969px;
	height: 112px;
	background: url('/img/podstranka1.jpg');
}

#podstr1.b {
	background: url('/img/podstranka2.jpg');
}

#podstr1.c {
	background: url('/img/podstranka3.jpg');
}

#podstr1.d {
	background: url('/img/podstranka4.jpg');
}

#podstr1.e {
	background: url('/img/podstranka5.jpg');
}

#podstr1.f {
	background: url('/img/podstranka6.jpg');
}

#podstr1.g {
	background: url('/img/podstranka7.jpg');
}

#pata {
	width: 929px;
	/* height: 55px;  */
	line-height: 28px;
	padding: 53px 20px 0 20px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0px;
	background:  url('/img/pata.png') center top no-repeat;
	color: #6a6a6a;
}

#pata a {
	color: #6a6a6a;
	text-decoration: underline;
}

#pata a:hover {
	text-decoration: none;
}

#pata .left {
	float: left;
}

#pata .right {
	float: right;
}

.machinemargin {
	margin-top: 100px;
}

.machinemargins {
	margin-top: 50px;
}

.machinemarginkancelare {
	margin-top: 310px;
}

.machinemargindomacnosti {
	margin-top: 300px;
}

.machinemarginuvod {
	margin-top: 700px;
}

.machinemargincenik {
	margin-top: 310px;
}

.machinemargintechnologie {
	margin-top: 50px;
}

.machinemargingeneralni {
	margin-top: 300px;
}

.machinemarginspecial {
	margin-top: 350px;
}

.machinemarginnabytek {
	margin-top: 510px;
}

.machinemarginpomoc {
	margin-top: 0px;
}

.centerdiv {
	text-align: center;
	width: 100%;
	margin: auto
}

.duvody {
background-repeat: no-repeat; background-image: url('/images/top5.png'); height: 280px; margin-top: 30px; padding-top:30px; padding-left: 20px; line-height: 140%
}
.duvody a {
    color: #606060;
}

.strankovani {
	margin-top: 50px;
}
.strankovani strong,
.strankovani a {
	margin-left: 5px;
}

.partner {
	margin-top: 30px;
}

.partner img, .partner-detail img {
	float:left; 
	padding-right: 15px; 
}

.partner-detail img {
	max-height: 100px;
	padding-bottom: 20px;
}

.partner p, .partner-detail p {
	margin: 0px !important;
	clear: none !important;
}

.guestbook {
	background: url('/images/guestbook_background.png') no-repeat; 
	padding: 4px 10px !important; 
	width: 535px;
}