/**********/
/* LAYOUT */
/**********/

*           { margin: 0; padding: 0; border: none; }
p           { padding: 0 0 10px 0; margin: 0; line-height: 1.5; }
a           { color: #ff0000; cursor: pointer; text-decoration: underline; outline: none; }
a.visited   { outline: none; }
a:hover     { text-decoration: none; }

.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }

h1,h2,h3,h4 { display: block; }
h1 { font-size: 2.8em; font-weight: normal;   margin-bottom: 20px;  padding-left: 0; line-height: 1; color: #34383b; }
h2 { font-size: 1.8em; font-weight: bold;     margin-bottom: 10px;  padding-left: 0; /*#F845A9*/ }
h3 { font-size: 140%; font-weight: bold;   margin-bottom: 10px;  padding-left: 0; color: #ff0000; }
h4 { font-size: 130%; font-weight: normal;   margin-bottom: 10px;  padding-left: 0; color: #ff0000; }

.clear      { clear: both; }
.hidden,
.printOnly  { display: none; }

ul, ol   { margin: 0; padding: 0; }
ul li,
ol li    { margin-left: 15px; }
ul li    { list-style-type: square; }

body { background: #fff url('../files/graphic/bg_body.gif') left top repeat-x; text-align: center; font: normal 62.8%/1.3 Arial, 'Arial CE', Verdana, Helvetica, sans-serif; padding-bottom: 20px; }

#page       { min-height: 400px; _height: 400px; background: transparent url('../files/graphic/bg_page.jpg') center top no-repeat; font-size: 120%; }
#pageCont   { width: 930px; position: relative; margin: 0 auto; text-align: left; }

#header        { height: 120px; position: relative; }
#logo          { position: absolute; width: 177px; height: 81px; left: 22px; top: 15px; }
#logo a        { display: block; width: 100%; height: 100%; background: transparent url('../files/graphic/logo.jpg') left top no-repeat; cursor: pointer; }
#logo img      { display: none; }
#headerFlash   { position: absolute; width: 590px; height: 105px; top: 0; right: 0; }

ul#serviceList 				{ float: right; margin: 60px 0px 0px 0px; height: 50px; overflow: hidden; width: 700px }
ul#serviceList li 			{ color: #363739; display: block; font-size: 1.88em; line-height: 0.8em; list-style: none; text-align: right; font-style: italic; width: 100%; }
ul#serviceList li a 			{ color: #363739; text-decoration: none; padding-right: 20px; display: block; }
ul#serviceList li small 	{ color: #fc0000; font-size: 0.5em; font-style: normal; text-decoration: underline; }
ul#serviceList li strong 	{ color: #fc0000; font-weight: normal; text-decoration: underline; }

#mainMenu      { position: absolute; top: 120px; left: 0; width: 932px; height: 32px; background: #34383b url('../files/graphic/bg_mainmenu.gif') 0 0 no-repeat; font-size: .9em; }

#sectionsMenu              { float: left; }
#sectionsMenu ul           { list-style-type: none; padding-left: 20px; }
#sectionsMenu ul li        { list-style-type: none; display: block; float: left; padding-right: 10px; margin: 0 0 10px 0; background: transparent url('../files/graphic/bg_mainmenu_li.gif') right 5px no-repeat; }
#sectionsMenu ul li.last   { background: none; }
#sectionsMenu ul li a      { display: block; float: left; color: #fff; line-height: 28px; text-decoration: none; margin-left: 10px; cursor: pointer; }

#sectionsMenu ul li span      { float: left; display: block; height: 32px; }
#sectionsMenu ul li span span { padding: 0 10px; }
#sectionsMenu ul li a:hover   { text-decoration: underline; }

body#index #sectionsMenu ul li.index a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body#index #sectionsMenu ul li.index a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body.sluzby #sectionsMenu ul li.sluzby a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body.sluzby #sectionsMenu ul li.sluzby a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body#ponuka-pre-agentury #additionalMenu ul li.ponuku-pre-agentury a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body#ponuka-pre-agentury #additionalMenu ul li.ponuku-pre-agentury a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body.referencie #sectionsMenu ul li.referencie a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body.referencie #sectionsMenu ul li.referencie a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body.reference #sectionsMenu ul li.referencie a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body.reference #sectionsMenu ul li.referencie a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body#caste-otazky #additionalMenu ul li.caste-otazky a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body#caste-otazky #additionalMenu ul li.caste-otazky a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

body#kontakt #sectionsMenu ul li.kontakt a span        { background: transparent url('../files/graphic/bg_mainmenu_hover_left.gif') 0 6px no-repeat; font-weight: bold; }
body#kontakt #sectionsMenu ul li.kontakt a span span   { background: transparent url('../files/graphic/bg_mainmenu_hover_right.gif') right 6px no-repeat; }

#pack          { padding: 32px 0 0 0; }
#mainBar       { padding-top: 35px; width: 642px; float: left; margin-left: 20px; _display: inline; }
#sideBar       { float: right; width: 245px; margin-top: 15px; padding-top: 25px; }

#mainBar h1 strong   { color: #000; padding: 0 5px; }

.tabBox                                   { width: 642px; }
.tabBox .tabBoxMenu                       { display: none; margin-bottom: -5px; position: relative; }
.tabBoxActive .tabBoxMenu                 { display: block; }
.tabBox .tabBoxMenu .fl                   { width: 442px; }
.tabBox .tabBoxMenu .fr .icoRef           { color: #34383b; font-size: .9em; }
.tabBox .tabBoxMenu ul                    { height: 34px; overflow: hidden; list-style-type: none; font-size: .9em; }
.tabBox .tabBoxMenu ul li                 { display: block; float: left; margin-left: 0px; padding-right: 2px; }
.tabBox .tabBoxMenu ul li a               { display: block; float: left; height: 34px; line-height: 29px; background: #414445 url('../files/graphic/bg_tabbox_head_li_a.gif') left top no-repeat; color: #fff; cursor: pointer; }
.tabBox .tabBoxMenu ul li a span          { display: block; float: left; height: 29px; background: transparent url('../files/graphic/bg_tabbox_head_li_a_span.gif') right top no-repeat; padding: 0 25px; }
.tabBox .tabBoxMenu ul li.active a        { background: #fff url('../files/graphic/bg_tabbox_head_active_li_a.gif') left top no-repeat; color: #ff0000; text-decoration: none; font-weight: bold; }
.tabBox .tabBoxMenu ul li.active a.first  { background-image: url('../files/graphic/bg_tabbox_head_active_first_li_a.gif');  }
.tabBox .tabBoxMenu ul li.active a span   { background: transparent url('../files/graphic/bg_tabbox_head_active_li_a_span.gif') right top no-repeat; }

.tabBox .tabBoxItems                   { background: #e5e5e5 url('../files/graphic/bg_tabbox_items.gif') left top repeat-y; }
.tabBox .tabBoxItems .bg               { background: url('../files/graphic/bg_tabbox_items_item.gif') left top no-repeat; }
.tabBox .tabBoxItems .item .itemCont   { background: transparent url('../files/graphic/bg_tabbox_items_item_cont.gif') left bottom no-repeat; min-height: 170px; _height: 170px; padding: 30px 20px 20px; }
.tabBox .tabBoxItems .item .image      { float: left; position: absolute; }
.tabBox .tabBoxItems .item .image a    { position: absolute; right: 0; bottom: 20px; display: block; width: 136px; height: 48px; background: url('../files/graphic/bg_tabbox_bubble.gif') top no-repeat; color: #fff; text-decoration: none; font-size: .9em; text-align: center; line-height: 65px; overflow: hidden; }
.tabBox .tabBoxItems .item .image a:hover { text-decoration: underline; }
.tabBox .tabBoxItems .item .text       { float: right; width: 365px; color: #34383b; }
   
.tabBoxActive .tabBoxItems .item { display: none; }

/***********/
/* SIDEBAR */
/***********/

/* sidebar - sidebarBox */
.sidebarBoxContainer       { width: 245px; background: url('../files/graphic/bg_sidebarBoxContainer.gif') repeat-y; margin-bottom: 40px; }
.sidebarBox                { position: relative; background: url('../files/graphic/bg_sidebarBox.gif') center top no-repeat;  }
.sidebarBoxInner           { background: url('../files/graphic/bg_sidebarBoxInner.gif') center bottom no-repeat; min-height:87px; }
.sidebarBoxContent         { font-size: 0.9em; color: #434343; padding: 25px 10px 10px 10px; }
.sidebarBox h2             { background: url('../files/graphic/bg_sidebarBoxH2.gif') no-repeat; position: absolute;  width: 136px; height: 48px; color: #fff; font-size: 0.9em; top: -24px; right: 0; }
.sidebarBox h2 a           { color: #fff; }
.sidebarBox h2 span        { display: block; height:29px; line-height:29px; padding-left:10px; }

/* sidebar - sidemenu */
.servicesBox .sidebarBoxContainer         { background: #fbd171 url('../files/graphic/bg_sidemenu_middle.jpg') repeat-y; }
.servicesBox .sidebarBox                  { background: url('../files/graphic/bg_sidemenu_top.jpg') left top no-repeat; }
.servicesBox .sidebarBoxInner             { background: url('../files/graphic/bg_sidemenu_bottom.jpg') left bottom no-repeat; min-height: 255px; }
.servicesBox .sidebarBoxContent           { padding: 0; font-size: 1em; }
.servicesBox .sidebarBoxContent ul    		{ list-style-type: none; padding: 10px 0px; }
.servicesBox .sidebarBox h2               { background: url('../files/graphic/bg_sidemenu_header.png') no-repeat; }
.servicesBox .sidebarBoxContent ul li 		{ cursor: pointer; margin: 0; list-style-type: none; }
.servicesBox .sidebarBoxContent ul li a   { display: block; height: 57px; padding-left: 61px; padding-top: 10px; color: #000; font-weight: bold; margin-left: 14px; margin-top: 13px;}
.servicesBox .sidebarBoxContent ul li.webStranky a      		{ background: url('../files/graphic/ico_sidemenu1.png') top left no-repeat; }
.servicesBox .sidebarBoxContent ul li.grafickePrace a   		{ background: url('../files/graphic/ico_sidemenu2.png') top left no-repeat; }
.servicesBox .sidebarBoxContent ul li.seoAnalyza a      		{ background: url('../files/graphic/ico_sidemenu3.png') top left no-repeat; }
.servicesBox .sidebarBoxContent ul li.zvysovanieKonverzie a { background: url('../files/graphic/ico_sidemenu4.png') top left no-repeat; }
#sluzby-tvorba-webstranok .servicesBox li.webStranky a					{ background: url('../files/graphic/bg_sidemenu_active_website.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; }
#sluzby-graficke-prace .servicesBox li.grafickePrace a					{ background: url('../files/graphic/bg_sidemenu_active_graphic.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; }
#sluzby-zvysovanie-navstevnosti .servicesBox li.seoAnalyza a			{ background: url('../files/graphic/bg_sidemenu_active_visit.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; }
#sluzby-zvysovanie-konverzie .servicesBox li.zvysovanieKonverzie a	{ background: url('../files/graphic/bg_sidemenu_active_conv.png') top left no-repeat; color: #fff; padding-top: 20px; margin: 0px; height: 57px; padding-left: 73px; }

/* sidebar - sidebarBox drupalBox */
.drupalBox h2                 { background: url('../files/graphic/bg_sidebarBoxH2Drupal.gif') no-repeat; }
.drupalBox .sidebarBoxContent { background: url('../files/graphic/ico_drupal.gif') 15px 20px no-repeat; min-height:87px; padding: 0; }
.drupalBox p                  { padding: 25px 10px 0 80px; }
.drupalBox a                  { background: url('../files/graphic/bg_drupalMore.gif') 83px 13px no-repeat; padding: 8px 0 20px 93px;  display: block; }

/* sidebar - sidebarBox twitterBox */
.twitterBox .sidebarBox h2 a           { background: transparent url('../files/graphic/ico_twitter.png') left top no-repeat; display: block; margin-left:10px; padding-left:10px; height: 29px; }
.tweet ul.tweet_list                   { margin: 0; padding: 0; }
.tweet ul.tweet_list li                { overflow-y: auto; overflow-x: hidden; list-style-type: none; list-style-image: none; padding: 10px 15px 10px 0; background: transparent url('../files/graphic/bg_style1.gif') left top repeat-x; }
.tweet ul.tweet_list li.tweet_first    { background: none; }
.tweet ul.tweet_list .tweet_time       { display: none; }
.tweet ul.tweet_list .tweet_avatar     { padding-right: .5em; float: left; }
.tweet ul.tweet_list .tweet_avatar img { vertical-align: middle; }
.followTwitter                         { font-size: 0.9em; padding:0 10px 10px; text-align:right; }

/* sidebar - zaujali vas nase prace  */
.zaujaliVas       { background: url('../files/graphic/ico_more_references.jpg') left top no-repeat; width: 245px; margin: 20px 0; position: relative; }
.zaujaliVas p     { padding-left: 45px; padding-top: 0px; }
.zaujaliVas p a   { font-size: .9em; }

/**********/
/* FOOTER */
/**********/

#footer                    { width: 931px; background: #363a3d url('../files/graphic/bg_footer2.gif') top repeat-y; margin-bottom: 50px; margin-top: 20px; color: #fff; font-size: .9em; }
#footer .top               { width: 100%; background: url('../files/graphic/bg_footer_top2.gif') top no-repeat; }
#footer .bottom            { width: 100%; min-height: 200px; background: url('../files/graphic/bg_footer_bottom2.gif') bottom no-repeat; }
#footer .padding           { padding: 10px 25px 30px; }
#footer a                  { color: #ffcb4f; }
#footer h2                 { font-size: 160%; padding: 0; margin: 0; padding-bottom: 10px; margin-top: 5px; }

#footer .rychlyKontakt     		{ width: 370px; position: relative; }
#footer .rychlyKontakt h2  		{ background: url('../files/graphic/ico_rychlykontakt.gif') left no-repeat; padding-left: 40px; }
#footer .rychlyKontakt .input    { background: #fff url('../files/graphic/bg_footer_input.gif') right top no-repeat; border: 1px solid #3e4043; margin-top: 5px; padding-left: 5px; }
#footer .rychlyKontakt input     { background: transparent; width: 170px; padding: 2px; border: none; margin: 0; }
#footer .rychlyKontakt .textarea { background: #fff url('../files/graphic/bg_footer_textarea.gif') right top no-repeat; border: 1px solid #3e4043; margin-top: 10px; }
#footer .rychlyKontakt textarea  { background: transparent; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; padding: 5px; width: 100%; border: none; }
#footer .rychlyKontakt .submit   { cursor: pointer; position: absolute; bottom: -16px; right: 0; width: 101px; height: 35px; overflow: hidden; background: #f00 url('../files/graphic/bg_footer_submit.gif') no-repeat; color: #fff; text-align: left; font-size: 1.1em; padding-left: 10px; padding-top: 12px; }
#footer .fox 							{ background: url('../files/graphic/lisiak.png') top left no-repeat; height: 175px; margin: 20px 0px 0px 430px; position: absolute; z-index: 2000; width: 145px;  }
#footer .kontaktneUdaje    		{ width: 220px; }
#footer .kontaktneUdaje h2 		{ background: url('../files/graphic/ico_kontaktneudaje.gif') left no-repeat; padding-left: 45px; }
#footer .kontaktneUdaje p  		{ background: url('../files/graphic/bg_footer_line.gif') top repeat-x; padding-top: 10px; margin-left: 5px; }

/*********/
/* PRVKY */
/*********/

.col2 {}
.col2 .col 		{ margin: 0px 0px 20px 0px; width: 48%; }
.col2 table 		{ margin: 0px 0px 10px 0px; width: auto; }
.col2 table td		{ text-align: left; vertical-align: top; width: auto; }


form input,
form textarea 						{ border: 1px solid #cacaca; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; margin: 0px 0px 10px 0px; padding: 3px; width: 100%; }
form label 							{ cursor: pointer; display: block; }
form label em 						{ color: #ff0000; margin: 0px 3px 0px 0px; }
form input 							{ display: block; width: 100%; }
form form input.submit     	{ cursor: pointer; width: auto; }
form input.hidden      			{ display: none; }
form .captcha          			{ margin: 0px 0px 10px 0px; } 
form .captcha label    			{ float: left; width: 170px; }
form .captcha input 				{ float: right; margin: 20px 0px 0px 0px; width: 240px; }

.formArea input,
.formArea textarea 						{ border: 1px solid #cacaca; font-family: Arial, 'Arial CE', Verdana, Helvetica, sans-serif; font-size: 1.1em; overflow: hidden; margin: 0px 0px 10px 0px; padding: 3px; width: 100%; }
.formArea label 							{ cursor: pointer; display: block; }
.formArea label em 						{ color: #ff0000; margin: 0px 3px 0px 0px; }
.formArea input 							{ display: block; width: 100%; }
.formArea form input.submit     		{ cursor: pointer; width: auto; }
.formArea input.hidden      			{ display: none; }
.formArea .captcha          			{ margin: 0px 0px 10px 0px; } 
.formArea .captcha label    			{ float: left; width: 170px; }
.formArea .captcha input 				{ float: right; margin: 20px 0px 0px 0px; width: 240px; }

/* HLASKA, CHYBA */

span.hlaska,
span.chyba     { display: block; padding: 15px; margin: 10px 0; color: #000; font-weight: bold; }
span.hlaska    { background: #3FF900 url('../files/graphic/bg_hlaska.gif') top left repeat-x; }
span.chyba     { background: #FF8080 url('../files/graphic/bg_chyba.gif') top left repeat-x; }

/* POZICIE */

.fl   { float: left; }
.fr   { float: right; }

.cols          {  }
.cols2 .col1   { float: left; width: 49%; }
.cols2 .col2   { float: right; width: 49%; }

.margTop        { margin-top: .5em; }
.margTopL       { margin-top: 1em; }
.margBottom     { margin-bottom: .5em; }
.margBottomL    { margin-bottom: 1em; }

.padTop        { padding-top: .5em; }
.padTopL       { padding-top: 1em; }
.padTopXL      { padding-top: 2em; }
.padBottom     { padding-bottom: .5em; }
.padBottomL    { padding-bottom: 1em; }

/* POZADIA */

.style1  { padding-bottom: 30px; margin-bottom: 30px; background: transparent url('../files/graphic/bg_style1.gif') left bottom repeat-x; }
.style2  { font-size: 1.1em; }

/* TEXTY */

.bigger  { font-size: 1.2em; }
.big     { font-size: 1.5em; }
.biggest { font-size: 1.8em; }

.smaller    { font-size: .9em; }
.small      { font-size: .8em; }
.smallest   { font-size: .7em; }

/* NADPISY */

h2.feedback       { background: transparent url('../files/graphic/ico_feedback.jpg') left bottom no-repeat; padding: 0 0 7px 32px; line-height: 1; font-size: 1.5em; }
h2.feedback span  { color: #fe2f2f; font-style: italic; }

/**********/
/* SEKCIE */
/**********/

/* INDEX */

body#index .tabBox .tabBoxMenu .fr a   { display: block; height: 45px; line-height: 45px; padding-right: 38px; background: transparent url('../files/graphic/ico_more_references.jpg') right top no-repeat; margin-bottom: 5px; text-align: right; }
body#index .tabBox .tabBoxMenu ul      { margin-top: 16px; }

#tooltip {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background:#F7F5D1 none repeat scroll 0 0;
	border:1px solid #333333;
	color:#333333;
	display:none;
	padding:2px 5px;
	position:absolute;
}


.textPage			{ position: relative; }
.textPage h1		{ color: #44484c; font-size: 2.6em; }
.textPage h2 		{ color: #44484c; font-size: 1.9em; margin: 0px 0px 20px 0px; }
.textPage h2 a 	{ text-decoration: none; }
.textPage h3		{ color: #ff1111; font-size: 1.3em; margin: 0px 0px 25px 0px; }
.textPage p			{ color: #44484c; line-height: 20px; padding: 0px 20px 15px 25px; }
.textPage ul li	{ background: url('../files/graphic/bg_list_bullet.gif') 10px 7px no-repeat; list-style: none; margin: 0px 0px 20px 0px; line-height: 20px; padding: 0px 0px 0px 25px; }
.textPage ul li p { margin: 0px; padding: 0px; }
.textPage ul.technology li { margin-bottom: 5px; }
.textPage strong 	{ color: #44484c; }

.textPage .itemFoot 				{ background: url('../files/graphic/bg_faq_foot.gif') bottom left no-repeat; margin: 0px 0px 20px 0px; padding: 0px 4px 7px 0px; text-align: right; min-height: 1px;}
.textPage .itemFoot a 			{ background: url('../files/graphic/ico_faq_bullet.gif') center right no-repeat; display: block; padding: 0px 10px 0px 0px; }
.textPage .itemFoot a:hover 	{ text-decoration: underline; }

.textPage .cite 							{ background: url('../files/graphic/bg_cite_left.gif') 40px 0px no-repeat; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 80px; text-align: center; }
.textPage .cite .citeInner 			{ background: url('../files/graphic/bg_cite_right.gif') 490px 0px no-repeat; padding: 0px 100px 0px 0px; }
.textPage .cite .citeInner cite 		{ color: #44484c; font-style: italic; }

.textPage .desc 						{ margin: 0px 0px 40px 0px; }
.textPage .desc li					{ background: none; list-style: none; margin: 0px; padding: 0px; }
.textPage .desc ul					{ margin: 30px 0px 0px 0px; }
.textPage .desc strong 				{ color: #44484b; display: inline; 	height: 1.6em; }
.textPage .desc .descPhoto 		{ background: url('../files/graphic/border_desc.gif') center right no-repeat; height: 100px; float: left; width: 265px; }
.textPage .desc .descPhoto img 	{ border: 1px solid #dbdcdc; margin: 0px 25px 0px 0px; vertical-align: middle; padding: 1px; }
.textPage .desc .descContact 		{ background: url('../files/graphic/border_desc.gif') center right no-repeat; float: left; height: 100px; padding: 0px 0px 0px 30px; width: 160px; _width: 190px; }
.textPage .desc .descPhone			{ float: left; height: 100px; padding: 0px 0px 0px 30px; width: 150px; }

.formular				{ background: #f7f7f7; margin: 0px 0px 30px 24px; padding: 8px 16px; }
.formular label		{ margin-top: 3px; }
.formular input		{ background: url('../files/graphic/bg_faq_input.gif') top left no-repeat; border: 0px; display: block; height: 24px; margin: 0px 0px 7px 0px; padding: 5px 3px 3px 3px; width: 240px; }
.formular #captcha 	{ margin-top: 23px; }
.formular textarea	{ background: url('../files/graphic/bg_faq_textarea.gif') top left no-repeat; border: 0px; height: 90px; margin: 0px 0px 0px 0px; overflow: hidden; padding: 3px 3px 3px 3px; width: 347px; }
.formular .submit  	{ background: none; padding: 0px; height: 24px; margin: 0px 0px 0px 95px; _margin: 0px 0px 0px 90px; width: 94px; }

/* box*/
body#sluzby #mainBar 	{ margin-left: 0px; }

/* ***************************************************** */
/* Sluzby */
#services 					{ background: #fbde98 url('../files/graphic/bg_services.gif') top left repeat-y; width: 930px; }
#services .top 			{ background: url('../files/graphic/bg_services_top.gif') top left no-repeat; width: 100%; }
#services .bottom 		{ background: url('../files/graphic/bg_services_bottom.jpg') bottom left no-repeat; min-height: 560px; width: 100%; }
#services .padding 		{ padding: 45px; }
/* common */
#services .item			{ height: 105px; padding: 15px 0px 0px 195px; }
#services h2				{ margin: 0px 0px 10px 0px; padding: 0px; }	
/* ikonky */
#services .website		{ background: url('../files/graphic/ico_services_website.png') top left no-repeat; }
#services .graphic		{ background: url('../files/graphic/ico_services_graphic.png') top left no-repeat; }
#services .visit			{ background: url('../files/graphic/ico_services_visit.png') top left no-repeat; }
#services .conversion	{ background: url('../files/graphic/ico_services_conversion.png') top left no-repeat; }

/* ***************************************************** */
/* Referencie */
#references 							{}
#references p 							{ padding-left: 0px; margin-bottom: 10px; }
#references p.first					{ margin: 0px 0px 50px 0px; }
#references	h1							{ position: relative;  }

#references .client 					{ float: left; margin-bottom: 0px; padding-bottom: 30px; margin-right: 26px; _margin-right: 13px; position: relative; width: 185px; }
#references .client .head 			{ background: url('../files/graphic/bg_sidemenu_header.png') top left no-repeat; height: 47px; position: absolute; right: 0px; top: -24px; text-align: left; width: 136px; z-index: 1000; }		
#references .client h3				{ color: #fff; font-size: 1em; line-height: 30px; margin: 0px 10px 0px 10px; }
#references .client h3 a			{ color: #fff; display: block; text-decoration: none; }
#references .client p				{ font-size: 1em; }
#references .client p a				{ background: url('../files/graphic/bg_references_bullet.gif') center right no-repeat; padding-right: 10px; }

#references .preview					{ float: left; margin: 16px 26px 16px 0px; _margin: 16px 13px 8px 0px; position: relative; width: 186px; }
#references .preview .head 		{ background: url('../files/graphic/bg_sidemenu_header.png') top left no-repeat; height: 47px; position: absolute; right: 0px; top: -24px; text-align: left; width: 136px; z-index: 3; }		
#references .preview h3				{ color: #fff; font-size: 1em; line-height: 30px; margin: 0px 10px 0px 10px; }
#references .preview h3	a			{ color: #fff; display: block; text-decoration: none; }

#references .cite							{ background: #f7f7f7; margin: 0px 0px 20px 0px; padding: 30px; text-align: left; font-style: italic; }
#references .cite h2						{ background: url('../files/graphic/bg_cite.png') top left no-repeat; font-weight: normal; height: 64px; margin: 0px; padding: 0px 0px 0px 82px; font-style: normal; }
#references .cite	.clearfix			{ display: block; float: right; font-style: normal; text-align: center; }
#references .cite	.clearfix strong	{ display: block; padding: 0px 0px 0px 0px; }

#references .references-image	 	{ position: relative; z-index: 2; }
#references .references-normal 	{ left: 0px; position: absolute; top: 0px; z-index: 1; }
#references .image					{ height: 154px; }
#references a.open					{ background: url('../files/graphic/bg_references_open.png') top right no-repeat; color: #fff; display: block; font-size: 11px; height: 28px; line-height: 28px; padding: 0px 10px 0px 0px; position: absolute; right: 0px; top: 0px; text-align: right; text-decoration: none; width: 136px;}

/* ***************************************************** */
/* Caste otazky */
#faq 						{}
#faq ul 					{ margin: 0px 0px 40px 0px; }
#faq ul li 				{ background: url('../files/graphic/bg_list_bullet.gif') 0px 6px no-repeat; list-style: none; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 17px; }
#faq ul li a 			{ color: #44484c; font-size: 1.1em; text-decoration: none; }
#faq ul li a:hover 	{ text-decoration: underline; }
#faq ul li p 			{ padding-left: 0px; }

#faq .item ul 				{ margin: 0px; }

#faq .domain				{ background: #f7f7f7; height: 40px; margin: 20px 0px 30px 0px; padding: 0px 12px; }
#faq .domain label		{ vertical-align: top; margin-top: 12px; float: left; }
#faq .domain input		{ background: url('../files/graphic/bg_faq_input.gif') top left no-repeat; border: 0px; height: 24px; margin: 8px 10px; padding: 5px 3px 3px 3px; width: 240px; }
#faq .domain img			{ cursor: pointer; vertical-align: top; margin-top: 8px;}
#faq #report p 			{ padding: 5px; }

/* ***************************************************** */
/* Kontakt */
.contact 											{}
.contact p 											{ padding-left: 0px; }
.contact p.first									{ margin: 0px 0px 40px 0px; }
.contact .formular 								{ margin-left: 0px; padding: 20px; }
.contact .formular .clearfix					{ _margin: 0px 0px 10px 0px; }
.contact .formular label						{ float: left; padding: 0px 10px 0px 0px; text-align: right; width: 82px; _width: 92px; }
.contact .formular input						{ background: url('../files/graphic/bg_contact_input.gif') top left no-repeat; float: left; width: 151px; }
.contact .formular input.select				{ height: auto; margin: 3px 0px 0px 0px; width: auto; }
.contact .formular .long						{ margin: 0px 0px 10px 0px; }
.contact .formular .long .clearfix			{ margin: 0px 0px 5px 0px; }
.contact .formular .long label				{ width: auto; }
.contact .formular textarea					{ background: url('../files/graphic/bg_contact_textarea.gif') top left no-repeat; border: 0px; height: 81px; margin: 0px 0px 0px 0px; overflow: hidden; float: left; padding: 3px 3px 3px 3px; width: 401px; }
.contact .formular input#submit 	         { background: url('../files/graphic/bg_contact_us_button.gif') top left no-repeat; cursor: pointer; font-size: 0.9em; height: 24px;  width: 94px; }
.contact .formular .captcha label			{ margin: 0 10px 0 84px; width: 180px; padding: 0; }

.kontakt #footer h2 					{ margin: 0px 0px 35px 0px; padding: 0px; }
.kontakt #footer li 					{ background: none; list-style: none; margin: 0px 0px 2px 0px; }
.kontakt #footer li.head 			{ font-weight: bold; left: -60px;  position: absolute; }
.kontakt #footer .factureFirst 	{ background: url('../files/graphic/border_footer.gif') center right no-repeat; float: left; height: 70px; padding: 0 50px 0px 100px;  }
.kontakt #footer .factureFirst ul { padding-top: 5px; position: relative; }
.kontakt #footer .factureSecond 	{ background: url('../files/graphic/border_footer.gif') center right no-repeat; float: left; height: 70px; padding: 0 15px 0px 30px; }
.kontakt #footer .factureSecond ul { padding-top: 25px; }
.kontakt #footer .factureThirth	{ float: left; height: 70px; padding: 0px 0px 0px 30px;  }
.kontakt #footer .factureThirth ul { padding-top: 25px; }
.kontakt #footer .fox 				{ margin: 20px 0px 0px 700px; }


.openContent .item .itemHead h2              { font-size: 1em; line-height: 1; }
.openContent .item .itemHead h2 a            { color: #000; font-weight: normal; }
.openContent .item .itemHead h2 span.icon    { display: block; width: 10px; height: 10px; overflow: hidden; margin-right: 10px; background: transparent url('../files/graphic/ico_open_content.gif') 0 0 no-repeat; float: left; }
.openContent .item .itemOpened h2 a          { color: #ff0000; font-weight: bold; text-decoration: none; }
.openContent .item .itemOpened h2 span.icon  { background-position: -10px 3px; }
.openContent .item .itemContent              { margin: 0 0 20px 20px; border-bottom: 1px solid #34383B; }

.domainFree                { border: 1px solid #CACACA; width: 330px; margin-bottom: 10px; }
.domainFree label          { display: block; padding: 10px;  }
.domainFree .cont          { float: left; margin-left: 10px; width: 200px; }
.domainFree .cont input    {  }
.domainFree .submit        { float: right; margin-right: 10px; width: 100px; }
.domainFree .submit input  {  }
.domainFree input          { padding: 3px 0 !important; }

.report  { display: block; padding: 5px; margin-bottom: 10px; }
.error   { background: #FFE6E6; }
.message { background: #EAFFEA; }

.youAsk .clearfix       {  }
.youAsk .lab            { float: left; padding-right: 10px; text-align: right; width: 180px; }
.youAsk .lab label      { text-align: right; }
.youAsk .cont           { float: left; text-align: left; width: 250px; }
.youAsk .captcha input  { float: left; margin-top: 0; }
.youAsk div.submit      { padding-left: 180px; width: 110px;  }
.youAsk textarea        { height: 90px; }

ul.ul1      { margin-bottom: 20px; }
ul.ul1 li   { margin-bottom: 3px; }

#additionalMenu              { float: right; }
#additionalMenu ul           { list-style-type: none; padding-left: 20px; }
#additionalMenu ul li        { list-style-type: none; display: block; float: left; padding-right: 10px; margin: 0 0 10px 0; background: transparent url('../files/graphic/bg_mainmenu_li.gif') right 5px no-repeat; }
#additionalMenu ul li.last   { background: none; }
#additionalMenu ul li a      { display: block; float: left; color: #fff; line-height: 28px; text-decoration: none; margin-left: 10px; cursor: pointer; }
#additionalMenu ul li span      { float: left; display: block; height: 32px; }
#additionalMenu ul li span span { padding: 0 10px; }
#additionalMenu ul li a:hover   { text-decoration: underline; }

/* drupal page */
body#drupal .textPage ul            { margin-bottom: 20px;  }
body#drupal .textPage ul li         { margin: 0 0 5px; background: url('../files/graphic/bg_drupal_list_bullet.gif') no-repeat scroll 5px 7px transparent; color: #44484c; }
body#drupal .textPage p.drupal span { background: url('../files/graphic/ico_drupal.png') no-repeat; display: block; width: 70px; height: 69px; float: left; }
.whyDrupal                          { margin: 0 18px 25px; }
.whyDrupal .item                    { position: relative; }
.whyDrupal .item h3                 { margin: 0; }
.whyDrupal .item h3 a               { display: block; background: url('../files/graphic/bg_itemTitle.gif') no-repeat; font-size:0.9em; height:42px; line-height:42px; }
.whyDrupal .item h3 a span          { padding-left: 60px; display: block; margin-left: 12px; height: 42px; }
.whyDrupal .last .item h3 a:hover,
.whyDrupal .item h3 a:hover         { background-position: 0 -42px; }
.whyDrupal .first .item h3 a:hover  { background-position: 0 -43px; }
.whyDrupal .last .item h3 a.active, 
.whyDrupal .item h3 a.active        { background-position: 0 -84px; }
.whyDrupal .first .item h3 a.active { background-position: 0 -86px;}  
.whyDrupal .first .item h3 a        { background: url('../files/graphic/bg_itemTitleFirst.gif') no-repeat; height: 43px; line-height: 43px; }
.whyDrupal .last .item h3 a         { background: url('../files/graphic/bg_itemTitleLast.gif') no-repeat; }
.whyDrupal .itemContent             { background: url('../files/graphic/bg_itemContent.gif') center top no-repeat; border-bottom: 1px solid #c5c5c6; position: relative; }
.whyDrupal .itemContentInner         { padding:25px 30px 0; }
.whyDrupal .last .itemContent       { background-position: center bottom; border: none; } 
.whyDrupal .itemContent p           { padding: 0 0 15px; }
.modules h3 span        { background: url('../files/graphic/ico_modules.png') no-repeat; height: 43px; }
.independence h3 span   { background: url('../files/graphic/ico_independence.png') no-repeat; }
.seo h3 span            { background: url('../files/graphic/ico_seo.png') no-repeat; }
.awards h3 span         { background: url('../files/graphic/ico_awards.png') no-repeat; }
.trust h3 span          { background: url('../files/graphic/ico_trust.png') no-repeat; }
.whyDrupal .itemContentClose              { padding: 0 0 0 567px; height:32px; } 
.whyDrupal .itemContent a.closeItem       { display: block; height: 23px; width: 22px; background: url('../files/graphic/bg_itemContentClose.gif') no-repeat; text-indent: 1000px; overflow: hidden;}
.whyDrupal .itemContent a.closeItem:hover { background-position: 0 -23px; }

.slider                    { width: 606px; height: 246px; position: relative; background: #cecccd; margin: 0 18px 18px; }
.slider a                  { text-decoration: none; }
.slider ul li              { background: none !important; padding: 0; margin: 0 !important; }
.slider ul li img          { width: 604px; height: 207px; }
.slider .navigation        { height:70px; left:0; position:absolute; top:0; width:606px; z-index:4; }
.slider .navigation a      { text-indent: -1000px; display: block; width: 52px; height: 70px; position: absolute; cursor: pointer; } 
.slider .navigation a.prev { background: transparent url('../files/graphic/bg_sliderLeftArrow.png') 0 0 no-repeat; top: 80px; left: 0px; }
.slider .navigation a.next { background: transparent url('../files/graphic/bg_sliderRightArrow.png') 0 0 no-repeat; top: 80px; right: 0px;}
.sliderBottom              { width: 606px; height: 38px; background: transparent url('../files/graphic/bg_sliderBottom.gif') 0 0 no-repeat; position: absolute; bottom: 0; left: 0; z-index: 4; text-align: center; }
.sliderContent             { overflow:hidden; width:604px; margin-left: 1px; padding-top: 1px;}
.sliderTop                 { width: 22px; height: 20px; background: transparent url('../files/graphic/bg_sliderTop.png') 0 0 no-repeat; position: absolute; top: 0; left: 0; z-index: 4; }
.sliderTitle               { width: 136px; height: 47px; background: transparent url('../files/graphic/bg_sliderTitle.png') 0 0 no-repeat; position: absolute; top: -24px; right: 0; z-index: 4; }
.sliderTitle span          { color: #fff; font-weight: bold; line-height: 29px; padding-left: 10px; }
.sliderPagerWrapper                       { display:table; margin: 0px auto; width: auto; margin-top: 15px; line-height: 9px; }                       
.sliderPager                              { display:table-row; display: inline-block; } 
.sliderPager .sliderPagerItem             { display:table-cell; display: inline-block; float: left; height: 9px; width: 9px; margin-right: 10px;  }
.sliderPager .sliderPagerItem a           { display: block; width: 9px; height: 9px; background: transparent url('../files/graphic/bg_sliderPagerItem.gif') 0 0 no-repeat; overflow: hidden; outline: none; }
.sliderPager .actual a,
.sliderPager .sliderPagerItem a:hover     { background-position: 0 -9px; outline: none; }