* {margin:0px; padding:0px; line-height:100%}

html{

}


body 
{

margin: 10px 0px 0px 0px;
font-family: Arial;
color: #fff;
font-size:0.74em;
text-align: center;


background: #009fe1 url(img/bg.jpg) bottom center no-repeat;
height:100%;
background-attachment:fixed;
}

.cleaner {
	clear: both;
	height: 0px; margin: 0;
	}

a img{border:0px;}
a {color:#fff;}
a {text-decoration:none;}






#str{
border:0px solid red;
width:990px;
text-align:left;
	margin: 0 auto;
	padding: 0px;

}


#top{

border:0px solid red;

height:100px;


}


#logo{
float:left;
}

#menu{
float:right;
width:523px;
height:370px;
background:  url(img/menu_03.png) bottom center no-repeat;
}


#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	position: relative;
	display: block;
	float: left;

	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: none;
	text-decoration: none;
	font-size: 0px;

	color: #fff;
	border: 0px solid black;

}








#hdr-box1 a{ left: 105px; top: 250px; width:89px; height:32px; background: url(img/o_nas_button.png) no-repeat;background-position: 0 -32px;}
#hdr-box2 a{ left: 100px; top: 213px; width:104px; height: 20px; background: url(img/lekcje_button.png) no-repeat;  background-position: 0 -20px;}
#hdr-box3 a{ left: 60px; top: 265px; width:115px; height: 34px; background: url(img/galeria_button.png) no-repeat;  background-position: 0 -34px;}
#hdr-box4 a{ left: -175px; top: 323px; width:82px; height: 18px;background: url(img/napisz_button.png) no-repeat;  background-position: 0 -18px;}

#hdr-box1 a:hover{ 	background-position: 0 0px;}
#hdr-box2 a:hover{ 	background-position: 0 0px;}
#hdr-box3 a:hover{ 	background-position: 0 0px;}
#hdr-box4 a:hover{ 	background-position: 0 0px;}


#hdr-box1_es a{ left: 70px; top: 235px; width:139px; height:54px; background: url(img/sobre_button.png) no-repeat;background-position: 0 -54px;}
#hdr-box2_es a{ left: 50px; top: 213px; width:109px; height: 20px; background: url(img/clases_button.png) no-repeat;  background-position: 0 -20px;}
#hdr-box3_es a{ left: 10px; top: 265px; width:115px; height: 34px; background: url(img/galeria_button.png) no-repeat;  background-position: 0 -34px;}
#hdr-box4_es a{ left: 13px; top: 290px; width:133px; height: 21px;background: url(img/contacto_button.png) no-repeat;  background-position: 0 -21px;}

#hdr-box1_es a:hover{ 	background-position: 0 0px;}
#hdr-box2_es a:hover{ 	background-position: 0 0px;}
#hdr-box3_es a:hover{ 	background-position: 0 0px;}
#hdr-box4_es a:hover{ 	background-position: 0 0px;}

#hdr-box1_en a{ left: 70px; top: 245px; width:141px; height:47px; background: url(img/aboutus_button.png) no-repeat;background-position: 0 -47px;}
#hdr-box2_en a{ left: 40px; top: 213px; width:130px; height: 20px; background: url(img/lessons_button.png) no-repeat;  background-position: 0 -20px;}
#hdr-box3_en a{ left: -20px; top: 262px; width:126px; height: 34px; background: url(img/gallery_button.png) no-repeat;  background-position: 0 -34px;}
#hdr-box4_en a{ left: 18px; top: 285px; width:115px; height: 19px;background: url(img/contact_button.png) no-repeat;  background-position: 0 -19px;}

#hdr-box1_en a:hover{ 	background-position: 0 0px;}
#hdr-box2_en a:hover{ 	background-position: 0 0px;}
#hdr-box3_en a:hover{ 	background-position: 0 0px;}
#hdr-box4_en a:hover{ 	background-position: 0 0px;}











#photo{
float: left;
width:465px;
}











#tekst{
margin-top: -240px;
float: left;
border-right:0px solid red;
width:465px;
}

#r_tekst{
margin:60px 0px 0px 30px;
float:right;
border:0px solid red;

width:450px;
height:280px;
}



.yellow_H_to_left {color:#ffef15;font-weight:normal;float:left;}
.yellow_color {color:#ffef15;font-weight:normal;}

.left{
float:left;
}
.right{
float:right;
}

#r_tekst p {margin:10px 0px 5px 0px; letter-spacing: 0.1em;}
#r_tekst li {margin:0px 20px 2px 20px; }
#r_tekst ul.yellow_LIST {list-style: none; color:#ffef15;}





#tekst p {margin:10px 0px 5px 0px; letter-spacing: 0.1em;}
#tekst li {margin:0px 20px 2px 20px;}
#tekst ul.yellow_LIST {list-style: none; color:#ffef15;}



#tekst h1 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:28px;  }
#tekst h2 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:24px;  }
#tekst h3 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:16px;  }
#tekst h4 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:14px;  }
#tekst h5 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:12px;  }
#tekst h6 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:10px;  }





#r_tekst h1 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:28px;  }
#r_tekst h2 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:24px;  }
#r_tekst h3 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:16px;  }
#r_tekst h4 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:14px;  }
#r_tekst h5 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:12px;  }
#r_tekst h6 {margin:15px 0px 15px 0px;text-transform:uppercase;font-size:10px;  }












#napisz{
margin:150px 0px 0px -30px;
background:  url(img/napisz_kartka_03.png) no-repeat;
width:564px;
height:391px;
}

#napisz_en{
margin:150px 0px 0px -30px;
background:  url(img/napisz_kartka_03_eng.png) no-repeat;
width:564px;
height:391px;
}

#napisz_es{
margin:150px 0px 0px -30px;
background:  url(img/napisz_kartka_03_esp.png) no-repeat;
width:564px;
height:391px;
}

.boks{
width:564px;
height:341px;

}


#stopka{
padding-top:2px;
margin-top:90px;
margin-bottom:50px;
}

#stopka hr {display:none;}

.werty {
margin-top: 80px;
float:right;
width:170px;
border-top:1px solid #fff;
text-align:right;
}







div.loader {
	position: absolute;
	top: 0;
	left: 0;

	background-repeat: no-repeat;
	background-position: center;
	width: 500px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}


div.slideshow { 

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 474px;
	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 8px solid #eee;
}

div.slideshow-container {
	position: relative;


	height: 480px; /* This should be set to be at least the height of the largest image in the slideshow */
}


#thumbs li {margin: 5px;}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 5px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
	border: 1px solid #fff;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}



div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}


div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}




#lang{
text-align:right;

}

#tab_wys{


height:400px;
}



#message{
float:left;
width:242px;

padding-top: 110px;
padding-left: 30px;

border:0px solid red;

}

#message_input{
float:left;
width:200px;

padding-top: 197px;
padding-left: 30px;
text-align:right;
border:0px solid red;


}

#send{
float:right;
width:280px;
border:0px solid red;
color:#aaa;
}

#tab_wys textarea {border:1px solid #eee;font-size:11px; width:220px; height:200px;}

#message_input input {border:0px solid #fff; width:165px;font-size:16px; margin-bottom:12px;}


#send input {border:1px solid #fff;font-size:0px; width:88px; height:26px;}



.wys_pl{
background: #009fe1 url(img/wyslij_button.png) no-repeat;
}
.wys_en{
background: #009fe1 url(img/wyslij_button_eng.png) no-repeat;
}
.wys_es{
background: #009fe1 url(img/wyslij_button_esp.png) no-repeat;
}
#tab_wys label {display:none;}