@import url("sluzby.css");
@import url("klienti.css");
@import url("sluzby-menu.css");
@import url("colorbox.css");

html, body {      
          height: 100%;
          margin: 0px;
          font-family: Tahoma,Arial,Helvetica, sans-serif;
          font-size: 12px;
          color: #666666;
          background-color: #f1f2f6;
          background-image: url(../images/bg-web.jpg);
          background-repeat: repeat-x;
          background-position: top center;
}

#all-content {
          width: 1000px;
          height: 292px;
          padding: 0px;
          margin: auto;
          border: 0px solid #25363c;
          background-image: url(../images/bg-all-content.jpg);
          background-repeat: no-repeat;
          background-position: top center;
}

#top-content {
          width: 100%;
          height: 155px;
          margin: 0px;
          padding: 0px;
          border: 0px solid green;
}

#logo-content {
          width: 1000px;
          height: 155px;
          margin: auto;
          padding: 0px;
          border: 0px solid green;
          background-image: url(../images/bg-logo.jpg);
          background-repeat: no-repeat;
          background-position: top center;
}

#menu-content {
          width: 920px;
          height: 56px;
          margin-left: 39px;
          margin-top: 21px;
          padding: 0px;
          border: 0px solid red;
          background-image: url(../images/bg-menu.jpg);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

ul.menu {
          margin: 0px;
          padding: 0px;
          border: 0px solid green;
          float: left;
          border: 0px solid red;
          text-align: center;
}


ul.menu li
{
          width: 125px;
          height: 55px;
          margin-top: 0px;
          float: left;
        	list-style: none;
        	padding: 0px 0px 0px 0px;
        	background-color: inherit;
        	border: 0px solid green;
}

ul.menu a{
          line-height: 4.2em;
}

ul.menu li:hover
{
          width: 125px;
          height: 55px;
          margin-top: 0px;
          float: left;
        	list-style: none;
        	padding: 0px 0px 0px 0px;
        	background: url("../images/button.gif") 13px 0px no-repeat;
        	background-color: inherit;
        	border: 0px solid green;
}

li.active
{
          width: 125px;
          height: 55px;
          margin-top: 0px;
          float: left;
        	list-style: none;
        	padding: 0px 0px 0px 0px;
        	background: url("../images/button.gif") 13px 0px no-repeat;
        	background-color: inherit;
        	border: 0px solid green;
}

#white-content {
          width: 100%;
          height: 2px;
          margin: 0px;
          background-color: #ffffff;
}

#logo {
          width: 170px;
          height: 60px;
          margin: 0px;
          margin-left: 80px;
          margin-top: 18px;
          padding: 0px;
          border: 0px solid red;
          cursor: pointer;
          float: left;
}


#left-content {
          width: 665px;
          margin: 0px;
          margin-left: 0px;
          padding: 0px;
          border: 0px solid red;
          float: left;
}

#textarea {
          width: 920px;
          margin: 0px;
          margin-left: 40px;
          padding: 0px;
          border-top: 1px solid #bebebe;
          float: left;
          background-image: url(../images/bg-right.gif);
          background-repeat: repeat-y;
          background-position: top right;
          background-color: #ffffff;
          
}

#textarea-content {
          width: 592px;
          margin: 0px;
          margin-left: 36px;
          margin-top: 18px;
          margin-bottom: 18px;
          border: 0px solid red;
          line-height: 1.7em;
          float: left;
}


#right-content {
          width: 253px;
          margin: 0px;
          margin-left: 0px;
          padding: 0px;
          border: 0px solid red;
          float: left;
}

#klienti-sluzby {
          position: absolute;
          width: 139px;
          height: 38px;
          margin: 0px;
          margin-left: 704px;
          margin-top: 255px;
          padding: 0px;
          border: 0px solid red;
          background-image: url(../images/klienti-sluzby.png);
          background-repeat: repeat-y;
          background-position: top right;
}

#klienti-sluzby span{
          margin-left: 40px;
          line-height: 3.6em;
}

#nase-sluzby {
          position: absolute;
          width: 139px;
          height: 38px;
          margin: 0px;
          margin-left: 664px;
          margin-top: -25px;
          padding: 0px;
          border: 0px solid red;
          background-image: url(../images/klienti-sluzby.png);
          background-repeat: repeat-y;
          background-position: top right;
          float: left;
}

#nase-sluzby span{
          margin-left: 38px;
          line-height: 3.6em;
}

#footer {
          width: 920px;
          height: 233px;
          margin: 0px;
          margin-left: 40px;
          margin-top: 0px;
          padding: 0px;
          border: 0px solid red;
          background-image: url(../images/bg-footer.jpg);
          background-repeat: no-repeat;
          background-position: top right;
          float: left;
}

#footer-menu {
        	width: 120px;
          margin: 0px;
          margin-top: 15px;
          margin-left: 30px;
        	padding: 0px;
        	text-align: left;
        	border: 0px solid green;
        	float: left;
}

#footer-sluzby {
        	width: 175px;
          margin: 0px;
          margin-top: 15px;
          margin-left: 30px;
        	padding: 0px;
        	text-align: left;
        	border: 0px solid green;
        	float: left;
}

#footer-sluzby-dalsie {
        	width: 160px;
          margin: 0px;
          margin-top: 34px;
          margin-left: 0px;
        	padding: 0px;
        	text-align: left;
        	border: 0px solid green;
        	float: left;
}

#footer-menu span, #footer-sluzby span{
          color: #ffffff;
          font-size: 16px;
          font-weight: bold;
}

#footer-menu ul, #footer-sluzby ul, #footer-sluzby-dalsie ul{
          margin: 0px;
          margin-top: 7px;
          margin-left: 14px;
        	padding: 0px;
        	text-align: left;
        	border: 0px solid green;
}

#footer-menu ul li, #footer-sluzby ul li, #footer-sluzby-dalsie ul li
{
          float: none;
        	list-style: none;
        	padding: 0px 0px 0px 12px;
        	background: url("../images/li-footer.gif") 0px 7px no-repeat;
        	background-color: inherit;
        	line-height: 1.6em;
}

#footer-info {
          width: 920px;
          margin-left: 0px;
          margin-top: 33px;
          padding: 0px;
          border: 0px solid red;
          font-size: 10px;
          color: #4b3e1f;
          float: left;
}

#copyright {
          margin: 0px;
          margin-left: 43px;
          padding: 0px;
          border: 0px solid red;
          font-size: 10px;
          color: #4b3e1f;
          float: left;
}

#footer-kontakt {
          margin: 0px;
          margin-right: 43px;
          padding: 0px;
          border: 0px solid red;
          font-size: 10px;
          color: #4b3e1f;
          float: right;
}


#verifi-content {
          padding: 0px;
          margin: 0px;
          margin-right: 20px;
          margin-top: 12px;
          border: 0px solid red;
          text-align: left;
          float: right;
}


.verifi-input {
        	color: #7c7c7c;
          margin-right: 5px;
        	margin-top: 13px;
        	padding: 0px;
        	font-size: 10px;
        	width: 130px;
          border: 0px solid #25363c;
          background: transparent;
          float: left;
}

.search-button {
          cursor: pointer;
        	width: 36px;
        	height: 36px;
          border: 0px solid #25363c;
          margin-top: 1px;
          margin-left: 15px;
          background-image: url(../images/search-button.gif);
          background-repeat: no-repeat;
          float: left;
}

.search-button:hover {
          background-position: -35px 0px;
}

#title {
          width: 920px;
          height: 54px;
          margin-left: 40px;
          padding: 0px;
          border: 0px solid red;
          background-image: url(../images/bg-title.jpg);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

#title-h {
          width: 600px;
          margin-top: 14px;
          margin-left: 35px;
          font-weight: normal;
          border: 0px solid red;
}

#title-h h2{
          margin: 0px;
          font-size: 24px;
          font-weight: normal;
          font-family: Arial;
}

#nadpis {
          width: 270px;
          margin: 0px;
          margin-right: 45px;
          margin-top: 25px;
          font-weight: normal;
          font-family: Arial;
          color: #383c48;
          border: 0px solid red;
          text-align: center;
          float: right;
}

#nadpis h1{
          margin: 0px;
          text-shadow: #252525 2px 2px 0px;
          font-family: Arial;
          font-size: 20px;
          color: #efefef;
}

#textarea-content h2{
          color: #404040;
          font-weight: normal;
}

#textarea-content ul{
          margin: 0px;
          margin-top: 7px;
          margin-left: 0px;
        	padding: 0px;
        	text-align: left;
        	border: 0px solid green;
}

#textarea-content ul li
{
          float: none;
        	list-style: none;
        	padding: 0px 0px 0px 12px;
        	background: url("../images/li-textarea.gif") 0px 10px no-repeat;
        	font-size: 12px;
        	background-color: inherit;
        	line-height: 2em;
}

#textarea-content ul li h2
{
          font-size: 12px;
          color: #666666;
          margin: 0px;
}

.center-content{
          width: 100%;
          text-align: center;
}

table, td{
          border-collapse:collapse;
          vertical-align:top;
          text-align: left;
}

.referencia {
          width: 275px;
          text-align: center;
          border: 0px solid #f9f9f9;
          margin-left: 15px;
          margin-top: 15px;
          float: left;
}

.referencia img{
          border: 0px solid #fcc535;
}

.referencia h2{
          margin: 0px;
          margin-top: 3px;
          font-size: 12px;
          font-weight: bold;
}

#kontakt-side-box{
          width: 150px;
          height: 200px;
          border-right: 0px solid #e8e8e8;
          margin-right: 0px;
          padding-right: 20px;
          float: left;
}

.form-input{
          width: 386px;
          border: 1px solid #bebebe;
          margin-bottom: 5px;
          font-size: 16px;
          padding: 5px;
}

.form-textarea{
          width: 386px;
          border: 1px solid #bebebe;
          font-size: 14px;
          padding: 5px;
}

#kontakt-form{
          width: 392px;
          float: left;
          border-left: 1px solid #e8e8e8;
          padding-left: 20px;
}

#kontakt-form span{
          color: #e59442;
}

#kontakt-form select{
          width: 96%;
          font-size: 16px;
          padding: 5px;
          margin-bottom: 5px;
          border: 1px solid #bebebe;
          float: left;
}

.select-box-div {
          width: 196px;
          float: left;
          border: 0px solid red;
}

.form-send {
          cursor: pointer;
        	width: 96px;
        	height: 46px;
          border: 0px solid #25363c;
          margin: 0px;
          background: url(../images/send-button.gif) no-repeat;
}

.form-send:hover {
          background-position: -96px 0px;
}

#cennik-table{
          width: 100%;
}


#countdown {
          width: 665px;
          background-color: #e8e8e8;
          border-top: 0px solid #bebebe;
          border-bottom: 1px solid #bebebe;
          float: left;
}

p#time{
          color:#ffffff;
          text-align: center;
          font-weight: bold;
          font-size: 26px;
          padding: 0px;
          margin: 0px;
          text-shadow: #999999 1px 1px 1px;
}


p#time .cd-time{
          display:inline;
          color:#000000;
          font-size: 12px;
          padding: 0px;
          margin: 0px;
          text-shadow: #999999 0px 0px 0px;
}

#akciova-ponuka {
          width: 280px;
          background-color: #e8e8e8;
          border: 0px solid red;
          padding: 10px;
          margin-left: 36px;
          float: left;
}

#akciova-ponuka h2{
          margin: 0px;
          font-size: 22px;
          color: #e59541;
}

#akciova-ponuka p{
          font-size: 11px;
}

#akciova-ponuka-cas {
          width: 280px;
          background-color: #e8e8e8;
          border: 0px solid red;
          padding: 0px;
          margin-left: 15px;
          margin-top: 23px;
          float: left;
}

#akciova-ponuka-cas p{
          text-align: center;
          padding: 3px;
}

.koniec-akcie{
          margin: 0px;
}

.start-page-benefits{
          width: 183px;
          padding-right: 5px;
          margin-top: 15px;
          float: left;
          border-right: 1px solid #bebebe;
}

.start-page-benefits-second{
          width: 183px;
          margin-top: 15px;
          margin-left: 15px;
          height: 424px;
          padding-right: 5px;
          float: left;
          border-right: 1px solid #bebebe;
}

.start-page-benefits-last{
          width: 182px;
          margin-top: 15px;
          margin-left: 15px;
          float: left;
          border: 0px solid red;
}

.start-page-benefits h2, .start-page-benefits-second h2, .start-page-benefits-last h2{
          text-align: center;
          margin-top: 8px;
          margin-bottom: 8px;
}

.galeria_view{
          border: 1px solid #e8e8e8;
          margin-left: 10px;
          margin-top: 10px;
          padding: 3px;
          float: left;
}

.galeria_view:hover{
          border: 1px solid #bebebe;
}


#send-message{
          width: 98%;
          height: 35px;
          border: 1px solid #a4b863;
          margin-bottom: 10px;
          padding: 5px;
          background: url(../images/bg-send-message.gif) no-repeat top right;
          float: left;
}

#send-message-kontakt{
          width: 380px;
          height: 35px;
          border: 1px solid #a4b863;
          margin-bottom: 10px;
          padding: 5px;
          background: url(../images/bg-send-message.gif) no-repeat top right;
          float: left;
}

#send-message p, #send-message-kontakt p{
          margin: 0px;
          padding: 0px;
          padding-left: 10px;
          color: #6b8026;
          line-height: 2.5em;
          font-weight: bold;
          font-size: 14px;
}



#social-contact{ 
          width: 96%;
          margin:10px 0 0px 0;
          color:#3A434B;
          font-size:11px;
          padding: 10px;
          border-top: 1px dashed #bbbbbb;
          float: left;
}

#social-contact p{
          margin: 0px;
          margin-bottom: 10px;
} 

.socialne-siete-box{
          width: 235px;
          border: 0px solid green;
          margin-left: 10px;
          float: left;
}

.contact-box{
          width: 323px;
          border-right: 0px solid green;
          
          float: left;
}

.contact-box span{
          margin: 0px;
          margin-bottom: 10px;
          font-size: 18px;
}


#social-contact a { line-height:20px; padding:0 0 0 24px; margin:0 5px 0 0; display:inline-block; background-position:left top; background-repeat:no-repeat; }
#social-contact a.ss-facebook {background-image:url(../images/ss-facebook.gif); }
#social-contact a.ss-twitter {background-image:url(../images/ss-twitter.gif); }
#social-contact a.ss-email {background-image:url(../images/ss-email.gif); }
#social-contact a.cc-telefon {background-image:url(../images/cc-telefon.gif); }
#social-contact a.cc-cennik {background-image:url(../images/cc-cennik.gif); }
#social-contact a:hover { background-position:left bottom; }


A:link {color: #e8841a; text-decoration: none; text-align: left;}
A:visited {color: #e8841a; text-decoration: none; text-align: left;}
A:hover {color: #e8841a; text-align: left; text-decoration: underline;}
A:active {color: #e8841a; text-decoration: none; text-align: left;}
A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left;}

#sluzby-hlavna-stranka A:link {color: #626262; text-decoration: none; text-align: left;}
#sluzby-hlavna-stranka A:visited {color: #626262; text-decoration: none; text-align: left;}
#sluzby-hlavna-stranka A:hover {color: #e8841a; text-align: left; text-decoration: underline;}
#sluzby-hlavna-stranka A:active {color: #626262; text-decoration: none; text-align: left;}
#sluzby-hlavna-stranka A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left;}

.menu A:link {color: #ffffff; text-decoration: none; text-align: left;}
.menu A:visited {color: #ffffff; text-decoration: none; text-align: left;}
.menu A:hover {color: #ffffff; text-align: left; text-decoration: none;}
.menu A:active {color: #ffffff; text-decoration: none; text-align: left;}
.menu A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left;}

#footer A:link {color: #5c4214; text-decoration: none; text-align: left;}
#footer A:visited {color: #5c4214; text-decoration: none; text-align: left;}
#footer A:hover {color: #5c4214; text-align: left; text-decoration: underline;}
#footer A:active {color: #5c4214; text-decoration: none; text-align: left;}
#footer A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left;}

#footer-kontakt A:link {color: #5c4214; text-decoration: none; text-align: left;}
#footer-kontakt A:visited {color: #5c4214; text-decoration: none; text-align: left;}
#footer-kontakt A:hover {color: #5c4214; text-align: left; text-decoration: underline;}
#footer-kontakt A:active {color: #5c4214; text-decoration: none; text-align: left;}
#footer-kontakt A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: left;}

.sluzba A:link {color: #e8841a; text-decoration: none; text-align: left;}
.sluzba A:visited {color: #e8841a; text-decoration: none; text-align: left;}
.sluzba A:hover {color: #000000; text-align: left; text-decoration: underline;}
.sluzba A:active {color: #e8841a; text-decoration: none; text-align: left;}
.sluzba A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left;}

#cennik-table A:link {color: #e8841a; text-decoration: none; text-align: left;}
#cennik-table A:visited {color: #e8841a; text-decoration: none; text-align: left;}
#cennik-table A:hover {color: #000000; text-align: left; text-decoration: underline;}
#cennik-table A:active {color: #e8841a; text-decoration: none; text-align: left;}
#cennik-table A {font-family: Tahoma,Arial,Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left;}


/* image preview */

#imgPreviewWithStyles img{
          background: #ffffff url(../images/loading.gif) no-repeat center center;
          padding: 8px;
          z-index: 999;
          border: 1px solid #d6d6d6;
          }

#imgPreviewWithStyles span {
    color: red;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}          

/* END image preview */





#slider img{border:none;}
#content img{border:none;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
		
	#content{
		position:relative;
		border: 0px solid red;
		}		
    
    #slider{
		border: 0px solid red;
		margin-left: 40px;
		}		

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:920px;
		height:292px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:9px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:960px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
	
/* // Easy Slider */