/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { font: .8em /*Arial,*/ Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff url(images/bg.gif) repeat-x; color: #000000; }
a {	color: green;	background: inherit; text-decoration: none; }
a:hover { color: yellowgreen; background: inherit; text-decoration: underline; }
p { margin: 10px 0 10px 0; }
h1, h2 { font: normal 20px Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h1 { font-size:24px; color: #444; }
img { border: 0; }
#content { width: 760px; margin: 10px auto; /* 25 */ }
#logo { margin: 20px 0 10px 0; width: 220px; /* 340 */ float: left; font-family:Georgia; }
	#logo p strong { margin: 0; font-size:22px; color:#000000; }
	#logo p span { margin: 0; font-size:12px; color:#666666; }
#menu-2 { float: right; padding: 30px 0 0; /* 40 */ margin: 0 0 20px; /* 38 */ }
	#menu-2 li { font-size: 1.1em; display: inline; }
	#menu-2 li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365;  }
	#menu-2 li a.current, #menu-2 li a  { background: #fff url(images/button_grey.gif) no-repeat;/*url(images/button.gif)*/ color: #000000; }
	#menu-2 li a:hover { text-decoration: none; color: #000; background: #fff url(images/button.gif) no-repeat; }
	#menu-3, #menu-5 { text-align:center; }
	#menu-3 li, #menu-5 li { font-size: 1em; display: inline; margin: 0 0 10px 10px; }
	#menu-3 li a, #menu-5 li a { color: darkgreen; text-decoration:none; }
	#menu-3 li a:hover, #menu-5 li a:hover { text-decoration: none; color: #000000; }
	#menu-5 li a { color:#666666; font-size:1em; }

.clear { clear: both; }
.caption { background: #fff url(images/title.gif) no-repeat; position:relative; left:-1px; padding: 3px 0 0 50px;/* 18 */ height: 34px; color: #fff; font-weight:bold; }
	.caption p { margin: 0; }
#left { margin: 0 15px 20px; margin-left:0; clear: left; width: 220px; float: left; /*border-right:1px solid #cccccc;*/  }
 input.search { width:200px; margin:0; padding:0; }
.box { background: #eee; margin-bottom:10px; }
#left img { padding: 6px; /*border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ background: #fff;}
.smallthumb { width: 109px; }
#right { float: right; width: 520px; font: 12px Arial, Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height:17px; }
	.date { font-size: 12px; border-top: 1px solid #eee; padding: 5px 0 25px; }
.box { background: #eee; padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; text-align:center; }
#footer .links {
background: #eee; }
#footer a { color: #444; }
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px;
font-size:13px;
font-family:Arial;
}
.mypets:hover { text-decoration:underline; }
.openpet{ /*class added to contents of 1st demo when they are open*/
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}
li.poziom-1 {
 margin-left:0;
}
li.poziom-2 {
 margin-left:20px;
 list-style: circle;
}
li.poziom-3 {
 margin-left:40px;
}
table.tabela_bordered {
 border-left:1px solid #cccccc;
 border-top:1px solid #cccccc;
}
table.tabela_bordered td {
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 padding:3px;
}
div.zamow {
text-align:center; font-weight:bold; font-size:14px; padding:3px; width:100%; background-color:rgb(255, 255, 225);
border:1px solid orange;
margin-top:15px;
}
div.zamow a {
display:block;
}
div.zamow a span {
font-weight:normal; font-family:Georgia; color:#000000; margin-left:15px;
}
hr {
 margin:15px 0 15px 0; }
p.h3, h3 {
font: normal 18px Georgia, "Times New Roman", Arial; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee;
margin-top:20px;
}
h4 {
margin-top:15px;
font: bold 14px Georgia, serif;
}
.nag {
color:darkgreen;
font-size:24px;
font-weight:bold;
text-align:center;
font-family:Georgia, 'Times New Roman', serif;
margin-bottom:24px;
line-height:24px;
}
.nag2 {
color:darkgreen;
font-size:18px;
font-weight:bold;
text-align:center;
font-family:Georgia, 'Times New Roman', serif;
margin-bottom:20px;
line-height:18px;
}
.bold {
 font-weight:bold;
}
a:hover h3, a:hover h2 { background: inherit; text-decoration: none; border-bottom:1px solid yellowgreen; }
/*div#right ul li { list-style: disc; }*/
div#right a { text-decoration:underline; }
div#right a:hover { text-decoration:none; }
div#right ol li { list-style: decimal; }
div#right ol, div#right ul { margin-left: 30px; }
.person {
 padding:5px;
 border:1px solid #eeeeee;
 float:right;
 margin-left:10px;
 background-color:#ffffff;
 color:#666666;
 text-align:center;
 font-size:11px;
}
.person-left {
 padding:5px;
 border:1px solid #eeeeee;
 float:left;
 margin-right:10px;
 background-color:#ffffff;
}
#right ul li
{
	list-style:square;
	margin-top:3px;
	margin-bottom:3px;
}
#right ul ul li
{
	list-style:circle;
	margin-top:3px;
	margin-bottom:3px;
}
a.naglowek {
 text-decoration:none;
}
div.gwarancja
{
	background-image:url(../../img/gwarancja.jpg);
	background-repeat:no-repeat;
	padding:35px 50px 35px 50px;
	width:335px;
	height:266px;
	margin-left:20px;
}
div.gwarancja h3
{
	text-align:center;
	font-size:20px;
	color:darkgreen;
}
.sposob, #menu-6 {
 border:1px solid gold;
 background-color:rgb(255, 255, 225);
 padding:10px;
}
#menu-6 {
 float: right;
 width: 100px;
 padding-left:30px;
}
float: right; width: 100px;
.bonus {
 border:3px dashed orange;
 background-color:rgb(255, 255, 255);
 padding:10px;
 margin:15px 0 15px 0;
}
.wyloguj {
 position:absolute;
 top:15px;
 right:25px;
}
#right ul.pdf li {
	list-style-image: url(images/pdf_button.png);
}
.lista_szkolen li {
 border:gold 1px solid;
 background-color:rgb(255, 255, 225);
 padding:3px;
 margin:3px 0 3px 0;
}
.lista_szkolen li:hover {
 border:#eeeeee 1px solid;
 background-color:rgb(255, 255, 255);
}
blockquote {
 margin-left:35px;
 border-left:5px #eeeeee solid;
 padding-left:10px;
 border-bottom:2px solid #eeeeee;
 margin-bottom:10px;
 margin-top:10px;
}
div.wpis {
border-bottom:1px solid #eeeeee;
margin-top:10px;
padding-bottom:10px;
}
div.wpis p.right {
color:#666666;
text-align:right;
}
div.wpis:hover {
border-bottom:1px solid #cccccc;
}
div.suwak {
overflow:auto;
/*width:auto;*/
padding:15px;
height:auto;
border:1px solid gold;
background-color:rgb(255, 255, 225);
}
#w1 {
display: block;
margin:15px;
padding:15px;
border:3px orange dashed;
}
#w2,#w3,#w4,#w5 {
display: none;
margin:15px;
padding:15px;
border:3px orange dashed;
}
.blink {
font-weight: bold; text-align: center; font-size: 16px; font-family: Georgia,'Times New Roman',Arial;
}
/* --
   --
   ----------- Aero buttons ----------------------
   --
   -- */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
padding: 4px 0;
border-width: 1px 0;
margin-left:170px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width:100%;

}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
text-decoration:none;
}

div#right .aerobuttonmenu a.aero {
 text-decoration:none;
}
.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
text-decoration:none;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('images/aeroleftblack.gif');
text-decoration:none;
}

.black a.aero span{
background-image: url('images/aerorightblack.gif');
text-decoration:none;
}
ul.menu-1 {
}
	#logo p a { border:none; }
.zamawiam {
float:right;
font-weight:bold;
border:orange 1px solid;
background-color:rgb(255, 255, 225);
padding:5px 10px 5px 10px;
}
div#wizja {
	width:456px;
	height:111px;
	padding:251px 32px 15px 32px;
	background:url(../../img/tlo-michal-toczyski.jpg) no-repeat;
	margin-bottom:15px;
}
div#wizja div {
	/*color:#666666;*/
	font-size:11px;
	text-align:center;
}
table.resp-h {
	width:100%;
}
table.resp-h input {
	width:115px;
	margin-right:10px;
}
table.resp-h input.submit, table.resp-h select {
	width:120px;
}
#lista_szkolen div, #lista_szkolen p {
 border:#eeeeee 1px solid;
 padding:5px;
 margin:0 5px 5px 0;
}
#lista_szkolen div {
 width:243px;
 float:left;
}
#lista_szkolen p {
 margin:5px 0 5px 0;
}
#lista_szkolen img {
float:left;
margin-right:15px;
}
#lista_szkolen p a, #lista_szkolen div a {
 color:#000000;
 text-decoration:none;
 display:block;
}
#lista_szkolen p a em, #lista_szkolen div a em {
 font-style:italic;
 color:#666666;
}
#lista_szkolen p a strong, #lista_szkolen div a strong {
 color:green;
 font-weight:bold;
 text-decoration:underline;
}
#lista_szkolen p, #lista_szkolen div {
 border:gold 1px solid;
 background-color:rgb(255, 255, 225);
}
#lista_szkolen p:hover, #lista_szkolen div:hover {
 border:#eeeeee 1px solid;
 background-color:rgb(255, 255, 255);
}
#patronat img {
 margin-right:5px;
 float:left;
 margin-bottom:5px;
}
#patronat {
 width:100%;margin-bottom:10px;
 height:65px;
}