/* RESET --------------------------------------------------------------------------------------------------------- */
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.2;}
ol, ul {    list-style: none;}
blockquote, q {    quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {   content: '';    content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;  border-spacing: 0;}

/* konec reset ---------------------------------------------------------------------------------------------------- */



/* GENERAL - LAYOUT style ----------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
.clr,.clear {clear:both;}
.fright {float:right;}
.fleft {float:left;}

.picr { margin: 0px 0px 0px 15px;}



BODY { background: url('/Public/magicware/img/site-bg-pruh.jpg') repeat-x scroll left top rgb(195, 212, 217);
 text-align: center; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 1em; color: rgb(100, 120, 127); }

.page-wrapper {margin:0 auto; text-align:center; width:782px; &position:relative; }
#page {margin-top:252px; }


/* #header - HLAVICKA --------------------------------------------------------------------------------------------- */
#header {position:absolute; top:0; &left:0;  margin:0 auto; width:782px; }
  div#top1 { width: 782px; height: 67px; margin: 0pt auto; padding: 0pt; 
             background: url('/Public/magicware/img/header-top1.jpg') no-repeat scroll left top transparent; text-align: right; }

  div#top1 a { text-decoration: none; color: rgb(100, 120, 127); }
  div#top1 a:hover { text-decoration: underline; }

  div#top1-text { font-size: 0.5em; color: rgb(100, 120, 127); padding: 0pt; margin: 0pt; }
  div#top1-text .hledat { border: medium none; background-color: rgb(220, 231, 235); font-size: 1.4em; width: 110px; }
  div#top1-text .oddelovac { padding: 0pt 5px; }

  div#top2 { width: 782px; height: 147px; margin: 0pt auto; padding: 0pt; 
            background: url('/Public/magicware/img/header-top2.jpg') no-repeat scroll left top transparent; }

  div#logo a { display: block; float: left; margin: 20px 0pt 0pt 10px; width: 140px; height: 30px; }
  div#jazyky { float: right; padding: 31px 16px 0pt 40px; }

/*
  div#vyhledat { display: none; margin-top: 27px; position: relative; width: 210px; height: 20px; float: right; text-align: left;
                background: url('/Public/magicware/img/icon-lupa.jpg') no-repeat scroll 175px 0px transparent; }
  div#vyhledat a { position: absolute; display: block; top: 0px; left: 170px; width: 26px; height: 18px; }
*/

#header div#menu { width: 782px; height: 38px; margin: 0pt auto; padding: 0pt; 
           background: url('/Public/magicware/img/header-menu.jpg') no-repeat scroll left top transparent; 
            position: relative; text-align: left; clear: both; }
/* wrap - en verze */
.lang-en #header div#menu {
background:url(/Public/magicware/img/header-menu-en.png) no-repeat scroll left top transparent;}            
            
#header div#menu a { display: block; position: absolute; top: 4px; height: 18px;  font-size: 0.7em; font-weight: bold; 
           color: rgb(95, 113, 120); text-decoration: none; text-align: center; padding-top: 8px; }

#header div#menu a.menu-item1 { left: 15px;  width: 80px; }
#header div#menu a.menu-item2 { left: 109px;  width: 124px;  }
#header div#menu a.menu-item3 { left: 238px;  width: 164px;  }
#header div#menu a.menu-item4 { left: 410px;  width: 130px;  }
#header div#menu a.menu-item5 { left: 546px;  width: 106px;  }
#header div#menu a.menu-item6 { left: 660px;  width: 110px;  }

/* KONEC #header - HLAVICKA -------------------------------------------------------------------------------------- */ 

/* PATICKA - Footer -------------------------------------------------------------------------------------------- */
#bottom .copyright SPAN {text-align: right; font-size: 10px; float: right; margin: 20px 20px 0 0;}

#partneri {  text-align: center; font-size: 10px; }
#partneri .partner-link { position: relative; top: -77px; left: 0px; }
A.sdovolena { margin-left:25px; }

/* konec patcika -------------------------- */



div#page { background: url(/Public/magicware/img/page-bg-pruh.jpg) repeat-y scroll left top transparent; 
         text-align: left; font-size: 0.85em; line-height: 1.1em;  }

div#middle {   background: url(/Public/magicware/img/middle-bg-pruh.jpg) no-repeat scroll left top transparent; min-height:377px; _height:377px; }
div#bottom {  height: 80px; background: url(/Public/magicware/img/foot-bottom-bg.jpg) no-repeat scroll left top transparent; 
           font-family: Arial,Helvetica,sans-serif; text-align: left; color: rgb(64, 85, 93); font-size: 9px; }
div#middle-in { padding: 6px 9px 10px 20px; }


div#main-content { float: left; width: 505px; padding: 0pt; margin: 0pt; font-size: 0.8em; }
div#main-content P {margin: 5px 0pt 10px; padding: 0pt; }


/* SIDEBAR ----------------------------------------------------------------------------------------------- */
div#sidebar { float: right; padding: 0pt; margin: 0pt; }

div#sidebar UL.systemy {list-style-type:none;}
div#sidebar UL.systemy LI {}
div#sidebar UL.systemy LI A {width: 232px; height: 95px; display: block; outline:none; text-indent:-2000em;}

div#sidebar UL.systemy LI.li-sys-m2g A {background: url(/Public/magicware/img/bnr-magic2G.jpg) no-repeat scroll left top rgb(232, 240, 242);}
div#sidebar UL.systemy LI.li-sys-istour A {background: url(/Public/magicware/img/bnr-istour.jpg) no-repeat scroll left top rgb(232, 240, 242);}
div#sidebar UL.systemy LI.li-sys-iscontent A {background: url(/Public/magicware/img/bnr-iscontent.jpg) no-repeat scroll left top rgb(232, 240, 242);}
div#sidebar UL.systemy LI.li-sys-cesys A {background: url(/Public/magicware/img/bnr-cesys.jpg) no-repeat scroll left top rgb(232, 240, 242); height:77px;}


div#sidebar #proj-bann-box {}





/* KONEC GENERAL - LAYOUT style --------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */









/* typografy ------------------------------------------------------------------------------------------------------ */

H1, H2.likeh1 { color:#A90000; font-size:2em;font-weight:normal;
line-height:1.3;margin:15px 0 5px;padding:8px 0; background:none;}

H2 { margin: 4px 0pt 8px; padding-left: 18px;
 background: url('/Public/magicware/img/h-arr-img.jpg') no-repeat scroll 0pt 2px transparent; 
 color: rgb(169, 0, 0); font-size: 1.6em; font-weight: bold; }
 
H3 {margin:10px 0; font-size:1.3em; } 
 
A { color: rgb(74, 124, 174); font-weight: bold; text-decoration: none; }
A:hover { text-decoration: underline; }
P { text-align: justify; margin: 10px 0pt 20px; }

SMALL {font-size:9px;}

/* STRANKY ----------------------------------------------------------------------------------------------  */

/*reseni a produkty  */
DIV#main-content UL {margin:2px 0 2px 20px;padding:0;}

DIV#successStories {padding:10px 0 20px; float:left;}
DIV#successStories DIV#clanekVlevo {float:left;width:49%;}
DIV#successStories DIV#clanekVpravo {float:right;width:49%;}

#clanekVlevo UL LI {list-style-type:disc;}
#clanekVlevo UL UL LI {list-style-type:circle;}
#clanekVpravo UL LI {list-style-type:disc;}



/* magic2g ---------------------------------------------------------------------------------------- */
.mwramecek
{margin: 0 10px 0 10px;
padding: 10px 5px 10px 10px;
background-color: #801010;
color:#E0E0E0; width:200px;
text-align:center;float:right;}

.mwramecek h3,  .mwramecek h4
{  color:#E0E0E0;  font-size: larger;  font-weight:bold; margin:12px 0;}
.mwramecek h4
{  font-size: 14px;  margin: 12px 0 10px 0;  padding: 0;}
.mwramecek ol, .mwramecek ul
{ margin: 0;  padding: 0; text-align:left;}
.mwramecek ol li, .mwramecek ul li
{ margin: 0; padding: 0; list-style-type:disc; }
.mwramecek p
{ text-align:left;}
.mwramecek a
{  color:#E0E0E0; text-decoration: underline;}
.mwramecek a:hover
{ text-decoration: none;}


.sluzby {margin:30px 0 5px;}
.sluzby P {text-align:left;}
.sluzby UL LI {list-style-type:disc;}


.menu-box { background:url(/Public/magicware/img/mw-magic2g-pruh.jpeg) repeat-x scroll left top transparent;
left:-10px; margin:0; padding:0; position:relative; }

.menu-box h1 {margin:0; padding:22px 0 23px 15px; }

ul.zalozky {
clear:both; height:28px; left:-16px; list-style:none outside none;
margin:20px 0 0; padding:0 0 1px; position:relative; text-align:left; width:496px;}

.zalozky LI {
display:inline; float:left;
list-style:none outside none; margin:0 0 0 1px; padding:0;
text-align:center;width:121px;}
.zalozky LI.active A {color:#A90101;background:url(/Public/magicware/img/mw-tab2.jpeg) no-repeat scroll left top transparent;}

.zalozky A {
background:url("/Public/magicware/img/mw-tab1.jpeg") no-repeat scroll left top transparent;
color:#3E545F; display:block; font-weight:normal;  height:28px; text-decoration:none; width:121px;}
.zalozky A SPAN  {display:block; padding:8px 0 0;}


/* magic2g ---------------------------------------------------------------------------------------- */



/* CLANKY ----------------------------------------------------------------------------------------- */
.clanek-obsah a:hover {text-decoration: none;}

.clanek-odkaz a,
.clanek-odkaz a:visited,
.clanek-odkaz a:hover
{     font-size: 1.2em;     color: #a90000;}

.clanek-datum {float:left; font-size:0.8em; padding:10px 0 0; }

.clanek-odkaz { float:right; margin:10px 0 0;
text-align:left; width:90%; }

.clanek-anotace {
float:left; margin:0 0 10px;
width:100%; padding:0;}

#main-content #content-in {}
.clanek-obsah {clear:both;}

/* konec clanky ------------------------------------------------------------------------------------- */

/* Stranka reference - clanky  */

.BoxReference{padding:5px 0px 5px 0px; }
.BoxReference .Nahled{float:right; margin:-20px 0px 0px 15px; width:220px;height:100%;}
.BoxReference .Text{height:100%;}
.BoxReference .Text .Nadpis{font-size:12px;font-weight:bold;color:#A90000;}
.BoxReference .Text p{text-align:left;}
.BoxReference .Nahled img{width:200px;height:150px;border:1px solid #CCCCCC;}
.BoxReference .End{clear:both;}
.next_reference{position:relative;   top:205px;}

/* konec Stranka reference - clanky  */



/* EN STRANKY */
.PanelRefernece .loga1 {float:left;text-align:center;width:225px;}
.PanelRefernece .loga2 {float:right; text-align:center;width:225px;}
.PanelRefernece .loga1 img, 
.PanelRefernece .loga2 img {padding:20px 0;}


/* ================== kontakty ================= */
.parking {background:url(/Public/magicware/img/parkovani.png) no-repeat; text-align:center;
             padding-left:60px; margin-top:51px; min-height:68px; _height:68px; }
  .parking P {}
  .parking A {text-align:center;}
  IMG.parking-mapa {display:block;}