/* Základní tagy */
body					{color: #494949; background: #eee; font-size: 70%; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; text-align: center;}
h1					{font-weight: bold; font-size: 125%; margin: 0 0 10px 0; color: #9f2c20; background: url(../images/h2.gif) no-repeat; padding: 20px 0 10px 45px; position: relative;}
h2					{font-size: 120%; margin: 20px 0 5px 0; color: #414c92; background: url(../images/h3.gif) no-repeat; padding: 3px 0 3px 18px; position: relative;}
h3					{color: #9f2c20; font-size: 100%; margin: 10px 0 0 0;}
h4					{color: #9f2c20; font-size: 100%; margin: 10px 0 0 0;}
p					{margin: 10px 0;}
ul					{list-style-type: none; line-height: 1.3em; margin: 0 0 0 25px; padding: 0;}
li					{background: url(../images/sipka.gif) 0 5px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px;}
fieldset li				{background: transparent; margin: 0; padding: 0;}
form					{margin: 0; padding: 0;}
fieldset				{margin-bottom: 15px;}
input, select, textarea, table		{font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
table					{border-collapse: collapse;}
td					{vertical-align: top;}
img, a img				{border: 0;}
a					{color: #ca3222; outline: none;}
a:hover					{color: #1e2869;}
.separator 				{clear: both;}

/* Inputy, submity a labely */
input.submit				{}
input, select, textarea			{color: #5f7f9d;}
input.noback				{border: 0; background: transparent;}

/* Obal stránky */
#pagepevna				{width: 1000px; margin: 1px auto 0 auto; text-align: left; position: relative; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background: #fff;}

/* Hlavička */
#hlavicka				{height: 139px; background: url(../images/bghead.gif) repeat-x;}
#hlavicka_text				{color: #1e2869; margin: 0; position: absolute; right: 20px; top: 55px; background: transparent; font-size: 100%; margin: 0; padding: 3px 0 3px 18px;}
#demo					{width: 383px; height: 39px; overflow: hidden; position: absolute; right: 15px; top: 84px; z-index: 1; margin: 0; text-align: center; opacity: .8; filter: alpha(opacity=80);}
#demo span				{width: 383px; height: 39px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/demo-wg.gif) no-repeat; display: block; cursor: pointer;}
#demo:hover                             {opacity: 1; filter: alpha(opacity=100);}

/* Odkazy na weby */
#weby					{height: 20px; list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; top: 3px;}
#weby li				{margin: 0 1px 0 0; padding: 0; float: left;}
#weby a					{color: #fff; font-weight: bold; font-size: 90%; background: url(../images/bgtab.gif) repeat-x #bd2a32; text-decoration: none; display: block; padding: 3px 26px 6px 26px;}
#weby a:hover, #weby #active a		{color: #fff; background: url(../images/bgtab2.gif) repeat-x #8e171e;}

/* Odkazy na weby */
#weby					{height: 20px; list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; top: 3px;}
#weby li				{margin: 0 1px 0 0; padding: 0; float: left;}
#weby a					{color: #494949; font-weight: bold; font-size: 90%; background: url(../images/bgtab.gif) repeat-x #c1c1c1; text-decoration: none; display: block; padding: 3px 26px 6px 26px;}
#weby a:hover, #weby #active a		{color: #fff; background: #bd2a32;}

/* Odkazy */
#odkazy					{list-style-type: none; margin: 0; padding: 0; position: absolute; right: 10px; top: 8px;}
#odkazy li				{margin: 0; padding: 0 10px 0 32px; border-right: 1px #414c92 solid; float: left;}
#odkazy #odk1				{background: url(../images/home.gif) 12px 50% no-repeat;}
#odkazy #odk2				{background: url(../images/email.gif) 12px 50% no-repeat;}
#odkazy #odk3				{background: url(../images/icon_mapa.gif) 12px 50% no-repeat;}
#odkazy #odk4				{background: url(../images/cz.gif) 12px 50% no-repeat; border: 0;}
#odkazy #odk5				{background: url(../images/sk.gif) 12px 50% no-repeat; border: 0;}
#odkazy a				{color: #414c92; font-size: 90%; text-decoration: none;}
#odkazy a:hover				{color: #ca3222; text-decoration: underline;}

/* Logo */
#logo					{width: 261px; height: 59px; font-size: 130%; overflow: hidden; position: absolute; left: 29px; top: 53px; z-index: 1; margin: 0;}
#logo span				{width: 261px; height: 59px; font-size: 130%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/logo.gif) no-repeat; display: block; cursor: pointer;}
#logo a					{font-weight: bold; text-decoration: none; margin: 20px 0 0 0; display: block;}

/* Menu */
#menu					{height: 42px; background: url(../images/bgmenu.gif) repeat-x #9f2c20; margin-bottom: 1px;}
#menu a					{color: #fff; font-weight: bold; font-size: 110%; text-decoration: none; display: block; padding: 14px 23px;}
.jsmenu_top				{color: #fff; font-size: 12px; text-decoration: none; text-align: center; font-weight: bold; font-family: Verdana;}
.jsmenu_tophover			{color: #fff; font-size: 12px; text-decoration: none; text-align: center; font-weight: bold; font-family: Verdana;}
.jsmenu_sub				{color: #494949; font-size: 11px; text-decoration: none; text-align: left; font-family: Verdana;}
.jsmenu_subhover			{color: #fff; font-size: 11px; text-decoration: none; text-align: left; font-family: Verdana;}
.jsmenu_subborder			{border: 1px #9f2c20 solid;}
.jsmenu_oddel				{font-family: Verdana;}


ul#level1{
  list-style: none;
  line-height:auto;
  
  margin:0px;
  padding:0px;
  
}

ul#level1 li{
  margin:0px;
  padding:0px;
  background:url(../images/dot.gif) repeat-y;
  background-position:0% 0%;
  float:left;
  height:42px;
  /*
  margin-left:23px;
    */
}

ul#level1 li a{
  margin:0px;
  /*
  padding:14px 34px;
  */
  color:#FFFFFF;
  display:block;
  font-size:105%;
  font-weight:bold;
  text-decoration:none;
  padding-left:34px;
  padding-right:34px;
  
}

ul#level1 li.first a{
  padding-left:40px;
  padding-right:39px;
  
  &padding-left:36px;
  &padding-left:36px;
  
}

ul#level1 li.top a:hover{
  background:url(../images/bgmenu2.gif) repeat-x;
}

ul#level1 li.top a:active{
  background:url(../images/bgmenu2.gif) repeat-x;
}




/* Strana a sloupce */
#levy					{width: 250px; float: left;}
#levy .label				{color: #ca3222; font-size: 120%; margin: 0; padding: 17px 0 17px 70px; text-align: left; font-weight: bold;}
#levy .obsah				{background: #f6f6f6; padding: 10px;}
#stredovy				{background: url(../images/bgobsah.gif) repeat-x; padding: 20px 10px 15px 270px;}
#stredovy .obsah			{width: 98%; margin: 0; font-size: 115%;}
#stredovy hr				{color: #19106d; height: 1px; margin: 5px 0;}

/* Aktuality */
#aktuality				{position: relative;}
#aktuality .obsah                       {width: 700px;}
#aktuality .label			{color: #414c92; background: url(../images/h3_aktuality.gif) no-repeat; margin: 20px 0 0 0; padding: 28px 0 0 77px; font-weight: bold; font-size: 100%;}
#aktuality h4				{font-size: 90%; margin: 5px 0 0 15px;}
#aktuality .label a			{width: 166px; height: 32px; overflow: hidden; position: relative; z-index: 1; padding-left: 10px; display: block; left: 438px; top: -25px;}
#aktuality .label span			{width: 166px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/dalsi.gif) no-repeat; display: block; cursor: pointer;}
#aktuality p				{margin: 5px 0 0 15px; font-size: 90%;}
#aktuality .odkaz			{background: url(../images/bgodkaz.gif) 0 100% repeat-x; margin-right: 15px;}

/* Nahodna ukazka */
#ukazka .label				{background: url(../images/nadp_ukazka.gif) no-repeat #c0c0c0;}
#ukazka .obsah				{text-align: center; position: relative;}
#ukazka img				{border: 2px #ccc solid; width: 150px; height: 108px;}
#ukazka #odk				{width: 200px; height: 32px; overflow: hidden; position: relative; z-index: 1; display: block; margin: 10px auto 0 auto;}
#ukazka #odk span			{width: 200px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/web.gif) no-repeat; display: block; cursor: pointer;}

/* Infobox */
#infobox .label				{background: url(../images/nadp_info.gif) no-repeat #c0c0c0;}
#infobox ul				{list-style-type: none; line-height: 1.3em; margin: 0 5px 0 10px; padding: 0;}
#infobox li				{background: url(../images/sipka.gif) 0 5px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px;}

/* Callback */
#callback .label			{background: url(../images/nadp_callback.gif) no-repeat #c0c0c0;}
#callback .obsah p			{width: 230px; height: 110px; color: #fff; background: url(../images/callback.jpg) no-repeat; font-weight: bold; font-size: 120%; margin: 0; text-align: right;}
#callback a				{color: #fff; display: block; padding: 38px 16px 0 0; text-decoration: none;}
#callback a:hover			{text-decoration: underline;}
.callback_form				{width: 110px; border: 1px solid #bcbcbc;}
.callback_form_cas			{width: 110px; border: 1px solid #bcbcbc;}
.callback_odeslano			{color: #1111ff;}
.callback_chyba, .demoverze_chyba	{color: #ff0909;}
.callback_submit			{margin: 10px 0px 0px 125px;}

/* Aktualni verze */
#verze .label				{background: url(../images/nadp_verze.gif) no-repeat #c0c0c0;}
#verze p				{width: 230px; height: 110px; color: #fff; background: url(../images/verze.jpg) no-repeat; font-weight: bold; font-size: 120%; margin: 0;}
#verze a				{color: #fff; display: block; padding: 22px 0 0 28px; text-decoration: none;}
#verze a:hover				{text-decoration: underline;}

/* Doporucujeme */
#doporucujeme .label			{background: url(../images/nadp_doporuc.gif) no-repeat #c0c0c0;}
#doporucujeme .obsah			{text-align: center;}
#doporucujeme p				{margin: 10px 0 25px 0;}
#doporucujeme img			{border: 0; margin: 3px 0;}
#doporucujeme hr			{color: #ccc; background: #ccc; border: 0; height: 1px; margin: 20px 0;}
#obsah					{background: url(../images/bgobsah.gif) repeat-x; padding: 20px 10px 15px 270px;}
#obsah ul				{list-style-type: none; line-height: 1.3em; margin: 0 0 0 25px; padding: 0; position: relative;}
#obsah li				{background: url(../images/sipka2.gif) 0 5px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px;}
#obsah_obj				{background: url(../images/bgobsah.gif) repeat-x; padding: 30px 25px 15px 25px;}
#obsah strong, #obsah_obj strong	{color: #1e2869;}
#obsah a strong				{color: #ca3222;}
#obsah a:active strong,
#obsah a:hover strong			{color: #1e2869;}

/* Patička */
#paticka				{width: 1000px; height: 48px; color: #808080; background: url(../images/bgfoot.gif) 100% 0 no-repeat #c1c1c1; border-left: 2px solid #ccc; border-right: 2px solid #ccc; font-weight: bold; font-size: 90%; margin: auto; text-align: right; margin-top: -10px;}
#paticka p				{margin: 0; padding: 20px 27px 0 0;}

/* Hlášky*/
.potvrzeni				{margin: 10px 0 0 0;}
.chyba					{color: #ff0000; font-weight: bold; margin: 10px 0 0 0;}
.pozn					{font-style: italic; margin: 10px 0 0 0;}

/* Tabulky */
table					{margin: 10px 0;}
.top					{vertical-align: top;}
.tab					{background: #f9f9f9; border: 1px #ccc solid; border-collapse: collapse;}
.tab th					{color: #fff; background: url(../images/bgmenu.gif) repeat-x #9f2c20; padding: 8px 3px 5px 3px; text-align: left;}
.tab td					{
  border: 1px #ccc solid; 
  padding: 3px;
  vertical-align:middle;
  text-align:center;
}
.tab input, .tab select			{border: 1px #19106d solid; background: #fff;}
.tab .submit				{color: #fff; background: #bd3939; border: 1px #19106d solid;}
.tab .noback				{border: 0; background: transparent;}

/*stejna sirka sloupcu u ceniku v tabulce*/
th.sirka{
      width:113px !important;
      text-align:center;
}
.tab td.levo{
  text-align:left;
}
.tab tr td img{ 
  display:block;
  margin: 0 auto;
  vertical-align: middle;  
}

/* Objednavka */
.obj_kroky                  {background: url(../images/krok_bg.gif) repeat-y; margin: 10px 0; padding: 3px 10px; display: block; float: left;}
#regform fieldset           {padding: 5px 15px 10px 15px;}
#regform fieldset label     {cursor: pointer;}
#regform fieldset label:hover   {color: #1e2869;}
#regform fieldset .nadpis   {float: left; margin: 2px 5px 20px 0; display: block;}
#obj_tlacitka               {clear: both;}
#obj_tlacitka input         {cursor: pointer; border: 0;}
#obj_tlacitka .zpet         {width: 120px; height: 35px; background: url(../images/tlac_zpet.gif) no-repeat; display: block; float: left;}
#obj_tlacitka .vpred        {width: 128px; height: 35px; background: url(../images/tlac_vpred.gif) no-repeat; display: block; float: left;}
#obj_krok1                  {width: 450px; float: left; margin-right: 20px;}
#obj_krok1 .pridat_domenu   {width: 170px; height: 35px; background: url(../images/tlac_pridat_domenu.png) no-repeat; display: block; cursor: pointer; border: 0; margin: 0 auto;}
#obj_krok1 .ulozit          {width: 128px; height: 35px; background: url(../images/tlac_ulozit.png) no-repeat; display: block; cursor: pointer; border: 0; margin: 0 auto;}
#domeny                     {border: solid 1px #1e2869;}
#domeny legend              {font-weight: bold; color: #1e2869;}
#domeny .krok1              {width: 410px;}
.obsah .green_text          {color: #00853E; font-weight: bold}


/* Ostatní (SPANy) atd. */
.odkaz					{height: 20px; text-align: right; margin-right: 5px;}
.odkaz a				{background: url(../images/sipka.gif) 0 4px no-repeat; display: block; float: right; padding: 0 0 0 10px;}
.odkaz2					{height: 20px; text-align: right; background: url(../images/bgodkaz.gif) 0 100% repeat-x; margin-right: 5px;}
.odkaz2 a				{background: url(../images/sipka.gif) 0 4px no-repeat; display: block; float: right; padding: 0 0 0 10px;}
.nazev_akce				{color: #19106d; font-size: 115%; font-weight: bold;}
.akce					{font-weight: bold; font-size: 125%; color: #9f2c20; position: relative;}
.carka					{display: none;}
.submit					{width: 240px; color: #fff; background: url(../images/bgsubmit.gif) 50% 50% no-repeat; font-weight: bold; border: 0; padding: 8px 0;}
.right					{text-align: right;}
.stred					{text-align: center;}
.cleaner				{clear: both; margin: 0;}
#mapa					{float: right;}

/* Reference */
.reference td				{width: 30%; padding: 0 10px; text-align: center;}
.reference a				{display: block; margin-bottom: 10px;}
.reference img				{border: 2px #ccc solid; margin-top: 10px;}
.reference .popis			{text-align: left;}
.reference2 td				{width: 30%; padding: 0 10px;}
.reference2 img				{border: 2px #ccc solid; margin: 10px 0;}
.reference2 .odk			{background: url(../images/sipka2.gif) 0 3px no-repeat; display: block; margin-bottom: 2px; padding: 0 0 0 10px;}
.reference3 td				{padding: 0 10px; text-align: left; vertical-align: top;}
.reference3 img				{border: 2px #ccc solid; margin: 10px 0;}
.reference3 td.popisek			{padding-top: 10px;}

/* formulare callback, demoverze, faq*/
table.form				{width: 530px; background: #f7f7fb; padding: 3px 0 3px 0; border: 1px dashed #e3e3f2;}
table.form td				{padding: 6px 0 6px 10px; vertical-align: bottom; margin: 2px 2px 2px 2px; border-bottom: 1px solid #dddfee;}
table.form td.aligntop			{vertical-align: top;}
table.form tr				{border-bottom: 1px solid #dddfee; padding: 0px; margin: 0px;}
table.form tr.last			{border-bottom: 0;}
table.form td.last			{border-bottom: 0;}
table.form strong			{color: #1e2869;}
table.form tr.demoverze_url		{border-bottom: 0 solid #dddfee; padding-bottom: 0; margin-bottom: 0;}
table.form tr.demoverze_url td		{border-bottom: 0 solid #dddfee; padding-bottom: 0; margin-bottom: 0;}
table.form tr.demoverze_last td		{border: 0; vertical-align: top; text-align: center; padding: 0 0 5px 0; margin: 0;}
table.form tr.spamcode_code		{border-bottom: 0px solid #dddfee; padding-bottom: 0; margin-bottom: 0px;}
table.form tr.spamcode_code td		{border-bottom: 0px solid #dddfee; padding: 5px 0 0 10px; margin: 0px;}
table.form tr.spamcode_poznamka		{border: 0; vertical-align: top; text-align: left; padding: 0 0 5px 0; margin: 0;}
table.form tr.callback_pozn td		{border: 0; color: #1e2869; vertical-align: top; text-align: left;}
.news  					{font-size: 120%; font-weight: bold; background: #f6f6f6; border: 1px #c0c0c0 solid; padding: 20px; text-align: justify; margin: 2em 0;}
.news strong                   	 	{color: red;}

address                                 {font-style: normal;}
#kontakty p.kontakt, #kontakty address {text-indent: 0;margin: 0 0 1.4em 55px;}
#kontakty p 				{text-indent: 55px;margin: 0 0 0 0;}
#kontakty img 				{float: right;margin: 0 55px 0 0;}

#akce                                   {text-align: center;}

/* zelena linka */
div.greenline  {
background: url('../images/greenline.gif') 0% 0% no-repeat;
float: right;
width: 351px;
height: 126px;
}

div.greenline span {
float:right;
width: 170px;
margin: 9px 15px;
font-size: 11px;
}

.akcelink {
display: block;
width: 500px;
height: 273px;
background: url('http://www.itstudio.cz/images/akce/wgakce.jpg') 0% 0% no-repeat;
text-indent: -9999px;
margin: 10px auto;
 }

 .akcelink:hover {
background: url('http://www.itstudio.cz/images/akce/wgakce_on.jpg') 0% 0% no-repeat;

 }

 .akcelinksk {
display: block;
width: 500px;
height: 273px;
background: url('http://www.itstudio.cz/images/akce/wgakce-sk.jpg') 0% 0% no-repeat;
text-indent: -9999px;
margin: 10px auto;
 }

 .akcelinksk:hover {
background: url('http://www.itstudio.cz/images/akce/wgakce-sk_on.jpg') 0% 0% no-repeat;

 }



#facebook  {width: 196px; height: 43px; background: url('../images/facebook.jpg') 0% 0% no-repeat; display: block; text-indent: -9999px; margin-left: 16px; margin-bottom: 4px;}
#twitter  {width: 198px; height: 49px; background: url('../images/twitter.jpg') 0% 0% no-repeat; display: block; text-indent: -9999px; margin-left: 16px;}
#googleplus  {width: 198px; height: 44px; background: url('../images/gplus.png') center center no-repeat; display: block; text-indent: -9999px; margin-left: 16px; margin-top: 5px; margin-bottom: 2px;}

/* Produktová Akce */
.obsah .darek {
    float: left;
    width: 690px;
}
.obsah .darek strong {
    padding-bottom: 18px;
    display: block;
    padding-right: 60px;
}
.obsah .darek img {
    float: left;
    margin: 12px 12px 12px 0;
    max-width: 200px;
}
.obsah .small {
    font-size: 10px;
    color: gray;
    padding: 12px 0;
    float: left;
    width: 390px;
}