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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}

body { background: #5B5E64 url(../img/pagebg.jpg) repeat-x; padding: 49px 0 0 0; text-align: center; color: #BFC4CC; font-family: Arial, helvetica; font-size: .70em; }

div.preloadimages { display: none; }
div.preloadimages img { display: none; }

/* vseobecne */
a { color: #EC4700; text-decoration: none; }
a:hover { text-decoration: underline; }
p { line-height: 1.3; }
strong { font-weight: bold; }
h2 { font-size: 1.5em; color: #FFF; font-weight: bold; padding: 0 0 8px 0; }
.page { width: 990px; margin: 0 auto; text-align: left; }
.clr { clear: both; font-size: 1px; height: 1px; line-height: 1px; }
.hidden { display: none; }
/*/ vseobecne */



/* hlavicka */
.header { position: relative; height: 214px; }
.header .links { text-align: right; padding: 21px 21px 0 0; }
.header .links span { color: #3F4247; }
.header .logo { position: absolute; top: 0; left: 19px; }
.header .o-nas { position: absolute; top: 55px; left: 299px; }
.header p { position: absolute; top: 134px; left: 381px; width: 560px; font-size: 116%; }
/*/ hlavicka */


/* reference */
.reference { text-align: center; position: relative; height: 530px; }
.arrleft { position: absolute; top: 177px; left: 3px; }
.arright { position: absolute; top: 177px; right: 1px; }
.ref-title { margin-bottom: 17px; }
.ref-blocks { width: 950px; height: 450px; background: url(../img/cuff1.png) no-repeat; margin: 0 auto; text-align: left; }
.cuff0 { background: url(../img/cuff0.png) no-repeat; }
.cuff2 { background: url(../img/cuff2.png) no-repeat; }
.cuff3 { background: url(../img/cuff3.png) no-repeat; }
.cuff4 { background: url(../img/cuff4.png) no-repeat; }

.ref-imgs-cont { overflow:hidden; width: 912px; height: 217px; position: relative; margin-left:19px; }
.ref-imgs { width: 10000px; top: 20px; position: absolute; }
.ref-img { float: left; width: 198px; height: 197px; margin-right: 40px; }
.ref-imgs .last { margin-right: 0; }
.ref-texts { padding: 42px 25px 0 40px; }
.ref-texts p { padding: 0 0 7px 0; }
.ref-texts p.popis { width: 580px; font-size: 112%; }
.ref-texts p.odkaz { font-size: 112%; width: 580px; }
.ref-texts p.sluzby { width: 580px; }
.ref-texts p span { color: #FFF; }
.ref-texts p span.odkaz { color: #EC4700; }
.ref-texts p span.odkaz span { color: #BFC4CC; }
.ref-foto { position: absolute; left: 670px; top: 323px; width: 282px; height: 200px; }
.ref-block { float: left; width: 136px; height: 88px; margin-right: 10px; margin-bottom: 4px; }
.ref-block a { display: block; width: 136px; height: 88px; padding: 5px 0 0 0; text-align: center; }
.ref-foto a:hover { background: url(../img/bg_ref_foto.jpg) no-repeat; }
.mr0 { margin-right: 0; }
.border0 img { border: 0; }
.kotvaref { position: relative; display: block; height: 10px; }
/* /reference */


/* levy blok */
.mid-left { width: 522px; float: left; padding: 33px 0 26px 0; }
.mid-left .title { padding: 0 0 13px 19px; }

div.sluzba { height: 73px; position: relative; }
div.sluzba-act { background: url(../img/sluzba_bg.jpg) no-repeat; }

div.sluzba .sluzba-ukazka { display: none; }
div.sluzba-act .sluzba-ukazka { display: block; position: absolute; left: 502px; top: 0; background: url(../img/sluzba_bg-right.jpg) no-repeat right top; height: 73px; }
.sluzba-ukazka table { height: 100%; margin: 0 25px 0 0; }
.sluzba-ukazka table td { vertical-align: middle; }
.sluzba-ukazka table td img { margin: 0 10px 0 0; }

div.sluzba h2.nazev { font-size: 1.5em; font-weight: normal; padding: 0; margin: 0; }
div.sluzba h2.nazev span { color: #FFF; text-decoration: none; display: block; padding: .5em 0 .3em 60px; background-position: 15px 6px; background-repeat: no-repeat; }
div.sluzba p.popis { color: #BFC4CC; margin: 0 40px 12px 60px; font-size: 118%; }
div.sluzba h2.nazev span span { position: absolute; top: 5px; left: 18px; width: 24px; height: 24px; margin: 0; padding: 0; }


div.sluzba h2.nazev span span.webdesign { background: url(../img/symbol_webdesign.png); }
* html div.sluzba h2.nazev span span.webdesign  {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_webdesign.png', sizingMethod='scale');
}
div.sluzba h2.nazev span span.intershop { background: url(../img/symbol_i-obchod.png); }
* html div.sluzba h2.nazev span span.intershop {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_i-obchod.png', sizingMethod='scale');
}
div.sluzba h2.nazev span span.intra { background: url(../img/symbol_intra-extra.png); }
* html div.sluzba h2.nazev span span.intra {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_intra-extra.png', sizingMethod='scale');
}
div.sluzba h2.nazev span span.redakcni { background: url(../img/symbol_redakcni-system.png); }
* html div.sluzba h2.nazev span span.redakcni {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_redakcni-system.png', sizingMethod='scale');
}
div.sluzba h2.nazev span span.reklama { background: url(../img/symbol_reklama.png); }
* html div.sluzba h2.nazev span span.reklama {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_reklama.png', sizingMethod='scale');
}
div.sluzba h2.nazev span span.sprava { background: url(../img/symbol_sprava-provoz.png); }
* html div.sluzba h2.nazev span span.sprava {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/symbol_sprava-provoz.png', sizingMethod='scale');
}

.contact { padding: 7px 0 0 57px; font-size: 1em; line-height: 1.3; position: relative; }
.contact p { padding: 0 0 15px 0; }
.conform { position: absolute; top: 980px; left: 80px; background: #212225; width: 940px; height: 320px; color: #bfc4cc; font-size: 112%; }
.conform2 { padding: 15px 10px 0 39px; }
.conform table td { vertical-align: top; padding: 0 20px 15px 0; }
.conform .aright { text-align: right; }
.conform div.tacont { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-top: 1px solid #999; border-left: 1px solid #999; padding: 3px; background: White; margin-top: 3px; }
.conform .mr15 { margin-right: 15px; }
.conform textarea { width: 640px; height: 180px; padding: 0; margin: 0; border: 0px none; background: #6f7175; color: #FFF; padding: 5px; }
.conform input.t { width: 184px; height: 27px; line-height: 26px; padding: 2px; margin: 0; border: 0px none; background: #6f7175; color: #FFF; }
.conform input.error { border: 2px solid #ff5a00; }
.conform .closeform { display: block; width: 20px; height: 20px; background: url(../img/closeform.gif) no-repeat; float: right; margin-right: 29px; }
.conform .closeform:hover { background-position: 0 -20px; }
.conform .starnote { padding-top: 8px; display: block; }
.conform .odeslat { float: right; display: block; width: 140px; height: 40px; background: url(../img/btn_odeslat.gif) no-repeat; }
.conform .odeslat:hover { background-position: 0 -40px; }

/*/ levy blok */

/* pravy blok */
.mid-right { width: 467px; float: left; padding: 33px 0 0 0; }
.clients { padding: 13px 12px 70px 27px; }
.clients img { margin-right: 28px; }
.work { padding: 20px 50px 30px 29px; font-size: 1.1em; }
.work h2 { color: #EC4700; padding: 8px 0 0 0; font-size: 1.3em; }
.work h2 a { color: #EC4700; text-decoration: none; font-weight: bold; }
.work h3 { color: white; padding: 8px 0 3px 0; font-size: 1.1em; }
.work ul li { line-height: 1.3em; }
.work div { padding: 6px 20px 0 0; }
/*/ pravy blok */


/* paticka */
.footer { height: 100px; background: url(../img/footerbg.jpg) repeat-x; position: relative; }
.footer .logos31 { position: absolute; left: 32px; top: 29px; }
.footer .copy { text-align: right; padding: 32px 37px 0 180px; }
.footer a { text-decoration: none; }
/* /paticka */