body					{color: #494949; background: #eee; font-size: 70%; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; text-align: center;}
h1, #uvod				{font-weight: bold; font-size: 125%; margin: 0 0 10px 0; color: #1e2869; background: url(../images/h1.gif) no-repeat; padding: 20px 0 10px 45px; position: relative;}
h2					{font-size: 120%; margin: 20px 0 5px 0; color: #ca3222; background: url(../images/h2.gif) no-repeat; padding: 3px 0 3px 18px; position: relative;}
h2 span					{font-weight: normal;}
h3					{font-size: 110%;}
strong.h4			{ display: block;}
p					{margin: 10px 0; position: relative;}
table					{font-size: 100%; border-collapse: collapse;}
td					{vertical-align: top;}
fieldset				{margin-bottom: 15px;}
input, select, textarea			{font-size: 100%; color: #5f7f9d; font-family: Verdana, Arial, sans-serif;}
a, a:visited				{color: #ca3222; outline: none;}
a:active, a:hover			{color: #1e2869;}
img, a img				{vertical-align: middle; border: 0;}
hr					{display: none;}
#strana					{width: 1000px; margin: 1px auto 0 auto; text-align: left; position: relative; border-left: 2px solid #ccc; border-right: 2px solid #ccc; background: #fff;}
.floatl                                 {float: left;}
.floatr                                 {float: right;}
.clr                                    {clear: both; float: none;}

/* Hlavicka */
#hlavicka				{height: 139px; background: url(../images/bghead.gif) repeat-x;}
#hlavicka_text				{font-size: 100%; color: #1e2869; margin: 0; position: absolute; right: 20px; top: 55px; background: transparent; padding: 0;}
#demo					{width: 303px; 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: 303px; height: 39px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/demo-es.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: #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: #434e93;}
#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/cz.gif) 12px 50% no-repeat; border: 0;}
#odkazy #odk4				{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					{width: 261px; height: 61px; font-size: 130%; overflow: hidden; position: absolute; left: 31px; top: 52px; z-index: 1; margin: 0; padding: 0;}
#logo span				{width: 261px; height: 61px; 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					{color: #fff;}

/* Menu */
#menu					{height: 42px; background: url(../images/bgmenu.gif) repeat-x #0d1445; list-style-type: none; margin: 0 0 1px 0; padding: 0;}
#menu li				{border-left: 1px #414c92 solid; margin: 0; padding: 0; float: left;}
#menu a					{color: #fff; font-weight: bold; font-size: 105%; text-decoration: none; display: block; padding: 14px 30px;}
#menu a:hover, #menu .active a		{color: #fff !important; background: url(../images/bgmenu2.gif) repeat-x #ca3222;}
#menu #first				{border: 0;}

/* Levy sloupec */
#sloupec				{width: 250px; float: left;}
#sloupec .label				{color: #414c92; font-size: 120%; margin: 0; padding: 17px 0 17px 70px; font-weight: bold;}
#sloupec .obsah				{background: #f6f6f6; padding: 10px;}

/* Varianty shopu */
#varianty_left .label			{background: url(../images/nadp_varianty.gif) no-repeat #c0c0c0;text-align: left;}
#varianty_left .obsah			{position: relative; margin: 0; padding-left: 35px;}
#varianty_left ul                       {margin: 0; padding: 0; list-style: none;}
#varianty_left li			{margin: 0; padding: 0 0 0 21px; list-style: none; background: url(../images/arrow.gif) no-repeat 2px 6px;}
#varianty_left li:hover,
#varianty_left li.active		{background: url(../images/arrow.gif) no-repeat 5px 6px;}
#varianty_left a			{display: block; font-size: 110%; padding: 4px 0 5px 0; background: url(../images/dot.gif) repeat-x scroll 0 100%; font-weight: bold;}
#varianty_left .active a		{color: #1e2869;}

/* Nahodna ukazka */
#ukazka .label				{background: url(../images/nadp_ukazka.gif) no-repeat #c0c0c0;}
#ukazka .obsah				{text-align: center; position: relative;}
#ukazka p				{margin: 0;}
#ukazka img				{margin: 0 auto;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/shop.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/sipka2.gif) 0 5px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px;}

/* TOP */
#topshop .label				{background: url(../images/nadp_top.gif) no-repeat #c0c0c0;}
#topshop ul				{list-style-type: decimal; font-size: 110%; margin: 0 5px 0 36px; padding: 0;}
#topshop li				{color: #414c92; background: url(../images/dot.gif) 0 100% repeat-x; font-weight: bold; margin: 0; padding: 3px 0 5px 0;}
#topshop li a				{font-weight: normal; margin-left: 10px;}

/* Aktualni verze */
#verze .label				{background: url(../images/nadp_verze.gif) no-repeat #c0c0c0;}
#verze .obsah 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;}

/* Novinky */
#news h3				{background: url(../images/nadp_news.gif) no-repeat #c0c0c0;}
#news form				{margin: 5px 10px;}
#news input				{width: 150px; vertical-align: middle;}
#news .submit				{width: 48px; height: 32px; background: url(../images/pixtransp.gif); margin-left: 5px;}

/* FAQ */
.faq_form				{width: 200px; border: 1px solid #bcbcbc;}
.faq_odeslano				{color: #1111ff;}
.faq_chyba				{color: #ff0909;}
.faq_submit				{margin: 10px 0 0 225px;}

/* 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 14px 0 0; text-decoration: none;}
#callback a:hover			{text-decoration: underline;}
.callback_form				{width: 110px; border: 1px solid #bcbcbc;}

/* border:1px solid #bcbcbc;

*/
.callback_form_cas			{width: 110px; border: 1px solid #bcbcbc;}

/* border:1px solid #bcbcbc;

*/
.callback_odeslano			{color: #1111ff;}
.callback_chyba				{color: #ff0909;}
.callback_submit			{margin: 10px 0 0 125px;}

/* Doporucujeme */
#doporucujeme .label			{background: url(../images/nadp_doporuc.gif) no-repeat #c0c0c0;}
#doporucujeme .obsah			{text-align: center;}
#doporucujeme .obsah 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; display: block;}
/*
#obsah					{background: url(../images/bgobsah.gif) repeat-x; padding: 20px 10px 15px 270px;}
*/

#obsah					{background: url(../images/bgobsah.gif) repeat-x; padding: 20px 10px 15px 270px; font-size: 115%;}

#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;}

/* Nejnoveji realizovano */
#nejnoveji				{position: relative;}
#nejnoveji .label			{color: #414c92; font-size: 120%; background: url(../images/h3_ref.gif) no-repeat; margin: 20px 0 0 0; padding: 28px 0 0 77px; font-weight: bold;}
#nejnoveji .label a			{width: 166px; height: 32px; overflow: hidden; position: relative; z-index: 1; padding-left: 10px; display: block; left: 460px; top: -25px;}
#nejnoveji .label span			{width: 166px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/reference.gif) no-repeat; display: block; cursor: pointer;}
#nejnoveji p				{margin: 0 0 0 15px;}

/* Aktuality */
#aktuality				{position: relative;}
#aktuality .label			{color: #414c92; font-size: 120%; background: url(../images/h3_aktuality.gif) no-repeat; margin: 20px 0 0 0; padding: 28px 0 0 77px; font-weight: bold;}
#aktuality h4,
#aktuality strong.h4				{font-size: 100%; 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: 460px; 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;}
#aktuality .odkaz			{background: url(../images/bgodkaz.gif) 0 100% repeat-x; margin-right: 15px;}

/* Pripadove studie */
#pripadovestudie                        {position: relative;}
#pripadovestudie .label			{color: #414c92; font-size: 120%; background: url(../images/h3_studie.png) no-repeat; margin: 20px 0 0 0; padding: 28px 0 0 77px; font-weight: bold;}
#pripadovestudie h4,
#pripadovestudie strong.h4			{font-size: 100%; margin: 5px 0 0 15px;}
#pripadovestudie .label a		{width: 207px; height: 32px; overflow: hidden; position: relative; z-index: 1; padding-left: 10px; display: block; left: 424px; top: -25px;}
#pripadovestudie .label span		{width: 207px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/btn_dalsi_studie.png) no-repeat; display: block; cursor: pointer;}
#pripadovestudie p			{margin: 5px 0 0 15px;}
#pripadovestudie .odkaz			{background: url(../images/bgodkaz.gif) 0 100% repeat-x; margin-right: 15px;}

/* Volna mista */
#mista					{position: relative;}
#mista h3				{color: #414c92; font-size: 120%; background: url(../images/h3_mista.gif) no-repeat; margin: 20px 0 0 0; padding: 28px 0 0 77px;}
#mista h3 a				{width: 166px; height: 32px; overflow: hidden; position: relative; z-index: 1; padding-left: 10px; display: block; left: 460px; top: -25px;}
#mista h3 span				{width: 166px; height: 32px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/vice.gif) no-repeat; display: block; cursor: pointer;}
#mista p				{margin: 0 0 0 15px;}

/* Paticka */
#paticka				{height: 48px; color: #808080; background: url(../images/bgfoot.gif) 100% 0 no-repeat #c1c1c1; font-weight: bold; font-size: 90%; clear: both; text-align: right; position: relative;}
#paticka div				{position: absolute; left: 20px; top: 20px;}
#paticka p				{margin: 0; padding: 20px 27px 0 0;}

/* Ostatni */

/*#demoform {
width: 60%;				{margin: 15px 0;}

*/

/*#demoform TD {
padding: 1px;				{}

*/
#demoform {margin-top:15px;}
#demoform tr td:first-child {width:330px;}
#demoform td {vertical-align:top; padding-right:12px;}
#demoform input[type=text], #demoform select, #demoform textarea	{width: 170px; border: 1px solid #bcbcbc; margin:0 0 0 5px; padding:2px}
#demoform select {width:176px;}
#demoform textarea {height:48px; float:right;}
#demoform input.submit {cursor:pointer; cursor:hand; background-image:url('../images/bgsubmit2.gif') !important; height:42px; width:248px; margin-top:5px; position:relative; right:-6px;}
#demoform .psc				{width: 80px;}
#demoform .napoveda {font-size:11px; color:gray; display:block; float:left; padding:3px 0 3px 13px;}
#regform a strong			{color: #ca3222;}
#regform a:active strong,
#regform a:hover strong			{color: #1e2869;}

/* demo fotogalerie */
#obsah .photogallery ul, #obsah .photogallery li {
  margin:0;
  padding:0;
  list-style-type:none;
}

/* 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 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_obj .green_text              {color: #00853E; font-weight: bold}

/* Varianty ES - box */
#varianta_box                   {width: 555px; height: 133px; background: url(../images/varianty_bg2.png) no-repeat; _background: url(../images/varianty_ie_bg2.png) no-repeat; padding: 3px 0 0 5px; margin: 25px 0 25px 90px;}
#varianta_box a                 {display: block; width: 136px; height: 124px; float: left; position: relative; text-align: center; text-decoration: none; font-size: 120%; font-family: Arial; letter-spacing: 0.5px;}
#varianta_box span              {display: block;}
#varianta_box .left             {}
#varianta_box .left:hover       {background: url(../images/varianty_a_left.png) no-repeat; _background: url(../images/varianty_ie_a_left.png) no-repeat;}
#varianta_box .mid1             {position: relative; left: -5px;}
#varianta_box .mid2             {position: relative; left: -10px;}
/*#varianta_box .mid3			{position: relative; left: -15px;}*/
#varianta_box .mid3             {width: 132px; position: relative; left: -15px;}
#varianta_box .mid1:hover,
#varianta_box .mid2:hover       {background: url(../images/varianty_a_middle.png) no-repeat;}
#varianta_box .right            {width: 132px; position: relative; left: -20px; display: none;}
#varianta_box .right:hover      {background: url(../images/varianty_a_right.png) no-repeat; _background: url(../images/varianty_ie_a_right.png) no-repeat;}
#varianta_box .mid3:hover       {background: url(../images/varianty_a_right.png) no-repeat; _background: url(../images/varianty_ie_a_right.png) no-repeat;}
#varianta_box .blue,
#varianta_box .blue strong      {color: #577ea5 !important;}
#varianta_box .green,
#varianta_box .green strong     {color: #8ea933 !important;}
#varianta_box .left span        {padding-top: 25px;}
#varianta_box .mid1 span        {padding-top: 16px;}
#varianta_box .mid2 span        {padding-top: 19px;}
#varianta_box .mid3 span        {padding-top: 19px;}
#varianta_box .right span       {padding-top: 25px;}

/* Varianty ES - tabulka - detail */
#varianta_tab                           {width: 615px; margin: 20px auto;}
#varianta_tab A,
#varianta_tab A:visited                 {display: block; line-height: 28px; text-decoration: none; }
#varianta_tab A:hover			{background: #feefef;}
#varianta_tab .lichy                    {background: #fafafa;}
#varianta_tab A strong			{display: block; width: 123px; float: left; background: url(../images/varianta_tab_a.png) no-repeat #2079cd; margin-right: 15px; padding-left: 15px; color: #fff !important; font-size: 115%; font-family: arial; border: solid 1px #0f5ea9; border-width: 1px 1px 0 1px;}
#varianta_tab A.last strong             {border-width: 1px 1px 1px 1px;}
#varianta_tab A:hover strong            {background: url(../images/varianta_tab_a_hover.png) no-repeat #cb1717; border-color: #a50f0f;}
#varianta_tab A span			{display: block; border: solid 1px #d1d5da; border-width: 1px 1px 0 0; color: #494949;}
#varianta_tab A.last span		{border-width: 1px 1px 1px 0;}
#varianta_tab A:hover span		{font-weight: bold;}

/* Varianty ES - obsah */
#varianta                               {}
#varianta h3, #varianta h4, #varianta strong.h4		{color: #1e2869; margin: 20px 0 10px 0;}

/* Varianty ES - formular */
#easyshop_form_form                     {}
#easyshop_form_form fieldset		{padding: 0 1em .5em 1em;}
#easyshop_form_form li			{background: url(../images/arrow.gif) no-repeat 2px 6px;}

#easyshop_form_form h4,
#easyshop_form_form strong.h4			{float: left; margin: 1em 0; color: #494949;}
#easyshop_form_form .radio		{float: left; margin: 15px 0 10px 10px; line-height: 1em;}
#easyshop_form_form .radio input	{position: relative; top: 3px;}
#easyshop_form_form .radio label	{cursor: pointer; font-weight: bold; color: #1e2869;}

#easyshop_form_form p			{background: #fff; padding: 3px 5px; margin: 0; clear: both;}
#easyshop_form_form p label		{width: 165px; display: block; float: left; font-weight: bold;}
#easyshop_form_form p input		{width: 220px;}
#easyshop_form_form .even		{background: #eef0f9;}

#easyshop_form_form .submit		{background: none; clear: none; padding: 0; margin: 0;}

#hotline .submit,
#easyshop_form_form .submit input	{background: url(../images/btn_send.jpg); width: 102px; height: 43px; border: 0; text-align: center; color: #fff; font-weight: bold; cursor: pointer;}

/* citat */
.quote                                  {width: 400px; background: url(../images/quote_left.gif) no-repeat; font-size: 125%; font-weight: bold; color: #1e2869; padding: 0 0 0 60px; margin: 40px auto 30px auto; line-height: 25px; text-align: center;}
.quote span				{display: block; background: url(../images/quote_right.gif) no-repeat 100% 100%; padding: 2px 60px 8px 0;}

/* Akce */
#akce					{text-align:center;}
.sleva					{margin-left: 15px;}
.sleva ul				{margin: -2px 0 10px 60px !important;}
.sleva img				{float: left;}
#mapa					{float: right;}

/* Reference */
.reference td				{width: 30%; padding: 0 5px; text-align: center;}
.reference h3,
.reference h4,
.reference strong.h4		{margin: 7px 0; text-align: center; font-size: 100%;}
.reference img				{border: 2px #ccc solid; margin: 20px 0 0 0;}
.reference p				{margin: 0 7px; text-align: left;}
.reference2 td				{width: 30%; padding: 0 10px;}
.reference2 img				{border: 0 #ccc solid; margin: 10px 0;}
.reference2 strong			{background: url(../images/sipka2.gif) 0 3px no-repeat; margin-bottom: 2px; padding: 0 0 0 10px; display: block;}
.reference3 td				{padding: 0 10px; text-align: left; vertical-align: middle;}
.reference3 img				{border: 0 #ccc solid; margin: 10px 0;}
.reference3 td.popisek			{padding-top: 10px;}
.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;}
.objednat				{width: 100px; height: 35px; display: block; overflow: hidden; position: relative; z-index: 1; text-align: left; margin: auto;}
.objednat span				{width: 100px; height: 35px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/objednat.gif) no-repeat -1px 0; display: block; cursor: pointer;}
.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;}
.blue					{color: #1e2869;}
.red					{color: #ca3222; font-size: 110%; margin: 25px 0;}
.cleaner				{clear: both; margin: 0;}
.spamcode_img				{border: 1px solid #bcbcbc; width: 100px;}
.spamcode_text				{width: 110px; border: 1px solid #bcbcbc;}

/* formulare callback, demoverze, faq*/
table.form				{width: 700px; background: #f7f7fb; padding: 3px 0 0 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 tr				{border-bottom: 1px solid #dddfee; padding: 0; margin: 0;}
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: 0 solid #dddfee; padding-bottom: 0; margin-bottom: 0;}
table.form tr.spamcode_code td		{border-bottom: 0 solid #dddfee; padding: 5px 0 0 10px; margin: 0;}
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;}
#job, #zmena-adresy  			{font-size: 120%; font-weight: bold; background: #f6f6f6; border: 1px #c0c0c0 solid; padding: 20px; text-align: justify; margin: 2em 0;}
#zmena-adresy 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;}

/* pripadove studie */
#studie                                 {margin-right: 10px;}
#studie P				{line-height: 18px; text-align: justify; margin-bottom: 25px;}
#studie .otazka, #studie .odpoved       {padding: 10px; margin-bottom: 0;}
#studie .otazka				{border: solid 1px #e6e7f2; background: #f8f9ff;}
#studie .odpoved			{border: solid 1px #ecf3e1; background: #fafff2; color: #436427; margin-left: 10px; margin-bottom: 20px;}
#studie .odpoved STRONG                 {color: #436427;}
#studie .otazka:hover                   {border-color: #1e2869;}
#studie .odpoved:hover                  {border-color: #436427;}

#studie .imgleft                        {float: left; margin: 0 18px 15px 0;}
#studie .imgright			{float: right; margin: 0 0 20px 25px;}

/*#akce                                   {display: none;}*/

p.report {font-size: 115%; font-weight: bold;}
p.error  {font-size: 115%; font-weight: bold;}

/* 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: 301px;
background: url('http://www.itstudio.cz/images/akce/esakce.jpg') 0% 0% no-repeat;
text-indent: -9999px;
margin: 10px auto;
}

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

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

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


.linkcz  {
position: absolute;
display: block;
width: 22px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/czl.gif') 0% 0% no-repeat;
text-indent: -9999px;
top: 78px;
left: 56px;
}

.linkcz:hover  {
background: url('http://www.itstudio.cz/images/reference/cz_on.gif') 0% 0% no-repeat;
}

.linksk  {
position: absolute;
display: block;
width: 22px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/skl.gif') 0% 0% no-repeat;
text-indent: -9999px;
top: 78px;
left: 80px;
}

.linksk:hover  {
background: url('http://www.itstudio.cz/images/reference/sk_on.gif') 0% 0% no-repeat;
}

.linkpl  {
position: absolute;
display: block;
width: 22px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/tescoma_pl.gif') no-repeat;
text-indent: -9999px;
top: 78px;
left: 104px;
}

.linkpl:hover  {
background-position: 0 -13px;
}

.linkpt  {
position: absolute;
display: block;
width: 22px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/tescoma_pt.gif') no-repeat;
text-indent: -9999px;
top: 78px;
left: 128px;
}

.linkpt:hover  {
background-position: 0 -13px;
}

.linkweb  {
position: absolute;
display: block;
width: 32px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/web.gif') 0% 0% no-repeat;
text-indent: -9999px;
top: 78px;
left: 117px;
}

.linkweb:hover  {
background: url('http://www.itstudio.cz/images/reference/web_on.gif') 0% 0% no-repeat;
}

/* COTY REFERENCE */
.link_coty_cz  {
	position: absolute;
	display: block;
	width: 22px;
	height: 11px;
	background: url('http://www.itstudio.cz/images/reference/cotycz.gif') 0% 0% no-repeat;
	text-indent: -9999px;
	top: 78px;
	left: 77px;
}

.link_coty_cz:hover  {
background: url('http://www.itstudio.cz/images/reference/cotycz_on.gif') 0% 0% no-repeat;
}

.link_coty_sk  {
position: absolute;
display: block;
width: 22px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/cotysk.gif') 0% 0% no-repeat;
text-indent: -9999px;
top: 78px;
left: 101px;
}

.link_coty_sk:hover  {
background: url('http://www.itstudio.cz/images/reference/cotysk_on.gif') 0% 0% no-repeat;
}

.link_coty_pl  {
position: absolute;
display: block;
width: 32px;
height: 11px;
background: url('http://www.itstudio.cz/images/reference/cotypl.gif') 0% 0% no-repeat;
text-indent: -9999px;
top: 78px;
left: 125px;
}

.link_coty_pl:hover  {
background: url('http://www.itstudio.cz/images/reference/cotypl_on.gif') 0% 0% no-repeat;
}

.datum_realizace{
	font-size:smaller;
}

/* Cenik */
.cenik {border-collapse: collapse; background: #fff;}
.cenik.nobg {background: transparent;}
.cenik td {
	padding: 3px 6px;
	border: 1px solid #d7d7d7;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
.cenik td a {
	color: #000;
	text-decoration: none;
	display: block;
}
.cenik td.item a {
	background: url(../images/cenik/help.gif) no-repeat 5px 3px;
	padding-left: 25px;
}
.cenik td a:hover {
	text-decoration: none;
}
.cenik td a:hover strong {
	color: #ca3222 !important;
}
.cenik .text8		{font-size: 8pt;}
.cenik .text10		{font-size: 10pt; text-align: left; vertical-align: middle;}
.cenik .text16		{font-size: 16pt;}
.cenik .text24		{font-size: 24pt;}
.cenik .wh									{border: 0; width: 1px; padding: 0 !important; background: #fff;}
.cenik .th									{padding: 1px 0 !important; border: none;}
.cenik .th div							{background: #101747 url(../images/cenik/th_bg) repeat-x 0 50%; height: 36px; line-height: 36px; border: solid 1px #393f67; border-width: 0; position: relative; font-size: 105%; color: #fff; font-weight: bold;}
.cenik .th div.first				{padding-left: 10px; text-align: left;}
.cenik .th div .cover				{display: block; width: 5px; height: 36px; position: absolute; top: 0; left: -3px; background: url(../images/cenik/th_cover.png) no-repeat;}
.cenik .th div.first .cover	{width: 3px; background-position: 100% 0; left:-2px;}
.cenik .th2									{border: solid 1px #a6accd; background: url(../images/cenik/category_bg.gif) repeat-x #dcdff1; color: #1e2869; font-weight: bold; text-align: left; font-size: 105%; padding: 3px 0 4px 10px;}
.cenik .item								{background: #fff; text-align: left; padding-left: 5px;}
.cenik .item:hover					{background: #edfbfc;}
.cenik .item img						{margin-right: 8px; position: relative;  top: -1px; left: 1px;}
.cenik .ano									{background: #f0ffe0; border: solid 1px #c9dab5;}
.cenik .plus								{background: #fffce0; border: solid 1px #ddd8ad;}
.cenik .minus								{background: #fff2f2; border: solid 1px #e5c8c8;}
.cenik sup							{position: absolute; margin-left: 15px;}
.cenik #cena_akce				{font-weight:bold;}
.cenik #cena_akce_cz			{font-weight:normal;}


/* v timto divu se nachazi veskere nahrane informace pres ajax */
#vrstva									{position: absolute; right:-15px; margin:15px 0 15px 0; top: 200px; width: 775px; border: 3px solid #4a5173;  z-index: 500; padding: 0px;	background: #fff url(../images/cenik/ajax_win_bg) repeat-x 0 0;}
#vrstva_nadpis, .drag_handle					{padding:2px; height: 25px; margin-bottom: 15px; text-align:center; font-weight:bold; color: #fff; vertical-align:middle; cursor:move; background: #dcdff1 url(../images/cenik/category_bg.gif) repeat-x; border: solid 1px #a6accd; border-width: 0 0 1px 0;}
#vrstva_nadpis form			{float: right;}
#vrstva_nadpis #zavrit	{width: 33px; height: 29px; background: url(../images/cenik/ajax_win_close.png) no-repeat; border: 0; cursor: pointer; margin-top: -2px;}
#vrstva_obsah						{padding: 0 25px 20px 25px; font-size: 115%; line-height: 20px;}
#vrstva_obsah .price		{display: block; font-weight: bold; margin-top: 15px;}
#vrstva_cekej						{background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; height:200px;}
#facebook  {width: 196px; height: 43px; background: url('../images/facebook.jpg') 0% 0% no-repeat; display: block; text-indent: -9999px; margin-left: 15px; margin-bottom: 4px;}
#twitter  {width: 198px; height: 49px; background: url('../images/twitter.jpg') 0% 0% no-repeat; display: block; text-indent: -9999px; margin-left: 15px;}
#googleplus  {width: 198px; height: 44px; background: url('../images/gplus.png') center center no-repeat; display: block; text-indent: -9999px; margin-left: 15px; margin-top: 5px; margin-bottom: 2px;}


/* prolinacky */
/*
.changebox									{position: relative;}
.changebox .item						{position: absolute;}
.changebox .controls				{position: absolute; right: 12px; top: -33px;}
.changebox .controls a			{padding: 3px 7px; border: 1px solid #dcdcdc; border-bottom: solid 1px #E5E5E5; background: #f5f5f5; margin-right: -1px; font-weight: bold; text-decoration: none !important; display: block; float: left;}
.changebox .controls a.act	{background: #fff; border-bottom: solid 1px #fff;  color: #E86C2E !important;}
.dalsi											{text-align: right; padding: 10px 12px 10px 0;}
#title_changebox									{height: 250px;}
#title_changebox .item						{height: 250px; overflow: auto; width: 100%;}
#title_changebox .img						{float: left; margin-right: 20px; max-width: 120px;}
#title_changebox .nfo						{float: left; width: 380px;}
*/

.changebox#title_changebox {
  height: 350px;
  border-bottom: 1px #eee solid;
  position: relative;
}

.changebox#title_changebox p.label {
  color: #414c92;
  font-size: 120%;
  background: url(../images/frog/label.png) no-repeat;
  margin: 20px 0 0 0;
  padding: 28px 0 20px 77px;
  font-weight: bold;
  margin: 0;
}

.changebox#title_changebox .item {
  position: absolute;
  padding: 0 40px;
  width: 600px;
  height: 240px;
}

.changebox#title_changebox .item img {
  float: left;
}

.changebox#title_changebox .item h3,
.changebox#title_changebox .item p {
  margin: 0;
  padding: 0;
  margin-left: 240px;
}

.changebox#title_changebox .item h3 {
  font-size: 1.2em;
  margin-top: 10px;
  color: #CA3222;
}

  .changebox#title_changebox .item p {
    padding: 10px 0;
  }

.changebox#title_changebox .controls {
  position: absolute;
  width: 720px;
  bottom: 10px;
  left: 0;


}

  .changebox#title_changebox .controls ul {
    list-style-type: none !important;
    width: 450px;
    margin: 0 auto !important;
    padding: 0 !important;
  }

    .changebox#title_changebox .controls ul li {
      background: none !important;
      float: left;
      padding: 0 !important;
      margin: 0 !important;
    }

    .changebox#title_changebox .controls ul li a {
      display: block;
      width: 30px;
      height: 29px;
      line-height: 29px;
      text-decoration: none;
      color: #666;
      text-align: center;
      text-indent: -2px
    }

    .changebox#title_changebox .controls li a:hover {
      background: url(../images/frog/arrow.png) 0 0 no-repeat;
    }

    .changebox#title_changebox .controls ul li a.act {
       background: url(../images/frog/actual.png) 0 0 no-repeat;
       color: white;
    }


      .changebox#title_changebox .controls ul li a.next {
        background: url(../images/frog/arrow.png) 0 0  no-repeat;
        text-indent: -3px;
      }

      .changebox#title_changebox .controls ul li a.prev {
        background: url(../images/frog/arrow.png) 0 0 no-repeat;
        text-indent: -5px;
      }

      .changebox#title_changebox .controls ul li a.control_play {
        color: transparent;
      }

      .changebox#title_changebox .controls ul li a.stop {
        background: url(../images/frog/pause.png) 0 0 no-repeat;
      }

      .changebox#title_changebox .controls ul li a.play {
        background: url(../images/frog/play.png) 0 0 no-repeat;
      }

  .changebox#title_changebox a.button {
    display: block;
    background: url(../images/frog/button.png) no-repeat;
    width: 162px;
    height: 32px;
    line-height: 30px;
    padding-left: 25px;
    font-size: 12px;
    text-decoration: none;
    color: #666;

  }

/* boxik */
.boxik {
  background:#f7f7fb url('../images/bgboxik.gif') repeat-x;
  font-style:italic;
  border:solid 1px #dddfee;
  padding:0 15px;
  margin:20px 0;
  border-left:dashed 3px #dddfee;
  border-bottom-width:3px;
}

/* ukazka administrace */
#admin-screen h2 {
	margin: 30px 0 15px 0;
}
#admin-screen a, #admin-screen a:visited {
	border: solid 3px #dadada;
	display: block;
	float: left;
	margin: 0 20px 24px 4px;
}
#admin-screen a:hover {
	border: solid 3px #a3c6e4;
}
#admin-screen img {
	display: block;
}

#reference_duveruji .hidden_link {display: none;}


/* tabulka demoverzi v administraci */
table.demoverze {
    background: #fbfbfd;
    color: black;
    padding: 3px 0 0 0;
    border: 1px dashed #e3e3f2;
}

table.demoverze tr {
    border-bottom: 1px solid #dddfee;
    padding: 0;
    margin: 0;
}

table.demoverze th {
    text-align: center;
}

table.demoverze tr.obdobi {
    background: #ff9999;
}

table.demoverze tr.obdobi th{
    padding: 10px;
    text-align: left;
}

table.demoverze td {
    padding: 5px;
    vertical-align: middle;
    margin: 2px 2px 2px 2px;
    border-bottom: 1px solid #dddfee;
}

table.demoverze td.checkbox {
    padding: 0;
    text-align: center;
}

/* 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;
}

/* Reference - prolinani */
#reference_duveruji {height: 240px; border-bottom: 1px #eee solid; position: relative; }
#reference_duveruji .item {position: absolute; padding: 0 40px; width: 600px; height: 150px; }
#reference_duveruji h2  { color: #414c92; font-size: 120%; background: url(../images/frog/label-reference.png) no-repeat; margin: 20px 0 0 0; padding: 28px 0 20px 77px; font-weight: bold; margin: 0;}
/* Obrazek */
#reference_duveruji .item img {float: left;}

/* Nadpis */
#reference_duveruji .nadpis    {color: #ca3222; margin-top: 0px !important;  display: block; font-size: 1.17em; font-weight: 700; margin-bottom: 10px !important;}
/* Text */
#reference_duveruji .item p { margin:0 20px; margin-left: 180px; }

/* Navigace*/
#reference_duveruji ul li  {float:left; margin:0; padding:0; background:none;}
#reference_duveruji .controls   {bottom: 10px; left: 0px; position:absolute; width: 720px; }
#reference_duveruji .controls .number a  {color: #666666; display: block; height: 29px; line-height: 29px; text-align: center; text-decoration: none; text-indent: -2px; width: 30px;}
#reference_duveruji .controls .play_pause a   {display:block; width:27px; height:29px;}
#reference_duveruji .controls .play_pause a:hover   {background:none;}
#reference_duveruji .controls li a:hover { background: url(../images/frog/arrow.png) 0 0 no-repeat;    }
#reference_duveruji .controls .number.act > a { background: url(../images/frog/actual.png) 0 0 no-repeat; color: #fff ; }
#reference_duveruji .controls .play_pause a span    {display:none;}


#reference_duveruji .controls .play {background: url(../images/frog/play.png) 50% 50% no-repeat; display:block; width:27px; height:29px;}
#reference_duveruji .controls .stop {background: url(../images/frog/pause.png) 50% 50% no-repeat; display:block; width:27px; height:29px;}

.banner_clanek p {
    position: static;
}
.img_right {
    float: right;
    border: solid 3px #e4e4e4;
    margin: 6px 0 12px 12px;
}    
.img_left {
    float: left;
    border: solid 3px #e4e4e4;
    margin: 6px 12px 12px 0;
}   
.img_center {
    border: solid 3px #e4e4e4;
    margin: 6px auto 12px;
} 
a .img_right,
a .img_left,
a .img_center {
    border-color: #ccc;
}
a:hover .img_right,
a:hover .img_left,
a:hover .img_center {
    border-color: #a3c6e4;
}

#ousko {
	width: 118px;
	height: 147px;
	position: fixed;
	left: 50%;
	margin-left: 502px;
	&margin-left: 501px;
	top: 210px;
	background: url(../images/vyber_pomoc.png);
}
#ousko .title {
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding: 10px 6px 7px 0;
	text-transform: uppercase;
	line-height: 20px;
}
#ousko .phone {
	font-weight: bold;
	color: #31a04b;
	font-size: 12px;
	text-align: right;
	padding: 0 30px 1px 0;
	height: 49px;
	line-height: 49px;
	font-family: Arial;
}
#ousko .phone.sk {
	color: #000;
}
#ousko .details {
	font-size: 10px;
	font-family: Arial;
	color: #000;
	height: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0 6px 0 0;
}

/* Prolínačka v levým sloupci nahoře */
.changebox#changebox_left_menu {
	width: 250px;
	height: 250px;
	position: relative;
}
.changebox#changebox_left_menu .item {
	position: absolute;
	width: 250px;
	height: 250px;
	padding: 0;
	left: 0;
	top: 0;
}
.changebox#changebox_left_menu ul.controls {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/changebox/controls.png);
	height: 33px;
	width: 250px;
	text-align: center;
}
.changebox#changebox_left_menu ul.controls li.number {
	display: inline;
}
.changebox#changebox_left_menu ul.controls li.number a {
	display: inline-block;
	width: 21px;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 1px;
	background: url(../images/changebox/number.png) center bottom;
	text-align: center;
	color: #b1b1b1;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0 0;
}
.changebox#changebox_left_menu ul.controls li.previous + li.number a {
	padding-left: 0;
	background-position: -1px bottom;
}
.changebox#changebox_left_menu ul.controls li.number.act a {
	background-position: center top;
	color: #fff;
}
.changebox#changebox_left_menu ul.controls li.previous + li.number.act a {
	background-position: -1px top;
}
.changebox#changebox_left_menu ul.controls li.previous {
	position: absolute;
	left: 0;
	top: 0;
	height: 33px;
	width: 33px;
	background: url(../images/changebox/arrows.png);	
}
.changebox#changebox_left_menu ul.controls li.next {
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
	width: 33px;
	background: url(../images/changebox/arrows.png) right top;	
}
.changebox#changebox_left_menu ul.controls li.next a,
.changebox#changebox_left_menu ul.controls li.previous a {
	height: 33px;
	width: 33px;
	display: block;
	font-size: 0;
	line-height: 0;
}

.okolni_linky {
	width: 720px;
	overflow: auto;
	margin: 0 0 18px;
	padding: 0;
}
.okolni_linky a {
	width: 236px;
	float: left;
	padding: 0 112px 0 12px;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
}
.okolni_linky a img {
	display: none;
	margin: 12px 0;
}
.okolni_linky a + a {
	text-align: right;
	padding: 0 12px 0 112px;
}

#chboxes .th2	{border: solid 1px #a6accd; background: url(../images/cenik/category_bg.gif) repeat-x #dcdff1; color: #1e2869; font-weight: bold; text-align: left; font-size: 105%; padding: 3px 0 4px 10px;}
/* akce na prosinec */
.christmas_action   {
    display: block;
    background: url(../images/akce/present-header.png) no-repeat;
    width: 190px;
    height: 24px;
    position:absolute;
    top:0;
    top: 39px;
    left: 342px;
    color:#1e2869 !important;
    font-size: 12px;
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
    padding:28px 0 28px 72px;
}


.right.akce {
    float:right;
}
.right.akce img {
    width:350px;
    margin:0 25px;
}

.like_h2    {
    margin: 20px 0 5px 0;
    color: #CA3222;
    background: url(../images/h2.gif) no-repeat;
    padding: 3px 0 3px 18px;
    position: relative;
}

.ziskej_info a  {
    background: #CA3222; 
    color:#fff;   
    display: block;
    width:285px;
    height:50px;
    line-height: 50px;
    margin:15px auto;
    font-weight: bold;
    font-size:15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.ziskej_info a:hover    {
    text-decoration: none;
}
.upper  {
    text-transform: uppercase;
}
.obsah_akce ul  {
    list-style: none !important;
    margin-top:15px !important;
    margin-bottom:15px !important;  
}
.obsah_akce li  {
    background: url(../images/sipka2.gif) 0 5px no-repeat;
    margin: 0 0 5px 0 !important;
    padding: 0 0 0 10px !important;
    color: #1E2869 !important;
    font-weight: bold;
    list-style: none;
}
.obsah3 ul  {
    background: none; 
     
}
.obsah3 li    {
    color: #494949 !important;
    background:none !important;
    list-style: circle outside;
    font-weight: normal;   
}
.parent {
    background:none !important;
}