@media screen, projection {



* 											{ padding:0; margin:0;}

body, textarea, input, select 				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



.clear										{ position:relative; clear:both; height:0px; font-size:0px;}

a img										{ border:0;}

#top h1,

#page hr,

#top ul li a span,

div h2,

#top h3,

#prawo a span,
a span,
p.opis,
p.pokaz										{ position:absolute; left:-1000em;}


#opis										{ padding:25px 5px 5px 10px; line-height:105%; font-size:0.9em; text-align:left;}
#opis h3									{ position:absolute; top:10px; left:10px;}

body										{ background:url(images/kosmala_tlo.jpg) repeat;}

#page										{ width:750px; margin:0 auto; z-index:120;}


/* lang */
#lang										{ position:absolute; top:6px; left:250px;}
#lang a										{ font-weight:bold;}
/* end lang */


/* top */

#top										{ position:relative; width:750px; height:110px;}

/* end top */



/* menu */

#menu										{ position:absolute; top:0px; left:313px; width:438px; height:67px; list-style:none; padding-left:1px;}
#menu li									{ float:left; height:67px;}
#menu li a									{ display:block; height:67px;}
#menu #link1								{ width:69px; padding-right:10px;}
#menu #link1 a								{ background:url(images/menu.png) no-repeat -1px -67px; width:69px;}
#menu #link2								{ width:91px; padding-right:10px;}
#menu #link2 a								{ background:url(images/menu.png) no-repeat -80px -67px; width:91px;}
#menu #link3								{ width:88px; padding-right:10px;}
#menu #link3 a								{ background:url(images/menu.png) no-repeat -183px -67px; width:88px;}
#menu #link4								{ width:77px; padding-right:10px;}
#menu #link4 a								{ background:url(images/menu.png) no-repeat -281px -67px; width:77px;}
#menu #link5								{ width:70px;}
#menu #link5 a								{ background:url(images/menu.png) no-repeat -369px -67px; width:70px;}



#menu #link1 a:hover,
#menu #link1 a.active						{ background:url(images/menu.png) no-repeat -1px 0;}
#menu #link2 a:hover,
#menu #link2 a.active						{ background:url(images/menu.png) no-repeat -80px 0;}
#menu #link3 a:hover,
#menu #link3 a.active						{ background:url(images/menu.png) no-repeat -183px 0;}
#menu #link4 a:hover,
#menu #link4 a.active						{ background:url(images/menu.png) no-repeat -281px 0;}
#menu #link5 a:hover,
#menu #link5 a.active						{ background:url(images/menu.png) no-repeat -369px 0;}

/* end menu */

/* menu en */
#menu_en									{ position:absolute; top:0px; left:300px; width:450px; height:67px; list-style:none; padding-left:1px;}
#menu_en li									{ float:left; height:67px;}
#menu_en li a								{ display:block; height:67px;}
#menu_en #link1								{ width:81px; padding-right:10px;}
#menu_en #link1 a							{ background:url(images/menu_en.png) no-repeat 0px -67px; width:81px;}
#menu_en #link2								{ width:91px; padding-right:10px;}
#menu_en #link2 a							{ background:url(images/menu_en.png) no-repeat -89px -67px; width:91px;}
#menu_en #link3								{ width:76px; padding-right:10px;}
#menu_en #link3 a							{ background:url(images/menu_en.png) no-repeat -188px -67px; width:76px;}
#menu_en #link4								{ width:92px; padding-right:10px;}
#menu_en #link4 a							{ background:url(images/menu_en.png) no-repeat -272px -67px; width:92px;}
#menu_en #link5								{ width:69px;}
#menu_en #link5 a							{ background:url(images/menu_en.png) no-repeat -372px -67px; width:69px;}



#menu_en #link1 a:hover,
#menu_en #link1 a.active					{ background:url(images/menu_en.png) no-repeat 0px 0;}
#menu_en #link2 a:hover,
#menu_en #link2 a.active					{ background:url(images/menu_en.png) no-repeat -89px 0;}
#menu_en #link3 a:hover,
#menu_en #link3 a.active					{ background:url(images/menu_en.png) no-repeat -188px 0;}
#menu_en #link4 a:hover,
#menu_en #link4 a.active					{ background:url(images/menu_en.png) no-repeat -272px 0;}
#menu_en #link5 a:hover,
#menu_en #link5 a.active					{ background:url(images/menu_en.png) no-repeat -372px 0;}
/* end menu en */

/* menu fr */
#menu_fr									{ position:absolute; top:0px; left:300px; width:450px; height:67px; list-style:none; padding-left:1px;}
#menu_fr li									{ float:left; height:67px;}
#menu_fr li a								{ display:block; height:67px;}
#menu_fr #link1								{ width:81px; padding-right:10px;}
#menu_fr #link1 a							{ background:url(images/menu_fr.png) no-repeat 0px -67px; width:81px;}
#menu_fr #link2								{ width:91px; padding-right:10px;}
#menu_fr #link2 a							{ background:url(images/menu_fr.png) no-repeat -89px -67px; width:91px;}
#menu_fr #link3								{ width:76px; padding-right:10px;}
#menu_fr #link3 a							{ background:url(images/menu_fr.png) no-repeat -188px -67px; width:76px;}
#menu_fr #link4								{ width:92px; padding-right:10px;}
#menu_fr #link4 a							{ background:url(images/menu_fr.png) no-repeat -272px -67px; width:92px;}
#menu_fr #link5								{ width:69px;}
#menu_fr #link5 a							{ background:url(images/menu_fr.png) no-repeat -372px -67px; width:69px;}



#menu_fr #link1 a:hover,
#menu_fr #link1 a.active					{ background:url(images/menu_fr.png) no-repeat 0px 0;}
#menu_fr #link2 a:hover,
#menu_fr #link2 a.active					{ background:url(images/menu_fr.png) no-repeat -89px 0;}
#menu_fr #link3 a:hover,
#menu_fr #link3 a.active					{ background:url(images/menu_fr.png) no-repeat -188px 0;}
#menu_fr #link4 a:hover,
#menu_fr #link4 a.active					{ background:url(images/menu_fr.png) no-repeat -272px 0;}
#menu_fr #link5 a:hover,
#menu_fr #link5 a.active					{ background:url(images/menu_fr.png) no-repeat -372px 0;}
/* end menu fr */


/* content */

/*#content									{ width:750px; color:#464646}

 end content */

/* o mnie */

div.omnie									{ width:660px; padding:25px 51px 0 39px;}

div.omnie img								{ float:left; border:1px solid #444444;}

div.omnie div								{ float:right; width:485px;}

div.omnie div p								{ padding-bottom:18px;}

/* end o mnie */



/* wystawy */

div.wystawy									{ width:643px; padding:25px 51px 0 56px;}

div.wystawy .box							{ padding:0 0 15px 0; position:relative;}

div.wystawy img								{ position:absolute; top:0px; left:0px; border:1px solid #000000; float:left;}

div.wystawy p								{ float:left; width:485px; padding:0 0 18px 22px;}

/* end wystawy */



/* kontakt */

div.kontakt									{ width:641px; min-height:250px; padding:40px 51px 0 58px; position:relative;}

div.kontakt form							{ width:410px; float:right; position:relative;}

div.kontakt form fieldset					{ border:none;}

div.kontakt form fieldset input				{ position:absolute; border:1px solid #bbbbbb; width:265px; font-size:1.1em; padding-top:2px;}

div.kontakt form fieldset span				{ font-weight:bold; font-size:1.1em; position:absolute; width:146px; text-align:right;}

div.kontakt form fieldset #span1			{ top:3px; right:274px;}

div.kontakt form fieldset #span2			{ top:30px; right:274px;}

div.kontakt form fieldset #span3			{ top:60px; right:274px;}

div.kontakt form fieldset #input_1			{ top:0px; right:0px; height:19px;}

div.kontakt form fieldset #input_2			{ top:27px; right:0px; height:19px;}

div.kontakt form fieldset #input_3			{ top:54px; right:0px; height:121px;}

div.kontakt form fieldset #submit			{ top:193px; right:0px; width:64px; height:23px; background:#ff5f01; color:#FFFFFF; font-weight:bold; border:none;

												cursor:pointer; padding:0; font-size:0.9em;}

div.kontakt h5								{ width:210px; float:left; font-size:1.2em;}

div.kontakt h5 span,

div.kontakt h5 a							{ font-size:0.9em; font-weight:normal; color:#333333; text-decoration:none;}

div.kontakt h5 a:hover						{ text-decoration:underline;}

div.kontakt h6								{ font-size:13px; float:right; padding-right:20px; color:#333333;}
div.kontakt #tresck							{ width:210px; font-weight:normal; padding: 15px 0 0 0;}
/* end kontakt */



/* end wystawy */



/* malarstwo */

#lewo										{ width:144px; float:left;}

#prawo										{ width:606px; float:left;}

#lewo ul									{ list-style:none;}

#lewo ul li									{ padding-bottom:1px;}

#lewo ul li a								{ display:block; width:107px; height:21px; text-decoration:none; color:#464646; font-weight:bold; padding:3px 0 0 5px; font-size:1.1em;}

#lewo ul li a:hover,

#lewo ul li a.active						{ background:#ff5f01; color:#FFFFFF;}

#prawo div.obraz							{ padding:0 0 17px 9px; float:left;}

#prawo div.obraz div						{ background:#ffffff; width:191px; height:191px; border:1px solid #c2c2c2; font-size:130px; text-align: center; overflow:hidden;}

#prawo div.obraz img						{ border:1px solid #3d3d3d; vertical-align:middle;}

#prawo #nawigacja							{ float:left; width:597px; height:27px; padding-left:9px; position:relative;}

#prawo #nawigacja span						{ display:block; width:100px; margin:0 auto; padding-top:6px; color:#a1a1a1;}

#prawo #nawigacja #poprzednie				{ display:block; width:27px; height:27px; background:url(images/before.gif) no-repeat 0 0; position:absolute; top:0px; left:9px;}

#prawo #nawigacja #nastepne					{ display:block; width:27px; height:27px; background:url(images/next.gif) no-repeat 0 0; position:absolute; top:0px; right:0px;}



/* end malarstwo */

#nawigacja									{ float:left; width:600px; height:27px; padding-left:9px; position:relative;}
#nawigacja span								{ display:block; width:100px; margin:0 auto; padding-top:6px; color:#a1a1a1;}
#nawigacja #poprzednie						{ display:block; width:27px; height:27px; background:url(images/before.gif) no-repeat 0 0; position:absolute; top:0px; left:9px;}
#nawigacja #nastepne						{ display:block; width:27px; height:27px; background:url(images/next.gif) no-repeat 0 0; position:absolute; top:0px; right:0px;}

/* footer */

#footer										{ width:750px; height:25px; padding-top:50px;}

#footer div									{ position:relative; width:750px; height:25px; background:#ff5f01;}

#footer span								{ color:#FFFFFF; font-size:0.9em;}

#spanl										{ position:absolute; top:0px; left:3px; padding:6px 0 0 10px;}

#spanr										{ position:absolute; top:0px; right:3px; padding:6px 10px 0 0;}

#footer a									{ color:#FFFFFF; text-decoration:none;}

#footer a:hover								{ text-decoration:underline;}

/* end footer */

}