/*
------------------------------------------------------
GULIWER s.r.o.

General Screen Styles
Created by the Guliwer s.r.o. ,  2007
http://www.guliwer.sk

------------------------------------------------------
*/


/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }

body { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; background: #fff url(../images/header_back.jpg)  top left repeat-x; }
h1 { font-size: 2.2em;  color:#86b400; line-height:1.5em; height:40px; padding-left:45px; margin-bottom:10px; background: url(../images/icon_2.gif) no-repeat center left; font-weight:700;font-family:Arial, Helvetica, sans-serif; }


h2 { font-size: 2em; line-height: 1.2em; color:#f46600;  margin-bottom: .5em; font-family:Arial, Helvetica, sans-serif; }
h3 { font-size: 1em;    line-height: 1.5em; color:#FFFFFF;font-family:Arial, Helvetica, sans-serif; }


abbr, acronym { border-bottom: 1px dotted #58B2CB;	cursor: help;}
em {color:#666666; font-weight:bold;}

p { margin-bottom: 1.5em; line-height:1.5em; font-size:1.2em; }



.anchor {padding:0; margin:0;}
 ul, ol, dd { margin-bottom: 1.5em;}

img { border: none; }

.clear { clear: both; }
.hide { display:none;	}
.right {float:right;}
.left {float:left;}

a:link, a:visited {color:#76ad00;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline;}
a:hover {text-decoration:none; color:#ff8e1c;}


/*-------------------------------------------    
    Container
-------------------------------------------*/

#container {margin:0 auto; width:780px; }
/* border:1px solid #000; */

/*-------------------------------------------    
    Header
-------------------------------------------*/

#header { height:153px; width: 100%;  background: #76ad00 url(../images/header_banner.jpg)  top left no-repeat; position:relative;  z-index:300;}
#header #tooltip {background:url(../images/bublinka.png) no-repeat; position:absolute; top:20px; left:250px; width:217px; height:79px; display:none; }
#header #logo { width:289px; height:90px; position:absolute; top:30px; left:0;cursor:move; background: url(../images/logo.png) no-repeat; }
#header #logo h1  {margin:0;text-indent:-32697px; width:0; height:0; padding:0; overflow:hidden; }

/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
#navigacia { width:780px; margin-bottom:15px; position:relative; float:left; }
#site_nav { float:right; }

#site_nav ul {list-style:none; margin:4px 0 0 0; text-transform:uppercase; }	
#site_nav  li { display:inline; }
#site_nav  li a, #site_nav  li a:visited  {float:left;  font-family:Arial, Helvetica, sans-serif;padding:5px 16px 5px 16px; color:#FFFFFF; text-decoration:none; font-size:1.2em; line-height:1em; font-weight:bold; background: transparent; }
 #site_nav  li a:hover { background-color:#ff8e1c;} 

/* Automatic Page Highlighting */
#home #uvod a, #about #onas a, #service #sluzby a, #referen #referencie a,#web_projekt #referencie a, #projekt #news a, #cennik #ceny a{ background-color:#ff8e1c; }

 #left_nav  ul{list-style:none; margin:10px 0 0 10px; padding:0;}
 #left_nav  li { margin:0; padding:0; height:1%; }
 #left_nav  ul a { font-weight:bold; margin-bottom:10px;background:url(../images/bullet.jpg) no-repeat bottom left; line-height:27px;  padding-left: 30px; display:block;}
 #left_nav  ul a:hover {background:url(../images/bullet.jpg) no-repeat top left;  }
 #left_nav li.selected a {background:url(../images/bullet.jpg) no-repeat top left; color:#ff8e1c; text-decoration:none; }
 #left_nav li.selected a:hover {color:#ff8e1c;}
/*-------------------------------------------    
    Structure
-------------------------------------------*/


#content {margin:10px 0px 0px 0px;}

.info {clear:both; }
.info h3 { font-size:16px; float:left;}
.info span {color:#999999; text-align:right; float:right;display:block;}
.info p {clear:both;}
.info .right {width:700px;}


#home #content, #service #content, #about #content, #cennik #content { width:780px; float:left;   }
#referen #content { width:640px; float:left; }
#thx #content, #error #content  { height:100px;}

#left_nav {width:135px; float:right; margin:10px 0px 10px 0px;  padding:0 0 10px 0; background:url(../images/vertical-dots.gif) repeat-y top left; }

#line {background: url(../images/h1_bottom.gif) repeat-x bottom left; width:100%; height:10px; margin-bottom:1.5em;padding:0; float:left;}


  .tab { width:257px; float:left; margin-top:82px; margin-bottom:40px;   }
  .txt { width:257px;  clear:both; top:-45px; }
  .tab h2 {margin:0;text-indent:-32697px; width:0; height:0; padding:0; overflow:hidden;}

  .print { margin-top:35px; margin-left:4px;  }
  .news {margin-top:56px; margin-left:4px;  }

#golems, #web, #print {margin-bottom:4px;float:left; }
.tab img {float:left; margin-bottom:5px; }

.image {float:right; margin-left:10px;   }

 ul.list {list-style:none;color:#555;  margin-left:10px;margin-bottom:1.5em;}
 ul.list li {background:url(../images/ullibullet.gif) no-repeat top left; padding:0px 25px; font-size:1.2em; margin-bottom:.8em; }


/* O nas - mootools class
-------------------------------------------*/

.onas_img { float:left; width:95px; height:100px; }
.onas_img a img {border:1px solid #000;}
.onas_img a:hover img  { border:1px solid #FF6600;}
#kwicks .kwick .text p {line-height:1.2em; }
#kwicks .kwick .text { padding:5px;  }

#kwicks_container {width:780px;float:left;overflow:hidden;height:98px; background-color:#eaeaea}
#kwicks_container h2 {font-size:1.5em;}
#kwicks {position: relative;	overflow:hidden;}
#kwicks .kwick {	float: left;	display: block;width:90px; border-left:5px solid #fff;}
 
/* Referencie
-------------------------------------------*/

/* web */
.box {background:url(../images/referencie_back.jpg) no-repeat top left; width:634px; height:202px; float:left; margin-bottom:20px; clear:left;}
.box img {margin:15px 21px;}
.box a img  {border:1px solid #ccc;}
.box a:hover img  {border:1px solid #FF6600;}
.box h2 { color:#666;font-size:1em;margin-left:20px; margin-top:-5px; float:left;}
.box span a {float:right; font-size:1em; margin-top:-5px; margin-right:20px; display:inline; text-align:right;}

/* logo */
.logo_box {background:url(../images/logo_box.jpg) no-repeat top left;  width:312px; position:relative; height:203px; float:left; display:inline; margin-bottom:15px; }
.logo_box img {margin:20px 23px; float:left;}
.logo_box h2 { color:#666;font-size:1em;margin-left:23px; margin-top:-15px; float:left;}
.logo_box a img  {border:1px solid #ccc;}
.logo_box a:hover img  {border:1px solid #FF6600;}
.logo_box span a {float:right; font-size:1em; margin-top:-15px; margin-right:20px; display:inline; text-align:right;}

/* Cennik
-------------------------------------------*/

#cennik h3.title a {color:#000000;background-color:#e9e9e9; padding:5px 0 5px 10px;  position:relative;margin-bottom:2px; display:block; text-decoration:none; }
#cennik h3.title a span { font-weight:bold; border-left:1px solid #fff; position:absolute; right:10px; text-align:right; width:120px; font-size:16px; color:#454545;}
#cennik h3.title a:hover span { color:#fff;}

#cennik h3.title a:hover {background: #77ab04 url(../images/cennik_h3.gif) repeat-x top left; ; color:#FFFFFF;}
 .cennik_info {background-color:#fdf4d2; padding:5px; margin-bottom:5px;}

/* sluzby
-------------------------------------------*/


/* thank you 
-------------------------------------------*/
h1#thx {  background: url(../images/icon_5.gif) no-repeat center left;  }
#thx #content p { padding-left:45px;}

 
 /* error 404
-------------------------------------------*/
#error h1 {  background: url(../images/icon_6.gif) no-repeat center left;  }
#error #content p { padding-left:45px;}

 
/* Projekt
-------------------------------------------*/

 #projekt #content, #web_projekt #content {width:350px; float:left;  }
 #projekt #right, #web_projekt #right {width:360px; float:right; margin:10px 0px 10px 0px; padding-left:15px;  background:url(../images/vertical-dots.gif) repeat-y top left;}
 #projekt #right h2,  #web_projekt #right h2 {background:url(../images/icon_3.gif) no-repeat center left; padding-left:40px; line-height:1.5em;}

#web_projekt  h1 {background:none; padding:0;}
#web_projekt  h1 a {background: url(../images/icon_exit.gif) no-repeat center left; text-decoration:underline; padding-left:60px;}
#web_projekt  h1 a:hover { text-decoration:none;}
 #projekt #right p { }
/*-------------------------------------------    
    Footer
-------------------------------------------*/

#footer {background:url(../images/footer_back.jpg) repeat-x top left; height:420px; margin:0; width:100%; clear:both; padding-top:20px;  }
#footer_inn {background:url(../images/footer_inn.jpg) repeat-x top left; width:780px; height:420px; margin:0 auto;color:#8eaeb2; position:relative; }

#bookmark { position:absolute; top:20px; right:20px;}
#bookmark img {float:left; margin-left:5px;}
/*  footer left */
#footer_left {float:left; width:245px; margin-left:25px; display:inline; padding-top:30px;font-family:Arial, Helvetica, sans-serif; }
#footer_left h2 {color:#CCCCCC; font-size:20px; line-height:18px; }
#footer_left ul {list-style:none; margin:0;}
#footer_left ul a {font-weight:bold;}
#footer_left .skype {background:url(../images/skype.jpg) no-repeat top left; padding-left:20px; margin-bottom:5px;}
#footer_left .icq img{ float:left;}
#footer_left .mobil {color:#8eaeb2; margin-bottom:10px; margin-top:10px;}
#footer_left p {font-size:12px;}
/*  footer right */
#footer_right {float:right; width:470px; margin-top:70px; margin-bottom:70px;  }
#footer_right #formular input {width:200px; margin:0 10px 10px 0; padding:3px; background-color:#b8baba; border:none;}
#footer_right #formular input:focus, #footer_right #formular textarea:focus {background-color:#FFFFFF;}
#footer_right #formular p {margin:0; padding:0;}
#footer_right #formular textarea {width:421px; height:90px; border:none; background-color:#ccc; padding:3px;}
#footer_right #formular .button {float:right; margin-right:41px; margin-top:10px;}
#footer_right #formular .reguired {background-color:#999; border:1px solid #76ad00;}
#requiredtext {color:#ff0000; padding-top:50px; display:inline; font-weight:bold; font-size:14px; visibility:hidden;font-family:Arial, Helvetica, sans-serif;}

/*  footer bottom */
#footer_bottom {  width:100%;}

#footer_bottom ul.validate{list-style:none; float:right; padding:0; margin:0px 30px 0 0;display:inline;  }
#footer_bottom .validate li {float:left; display:inline;}
#footer_bottom .xhtml a { display:block; font-size:.8em;}
#footer_bottom .xhtml a:link, #footer_bottom .xhtml a:visited { font-weight:normal; margin-right:10px; color:#FFFFFF; border-bottom:1px dotted #fff; text-decoration:none;}
#footer_bottom .xhtml a:hover {}
#footer_bottom .css a {  display:block; font-size:.8em;}
#footer_bottom .css a:link, #footer_bottom .css a:visited {font-weight:normal;color:#FFFFFF;border-bottom:1px dotted #fff; text-decoration:none;}
#footer_bottom .css a:hover {}

#footer_bottom #copyright { float:left; line-height:1.5; color:#FFFFFF; font-size:.8em; margin-left:25px; display:inline;}

#footer_inn #sipka {margin:0; position:absolute; right:0; bottom:100px; z-index:100;  }
#footer_inn #sipka a, #footer_inn #sipka a:visited {text-decoration:underline;font-weight:bold;background: url(../images/sipka_off.jpg) no-repeat right center; padding-right:14px;  }
#footer_inn #sipka a:hover {background: url(../images/sipka.jpg) no-repeat right center; text-decoration:none;}

/*-------------------------------------------    
    Fix
-------------------------------------------*/


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

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

.tool-tip {
	color: #fff;
	z-index: 13000;
	width:309px;
}
 
.tool-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	color: #fff;
	padding: 15px 10px 4px 30px;
	background:  url(../images/tool_tip.png) no-repeat top left;


}
 
.tool-text {
	font-size: 12px;
	margin-left: 15px;
	font-weight: bold;
	padding:8px 8px 8px 15px;
	background-color: #76ad00;
	
}