a{text-decoration: none; color: #08b;}
img{border: none;}

@font-face {
    font-family: Sansation;
    src: url('font/sansation/Sansation_Regular.ttf');
    font-weight:300;
}

@media screen and (max-width: 1000px) 
{ 
	#slider_zone {
	display: none; 
	}
}
@media screen and (max-width: 700px) 
{ 
	#root_left {
	width: 39% !important;
	}
}
@media screen and (max-width: 700px) 
{ 
	#content {
	width: 61% !important;
	}
}
@media screen and (max-width: 700px) 
{ 
	#logotypy {
	display: none; 
	}
}
@media screen and (max-width: 700px) 
{ 
	#mainmenu li {
	text-indent: 0px font-size: 10px;
	/*font-size: 11px !important;*/ 
	line-height: 30px !important;
	text-align: center !important; 
	}
}
@media screen and (max-width: 700px) 
{ 
  #kontakt_left, #footer {
  /*font-size: 10px !important; width: auto !important;*/
}
}
@media screen and (min-width: 1000px) {
 #root_right {
 width: 37% !important;
 }
}

@media screen and (max-width: 1000px) {
 #root_right {
 width: 97% !important;
 }
}



.upper {
text-transform: uppercase;
}

.bold {
font-weight: 600;
}

body{
    margin: 0;
    padding: 0;
  	/*background-size: 100% 100%;*/
  	background: url('../img/bg.jpg') no-repeat center top #fff;
  /*  font-family: 'Sansation'; */
font-family: 'Source Sans Pro', sans-serif;
color: #222; font-size: 12px;
		/* background-size: 100% 100%; background-size: 117% 100%;*/
}



#root {
 width: 100%; width: 98%;
 max-width: 1366px;
 margin: auto; min-height: 600px; background: #fff;
 margin-top: -14px; padding: 10px 0px;
 height: 100%; overflow: hidden;
 overflow: hidden;
 height: auto;
}

#root_left {
 width: 234px; width: 19%; /*min-width: 130px;*/
 min-height: 690px; float: left;
 background: url('../img/bg_menu.jpg') no-repeat left top #fff; 
 color: #fff;  padding: 2px 0px;
}

#mainmenu {
 margin: 0px 0px; float: left; width: 100%;
}

#mainmenu li {
 width: 100%; height: 31px;
 line-height: 30px;
 text-indent: 20px; 
 font-size: 16px; text-align: left;   
 list-style: none;
 margin: 3px 0px;
}

#mainmenu li.actual, #mainmenu li:hover {
 background: url('../img/li.png') no-repeat left top;
}

#mainmenu a {
 color: #fff; display: block;
}

#submenu {
position: relative;
width: 100%;width: 75%;
height: 73%; height: 639px;height: 700;
background: #1B6C9B;
left: 93%;left: 88%;
top: -64px; z-index: 100; /*min-height: 500px;*/
padding: 15px 0px; display: none;

height: 670px; padding: 0px 0px; top: -65px;top: 21px;

}

#submenu li {
 font-size: 12px; height: 21px; line-height: 21px; text-indent: 25px; 
 margin: 0px; float: left;
 
}

#submenu li:hover, #submenu li.act  {
 background: url('../img/sub_li.png') no-repeat left -1px #093148;
}

#root_left h1 {
 text-indent: 20px; text-align: left;
 line-height: 24px; font-size: 24px; font-weight: 500;
}

#kontakt_left {
 padding: 23px 0px 23px 20px;
 float: left;
 width: 15%;
 position: absolute;
 top: 380px;
 font-size: 13px;
 line-height: 20px;
}

#kontakt_left h1 {
 font-size: 21px; text-indent: 0px;
}

#news-box h3 {
display: block;
width: 74%;
height: 29px;
color: #fff;
padding: 5px 24% 5px 2%;
background: #1CC3F0;
margin: 0px;
line-height: 20px;
letter-spacing: 0.05em;
}

#news-box h3:hover {
background: #1B6C9B;
}

#news-box .news {
/*float: left;*/
width: 100%%; padding-bottom: 5px; width: 98%;
margin: 10px 2px;
box-shadow: 1px 3px 5px #ddd;
}

#news-box a {
display: block;
margin: 10px;
}

#news-box .left {
float: left;
width: 74%;
min-height: 100px;
height: auto;
padding: 2%;
text-align: justify;
color: #666;
font-size: 1.1em;
}

#news-box .right {
float: left;
width: 20%; margin-top: -20px;
min-height: 100px; height: auto; margin-bottom: 10px;
}

#news-box .right img { 
width: 100%;
border: 2px solid #fff;
box-shadow: 1px 2px 2px #ddd;
border-radius: 7px;
}

img.tlo {
width: 99.4%;
}

.photos {
 width: 100%;
}

.photo {
 display: block;
	float: left;
	margin: auto;
	width: 40%;
	margin: 10px 30%;
}
.photo img {
 width: 100%;
box-shadow: 3px 3px 5px #294E63;
border: 1px solid #15375C;
}

div.banner {
position: relative;
z-index: 99;
width: 29%;
left: 1%;
/*background: url('../img/bg_banner.png') no-repeat left top;*/
background-size: 95%;
margin-top: -11%;
text-align: center;
min-height: 50px; margin: auto;
}

div.banner img {
/*width: 85%;*/
margin: auto;
float: left;
margin-left: 2%;
margin-top: 7%;
}

a.text {
color: #222; display: inline !important; padding: 0px; margin: 0px !important;
}

a.ask {
color: #08b; display: inline !important; padding: 0px; margin: 0px !important;
}


.tright {
 min-height: 290px;
 width: 96%;
 margin: 8% 2%;
}

#footer {
 padding: 1% 2%;
 float: left; width: inherit;
 position: absolute;
 top: 590px; line-height: 18px;
}

#footer a {
 font-weight: 600; color: #fff; 
}

#slider_zone {
 background: url('../img/bg_slider.png') no-repeat left top #fff; 
 #background: none; 
 width: 40%; float: left; background-size: 100% 523px; background-size: 100% 515px;
 height: 669px; background-size: 100% 100%; width: 480px; padding: 9px 0px;
 @media screen and (min-width: 900px) { display: none; }
}

#slider {
 margin: 20px 20px 0px 20px; margin: 9% 2% 0 9%;
 float: left;
/* width: 90%;*/
/* height: 45%; */ position: relative;
margin: 8% 2% 3% 9%;
float: left;
width: 82%; 
height: 32%; height: 44%;
}

#slider img {
width: 92%; height: auto;
}

#zone {
 
 /*float: left;*/
/* width: 90%;*/
 height: 51%; margin: 0px 5px 20px 5px; /*position: relative; */ top: 6%;
 margin: -2% 10% 0 1%; top: 53%;
margin: -2% 10% 0 9%;
}

#zone img {
 width: 92%; margin: 2% 2% 10% 9%; height: 200px; height: 100%; height: auto; margin: 3.5% 2% 10% 9%;
}

.dots {

width: 20%; position: absolute; position: relative;
height: auto;
/*top: 80%;*/
/*left: 43%;*/
float: right;
margin-top: -59px; margin-top: -69px;
z-index: 999; margin-left: 350px; #display: none;
}

.dot {
float: left; width: 15px; height: 16px; cursor: pointer;
background: url('../img/dot.png'); margin: 0px 2px;
}



.dotted {
background: url('../img/dotted.png');
}

#root_right {
 float: left; color: #000; font-family: 'Sansation'; font-family: 'Source Sans Pro', sans-serif;
 width: 50%; font-size: 15px; padding: 0px 0% 0% 2%; 
 min-height: 600px; height: auto; 
}

#logo {
 width: 185px; height: 147px; margin: auto;
 background: url('../img/logo.png') no-repeat left top #eee; 
 background-size: 100%;
}

#logo a {
 display: block; width: inherit; height: inherit;
}


#root_right h1 {
 color: rgb(0, 163, 255);
 font-size: 52px; font-size: 2.5em;
 text-align: left; color: rgb(89, 186, 241); color: #19C1EE;
}

#root_right h2 {
 color: #333;
 font-size: 25px; margin: 1px 0px;
 text-align: left; font-weight: 300;
}

#content {
 width: 81%;
 float: left;
 height: auto; min-height: 500px; background: #fff; 
 margin: 15px 0px;
}



.text-box {
width: 100%;
float: left;
}

.text-box img {
margin-right: 15px;
}

#site {
 background: url('../img/bg_content.png') no-repeat 102% 10px #fff; width: 95%;
height: 100%;
padding: 20px 0px;
margin-left: 20px;
overflow: hidden;
height: auto;
}

#site h1 {
 font-weight: 300; letter-spacing: 0.05em;
 color: #01BBED;
}

a.more {
 width: 144px; height: 76px; float: right; display: block;
 background: url('../img/btn_more.png') no-repeat left top; 
}

#logotypy {
 width: 100%; max-height: 71px; float: left; margin: 15px 0px;
}

#logotypy img {
 opacity: 1; padding: 2px 15px;
max-height: 66px; min-width: 17%;
/*height: %;
height: 50%;*/
float: left;
display: inline-block;
}

#logotypy img:hover {
 opacity: 0.8;
}

#mapa {
float:right; width: 48%;
padding: 0% 1%;
}

#mapa iframe {
width: 95%; padding: 2%; box-shadow: 0px 1px 7px #ccc;
}

#form {
float: left; width: 100%;
}

#form label {
 display: block; padding: 2px 0px; /*float: left;*/
}

#form input, #form textarea {
 display: block; /*float: left;*/
 width: 70%; padding: 2px 5px;
 box-shadow: 1px 0px 4px #ccc; border: 1px solid #ddd; 
 height: 26px; font-family: 'Sansation'; font-family: 'Source Sans Pro', sans-serif;
 margin: 5px 0px;
}

#form input[type=submit] {
 float: right;
 width: 130px;
 box-shadow: none; cursor: pointer;
 color: #fff; border: 0px; font-weight: bold;
 background: url('../img/btn_azure.png');
}

#form textarea {
 width: 100%; height: 16.3%; height: 14.5%;
}





.fb_reset {
background: none;
border: 0;
border-spacing: 0;
color: #000;
cursor: auto;
direction: ltr;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
margin: 0;
overflow: visible;
padding: 0;
text-align: left;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-spacing: normal;
}


#fb-roll {
cursor: pointer;
position: fixed;
right: -300px;
top: 10px;
z-index: 999;
background: rgb(255, 255, 255);
}

#fb-roll > img {
position: absolute;
left: -46px;
bottom: 0px;
}
#pop-up{/*width: 670px;text-align: left;*/text-align: center;max-width: 700px;}
#pop-up img{width: 100%;}
div.jqi .jqiclose{font-weight: 700;font-size: 28px;right: -400px;}
.jqi{top: 25% !important}
.jqifade{
	position: absolute;
        background-color: #aaaaaa;
}
div.jqi{
/*	width: 400px;*/
        width: 735px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        position: absolute;
        /*background-color: #fff;*/
/*        background-color: #000;*/
        /*background: url('../img/wielkanoc_2014.png') repeat;*/
/*        opacity: 0.5;*/
        font-size: 11px;
        text-align: left;
        /*border: solid 1px #cccccc;*/
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
/*	padding: 7px;*/
        padding: 2px;
}
div.jqi .jqicontainer{
        font-weight: bold;
}
div.jqi .jqiclose{
        position: absolute;
        top: 15px;
        right: 50px;
        width: 25px;
        height:29px;
        cursor: pointer;
        color: #fff;
        font-weight: 100;
        z-index:10;
        border-top-right-radius:9px;
        border-bottom-left-radius:6px;
        display:block;
        overflow:hidden;
/*	font-weight: bold;*/
}
div.jqi .jqimessage{
        padding: 15px 15px 10px 15px;
        line-height: 20px;
        color: #444444;background: #fff;
}
div.jqi .jqibuttons{
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
        /*display: none;*/
}
div.jqi button{
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #2F6073;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
}
div.jqi button:hover{
        background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
        /*background-color: #8DC05B;*/
        background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{
        background-color: #BF5E26;
}