/* CSS stylesheet created by Studio MakeArt */

* {	margin:0; padding:0; border:none; line-height:normal; list-style-type:none; outline:none}

html {	font:normal 100% Arial, Segoe UI, Helvetica, sans-serif; color:#d9e8ff; background:url('images/sand.jpg') #024190;; min-width:1000px}

/* MENU */
div#menu {			background:url('images/bg_menu_large.jpg') top center no-repeat #024190; height:46px; width:100%}
div#menu ul {		width:956px; margin:0 auto; display:block}
div#menu li {		display:inline}

	/* MENU ITEMS */
	div#menu ul li {			position:relative!important; display:block; float:left}
	div#menu ul li a {			height:46px; float:left; display:inline; position:relative; background-position:top; text-indent:-9999px}
	div#menu ul li a:hover {	background-position:bottom}
	a#logo {		background:url('images/menu/logo.jpg'); width:144px}
	a#services {	background:url('images/menu/services.jpg'); width:164px}
	a#reference {	background:url('images/menu/reference.jpg'); width:147px}
	a#news {		background:url('images/menu/news.jpg'); width:134px}
	a#about {		background:url('images/menu/about.jpg'); width:111px}
	a#contact {		background:url('images/menu/contact.jpg'); width:125px}
	a#blog {		background:url('images/menu/blog.jpg') bottom !important; width:107px; margin:0 0 0 24px}
	a#blog:hover {	background-position:top !important}
	
	li#logo_li {		width:144px}
	li#services_li {	width:164px}
	li#reference_li {	width:147px}
	li#news_li {		width:134px}
	li#about_li {		width:111px}
	li#contact_li {		width:125px}
	li#blog_li {		width:107px}
	
	/* DROPDOWN MENU */
	#menu ul li:hover { position:relative; }
	#menu ul li ul {	visibility: hidden; position: absolute; /*left:50%; margin:0 0 0 -650px;*/ top:46px; z-index:999; width:280px; z-index:999}
	#menu ul ul li {	float: none; width:280px; height:30px; display:block}
	#menu ul ul li a { 	float: none; width:280px; height:30px; display:block}
	#menu ul li:hover > ul { visibility: visible}
	#menu ul li ul:hover {	visibility:visible}
		
		/* DROPDOWN MENU ITEMS */
		div#menu ul li ul li a {	width:280px; height:30px; display:block; background-position:bottom}
		div#menu ul li ul li a:hover {	background-position:top}
		a.pages {					background:url(images/menu/7.jpg)}
		a.eshops {					background:url(images/menu/6.jpg)}
		a.domain {					background:url(images/menu/2.jpg)}
		a.seo {						background:url(images/menu/3.jpg)}
		a.advertise {				background:url(images/menu/4.jpg)}
		a.photo {					background:url(images/menu/5.jpg)}
		a.ref_pages {				background:url(images/menu/8.jpg)}
		a.fotolovy {				background:url(images/menu/5.jpg)}
		a.procnas {					background:url(images/menu/10.jpg)}
		a.klienti {					background:url(images/menu/11.jpg)}
		
.cotojatka {	background:#bfe8fe; color:#024190; width:200px; padding:7px; -moz-border-radius: 5px; border:1px #024190 solid; font-size:80%; z-index:9999999}	

#tooltip {		position: absolute;	z-index: 9999999; background:#bfe8fe; color:#024190; width:200px; padding:7px; -moz-border-radius: 5px; border:1px #024190 solid; font-size:80%; opacity:.8}
#tooltip h3, #tooltip div { margin: 0; }	

/* FACEBOOK */
a#facebook {		background:url('images/fb.png') left; width:30px; height:134px; position:fixed; left:0; top:150px;
					text-indent:-9999px; z-index:99999}
a#facebook:hover {	background-position:right}

/* HEADER */
div#header {	background:url('images/bg_header_large.jpg') #024190 top center no-repeat; height:317px; width:100%; min-width:1000px}
div#header_content {	width:960px; margin:0 auto; position:relative}
div#header h1 {	text-indent:-9999px; width:960px; margin:0 auto}
a#bubble {		background:url('images/contact.jpg'); width:117px; height:83px; text-indent:-9999px; position:absolute; left:50%; margin:68px 0 0 -214px}
a#xmass {		display:block; width:120px; height:140px; text-indent:-9999px; margin:30px 0 0 230px; }


/* CONTENT */
div#content_frame {	background:url('images/bg_water.jpg') top center no-repeat #024190; min-height:747px; width:100%; min-width:1000px; position:relative; height:auto !important;
					height:100%}
div#content {	width:1000px; margin:0px auto; padding:72px 0 95px 0; position:relative; overflow:hidden; min-height:747px}
div.wide {		width:1000px !important}
div.divider {	position:absolute; bottom:00px; width:100%; height:95px; background:url('images/divider.png') repeat-x; z-index:999}
div.article {	width:570px; margin:20px 0 0 20px; padding:0; float:left}
.fix.fixed {	position: fixed; top: 20px}
.ui-tabs-hide{ display:none}
hr {			display:block; margin:15px 0}
div.perex {		clear:both; margin:0px 0 20px 20px; width:570px}
div.perex p {	font-size:14px}


/* CONTENT HEADLINES */
#content h2{	color:#cbef00; font-weight:normal; font-family:Segoe UI, Arial; font-size:22px; margin:0 0 0 20px; width:500px}
#content h1 { 	color:#fff; font-weight:normal; font-family:Segoe UI, Arial; font-size:22px; width:500px}
.article h3 {	color:#cbef00; font:normal 125% Segoe UI; margin:10px 0}
.article h4 {	color:#d9e8ff; font:normal 115% Segoe UI; margin:10px 0}

/* CONTENT TEXT FORMAT */
.article p {			line-height:21px !important; margin:10px 0; padding:0; font:normal 85% Tahoma, Arial}
#content strong, b {	color:#cbef00}
#content em {			font-style:normal; font-weight:bold}

.article ul {			margin:10px 0 10px 10px}

.article ul li { background:url('images/odrazka.png') no-repeat 0 9px !important;  padding: 5px 0 5px 28px}

/* tlacitko */
.tlacitko a:hover {text-decoration:none; color:#000}
.tlacitko a { display:block; color:#2a3500; text-decoration:none; height:20px; padding:5px 0 0 11px}
.tlacitko { width:auto; display:inline; float:left;}
.prava {width:31px; height:25px; background:url("images/prava.jpg") no-repeat; margin:-5px 0 0 0; float:right}
.leva { height:25px; background:url("images/leva.jpg") left no-repeat; font:bold 12px Arial; color:#2A3500; display:inline; width:auto; float:left}


.article ol {			margin:10px 0 10px 10px}
.article ol li {		list-style-type:decimal; margin:0 0 0 75px; padding:0 0 0 5px}
a {						color:#cbef00; text-decoration:underline}
a:hover {				text-decoration:none}

/* SIDEBAR */
ul#sidebar {		width:330px; float:right; clear:right; margin:-20px 10px 0 0}
ul.content_ref {	margin:-20px 10px 0 0}
ul#sidebar_page {	width:330px; float:right; clear:right; margin:-20px 10px 0 0}
ul#sidebar_post {	width:330px; float:right; clear:right; margin:-19px 10px 0 0 }
h2.sidebar_fix {	margin:-30px 10px 47px 0 !important}
ul#sidebar_990 {	width:330px; float:right; clear:right; margin:-20px 10px 0 0}

	/* SIDEBAR TEXT FIELDS*/
	li.side_text {		background:url('images/side_text.png'); float:right; width:285px !important; height:136px;
						padding:7px 10px 0 20px; clear:right}
	li.side_text p {	display:block; font:italic 90% Segoe UI, Arial; color:#fff}					
	li.side_text a {	display:block; font-style:normal; font-weight:normal; font-family:Segoe UI, Arial !important;
						font-size:120%; color:#cbef00; text-decoration:none}			
	li.side_text:hover {background:url('images/side_text_hover.png')}
	li.hidden_nav {		display:none; visibility:hidden; height:0px; text-indent:-9999px}

	/* SIDEBAR REFERENCE FIELDS */
	li.side_ref {		background:url('images/side_ref.png'); float:right; width:308px; height:157px; padding:6px 0 0 19px }
	li.cont_ref {		float:left}
	li.side_ref:hover {	background:url('images/side_ref_hover.png')}

/* SIDEBAR HEADLINE */
h2#side_headline {		float:right; clear:right; width:350px; margin:/*-36px*/0 10px 47px 0; text-align:right; color:#fff}
h2#perex_headline {		float:left; clear:both; width:550px; margin:/*-36px*/0 10px 20px 20px; text-align:left; color:#CBEF00}
h2#side_headline_990 {	float:right; clear:right; width:320px; margin:/*-36px*/0 10px 47px 0; text-align:right; color:#fff}
h2#side_headline_page {	float:right; clear:right; width:350px; margin:/*-36px*/0px 10px 47px 0; text-align:right; color:#fff}
h2#reklama {		float:right; clear:right; width:300px; margin:/*-36px*/0 12px 47px 0; text-align:right; color:#fff}

/* CONTACT FORM */
input, textarea {	color:#d9e8ff; padding:0 4px; font:normal 100% Arial}
div.field {			line-height:26px; width:350px; margin:10px 0; clear:both;}
div.field input {	width:220px; height:24px; border:1px #d9e8ff solid; background:none; float:right}
textarea#text {		width:490px; margin:10px 0; border:1px #d9e8ff solid; background:none; float:left; clear:left; padding:5px}
input#capimg {		width:100px; height:24px; border:1px #d9e8ff solid; background:none; margin:-1px 0 0 10px; float:left}
form img {			float:left }
input#submit {		background:url('images/right_s.png') right center no-repeat; float:right; height:19px; border:1px d9e8ff solid; color:#bfef00; margin:0 70px 0 0; padding:0 20px 0 0}
input#submit:hover {cursor:pointer; color:#d9e8ff}

/* ERROR MSGS */
div.wpcf7-validation-errors {	border:none; clear:both; margin:10px 0 0 0; padding:0; color:#fff}
span.wpcf7-not-valid-tip-no-ajax {	clear:both; float:left; width:350px; color:#cbef00; margin:5px 0; padding:0; font:normal 105% Arial}
div.wpcf7-mail-sent-ok {		border:none; clear:both; margin:10px 0 0 0; padding:0; color:#cbef00}

/* FOOTER */
div.clear {		clear:both; width:100%; height:1px}
div#footer {	background:url('images/bg_floor.jpg') top center repeat-y; height:329px; width:100%; margin:-22px 0 0 0; position:relative}
div#mask {		background:url('images/bg_floor.jpg') top center no-repeat; height:550px; width:100%; position:absolute; z-index:9997}
div#footer_content {	width:960px; height:329px; margin:0 auto; color:#352302; font-size:90%}
a#bubble2 {		background:url('images/contact2.png'); width:103px; height:88px; text-indent:-9999px; position:absolute; left:50%; margin:20px 0 0 -30px !important; z-index:9998}
div.footer_article {	width:320px; margin:10px 0; float:left; height:200px; color:#352302; padding:235px 0 0 0}
div.padding {			width:80px; height:70px; float:left}
div.footer_article h2 {	font:bold 120% Arial, Helvetica, sans-serif; color:#352302; width:215px; float:right; margin:0 0 20px 0; padding:0}
div.footer_article p {	float:right; clear:right; width:215px; margin:0; padding:0; line-height:28px !important}
div.footer_article a {	text-decoration:none}
div.footer_article a:hover {	text-decoration:underline}

div#article_1 {}
div#article_2 {}
div#article_3 {			margin:10px 0}

/* FOOTER TEXT FORMAT */
div#footer p {	line-height:30px; clear:right; color:#352302}
p#foot_navi {	width:300px; float:left; padding:20px 0 0 0; clear:both}
div#footer a {	color:#352302; line-height:22px}
p#foot_meta {	width:550px; float:right; padding:20px 0 0 70px;}
p#foot_meta a {	margin:0}