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%;}
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;}
#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 135px;}

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

/* 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		{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			{float: left;}
#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;}
#easyshop_form_form .submit input	{background: url(../images/bgsubmit.gif); width: 240px; height: 34px; 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		{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: 45px;
}

.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: 69px;
}

.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: 93px;
}

.linkpl: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					{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;}


/* 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 {
  height: 350px;
  border-bottom: 1px #eee solid;
  position: relative;
}

.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 .item {
  position: absolute;
  padding: 0 40px;
  width: 600px;
  height: 240px;
}

.changebox .item img {
  float: left;
}

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

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

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

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


}

  .changebox .controls ul {  
    list-style-type: none !important;
    width: 450px;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  
    .changebox .controls ul li {
      background: none !important;
      float: left;
      padding: 0 !important;
      margin: 0 !important;
    }
    
    .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 .controls li a:hover {
      background: url(../images/frog/arrow.png) 0 0 no-repeat;    
    }
    
    .changebox .controls ul li a.act {
       background: url(../images/frog/actual.png) 0 0 no-repeat;
       color: white;
    }  

  
      .changebox .controls ul li a.next {
        background: url(../images/frog/arrow.png) 0 0  no-repeat;
        text-indent: -3px;
      }
      
      .changebox .controls ul li a.prev {
        background: url(../images/frog/arrow.png) 0 0 no-repeat;
        text-indent: -5px;      
      }
      
      .changebox .controls ul li a.control_play {
        color: transparent;
      }
      
      .changebox .controls ul li a.stop {
        background: url(../images/frog/pause.png) 0 0 no-repeat;
      }
      
      .changebox .controls ul li a.play {
        background: url(../images/frog/play.png) 0 0 no-repeat;
      }

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