/*
Autor: Maciej Owcarz (www.dhofca.pl)
Dla ośrodka wczasowo-kolonijnego "Janina"
Pytania: dhofca@gmail.com
*/

@import 'reset.css';

body, html {
background: #c0deed url('img/chmuryniebo.gif') no-repeat;
min-height: 100%;
}

#wrapper {
width: 1024px;
height: 100%;
margin: 0 auto;
}

#header {
height: 260px;
width: 960px;
margin: 0 32px 0 32px;
}

#logo {
float: left;
width: 500px;
height: 100%;
position:relative;
}

#logo .slonce {
position:absolute;
top: 10px;
left: 70px;
}

#logo .logotype {
position:absolute;
top: 120px;
left: 100px;
}

#menu {
float:left;
width: 460px;
height: 100%;
margin-top: 20px; /*do usuniecia*/
}

#blob {
background: #575cf4;
position: absolute;
z-index: 1;
top: 0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#nav {
position: relative;
float: left;
margin-left: 30px;
}

#nav li {
float: left;
list-style: none;
}

#nav li a {
color: #ffffff;
z-index: 2;
position: relative;
float: left;
font-size: 14px;
font-family: arial, verdana;
text-decoration: none;
font-style: italic;
padding:0px 10px;
width: 100%;
}

#nav #selected a, #nav #selected{
color: #f49321;
}

#container {
border: 2px #869ba5 solid;
width:956px;
height: 100%;
overflow: hidden;
background: #d3e8f2;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 30px;
}

.hr-menu {
width: 386px;
height: 1px;
margin: 15px 0;
}

/*strona główna*/



.col {
float:left;
width: 425px;
margin: 25px 25px;
}

.col p {
font-family: Arial, verdana;
line-height: 15px;
font-size: 13px;
color: #000000;
text-align: justify;
margin-bottom:10px;
float:left;
}

.col h2 {
font-size: 36px;
color: #575cf4;
padding: 20px;
}

.col h3 {
font-size: 36px;
color: #f49321;
padding: 20px;
}

.linia-cont {
float: left;
}

.ul-cont {
width:220px;
font-family: Arial, verdana;
font-size: 13px;
color: #000000;
line-height: 15px;
padding: 65px 5px;
float:left;
}

.srodek {
margin: 30px 51px;
}

.srodek-bas {
margin: 0px 169px 30px 169px;
}

.lewo {
float:left;
margin: 30px 0px;
}


.w {
float:left;
width: 250px;
margin: 25px 25px;
}

.colkon {
float:left;
width: 300px;
margin: 25px 25px;
}

.colkon h2 {
font-size: 34px;
color: #575cf4;
padding: 12px;
}


#ulkon li {
font-family: Arial, verdana;
font-size: 13px;
color: #000000;
margin-bottom:4px;
}

#formularz {
font-family: Arial, verdana;
font-size: 13px;
color: #000000;
}

#formularz label {
width: 60px;
float:left;
padding-top:7px;
}

#formularz input {
width: 150px;
background: #ffffff;
border: none;
border-bottom: 1px #000000 solid;
margin-bottom: 5px;
}

#formularz #subm {
margin-left: 60px;
width: 70px;
background: #ffffff;
border: 1px #000000 solid;
}

#formularz textarea {
width: 200px;
height: 70px;
background: #ffffff;
border: none;
border-bottom: 1px #000000 solid;
overflow: auto;
}

#gallery {
padding: 0 0 20px 0;
width: 550px;
margin: 0 auto;
}

#gallery ul { 
list-style: none; 
}

#gallery ul li { 
display: inline; 
}

#gallery ul img {
border: 3px solid #869ba5;
}

#gallery ul a:hover img {
border: 3px solid #fff;
color: #fff;
}

#gallery ul a:hover { 
color: #fff; 
}
	
#gallery h2 {
font-size: 30px;
color: #575cf4;
padding: 30px 20px 10px 20px;
}

.alert {
font-family: Arial, verdana;
font-size: 16px;
color: #000000;
text-align: center;
padding: 10px;
}

#nk {
margin: 70px 100px;
}

img, a { border: 0; }

#likebox_1 {
    z-index: 3;
	border:2px solid #3c95d9;
	background-color: #fff;
	width:196px;
	height: 353px;
	position: fixed;
	top: 30%;
	right: -200px;
}

#likebox_1_1 {
	width:196px;
	height: 353px;
	overflow: hidden;
}

#likebox_1 img {
	position: absolute; 
	top: -2px; 
	left: -35px; 
}

#likebox_1 iframe {
	border:0px solid #3c95d9;
	overflow: hidden; 
	position: static;
	height: 360px;
	left:-2px;
    top:-3px;
}

#polecam_1 {
    z-index: 2;
	border:2px solid #cb1c0e;
	background-color: #fff;
	width:196px;
	height: 143px;
	position: fixed;
	top: 45%;
	right: -200px;
}

#polecam_1_1 {
	width:196px;
	height: 143px;
	overflow: hidden;
}

#polecamy_img {
	position: absolute; 
	top: -2px; 
	left: -35px; 
	border: 0;
}