/* MIB OPTIC -> start:2009-12-30 -> 2010-03-10 */

/* projekt.etvn.pl & aleproste.pl Dariusz Golczewski */

* {
	margin: 0;
	padding: 0;
	font: normal 13px Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	border: none;
}

body {background: #e9e9e9 url(../skin/tlo_mib.jpg);} /* url(../skin/tlo_mib.jpg); */

div {position: relative;}

#error_wew {font: bold 1.5em Arial, Verdana, Tahoma; color: red; text-align: center;}

#kom1 {
	margin: 1em 0; 
	font: bold 1em /200% Arial, Verdana, Tahoma; color: #F60; 
	text-align: center;
}

.blok_pub {overflow: auto;}

/*
.team {
	/*width: 90%; *//*
	float: left;
	width: 413px;
	height: 300px;
	padding: 0 10px;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #D1D1D1;
} */

.b {font-size: 1em; font-weight: bold;}
.p, .f3w {font-size: 1em; color: #F60;}
.n {font-size: 1em; color: #00F;}
.i {font-style: italic;}

/*
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit
*/

ol.bbcode, ul.bbcode {margin-left: 3em; color: #242424;}

ol.bbcode li, ul.bbcode li {font: normal 1.1em/160% Arial; padding: .2em 0; color: #444;}

ol.bbcode li {list-style: decimal-leading-zero;}

ul.bbcode li {list-style: disc; }

.url {
	font-weight: bold;
	color: #00F;
	text-transform: uppercase; 
	text-decoration: underline; 
}

.url:hover {color: #F60;}


.podp {
	display: block;
	width: 95%;
	margin: 1em 0;
	font: italic normal .9em Arial, Verdana;
	text-align: right;
}

.zablok {background: red;}

.break, .break_line {
	width: 848px;  /* 910 -> 62 -> 848*/
	height: 1px; 
	clear: both;
}

.dodaj {
	display: block;
	clear: both;
	padding: .3em 1em;
	background: blue;
	color: white;
}

.dodaj:hover {background: #F30;}

.break_line {
	width: 848px;
	padding: 20px 0 0;
	margin: 0 auto 10px;
	border-bottom: 1px dotted #8C8C8C;
}

#brak_publikacji {
	padding: 1em;
	font: italic normal 1.2em Georgia, Tachoma, Verdana, Arial;
	color: #F60;
}

#tlo {
	position: absolute;
	top: 220px;
	left: 0;
	width: 100%;
	height: 750px;
	/*background: #F0F0F0; */
	background: RGBa(250,250,250,0.3);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#logo {display: block;}

#logo {width: 900px;	height: 40px;	margin: 20px auto 5px;}

#logo img {display: block; float: left;}

#logo h1 {
	float: left;
	height: 40px;
	padding-top: 0px;
	padding-left: 10px;
	font: normal 2.5em Verdana;
	font: normal 2.5em Verdana;
	color: #272727;
}

#logo h1 b {font: normal 1em Verdana;	color: #f60;}

#optyk {
	margin: 0 auto 20px; 
	width: 910px;
	background: #fff;
}

.men_tlo {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
}

#menu, #menu2 {
	width: 100%;
	height: 46px;
	list-style: none;
}

#menu2 {
	width: 850px;
	margin: -20px auto 1em;
	border-bottom: 1px dotted #8C8C8C;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

#menu li, #menu2 li {
	float: left;
	clear: right;
	z-index: 9;
	width: 113.75px;
	height: 46px;	
}

#menu2 li {width: 105px;}

#menu li a, #menu2 li a {
	display: block;
	z-index: 10;
	width: 113.75px;
	height: 26px;
	padding-top: 20px;
	margin-left: 0px;
	font: bold .9em Arial;
	color: #DFDFDF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#menu2 li a {width: 105px;}

#menu2 li a {color: #9F9F9F;}

#menu li a:hover, #menu li a.active {top:1px; padding-top: 19px;}

#menu li a.active {background: #ff7b00; color: #000;}
#menu li a:hover  {background: #F30; color: #009;}

#menu2 li a.active {color: #000;}
#menu2 li a:hover  {color: #009;}

#okulary {width: 100%; height: 320px; padding-top: 46px;}

#okulary img {	display: block; position: absolute; }

#sklep {
	display: block;
	position: absolute;
	top: 210px;
	right: 190px;
	width: 192px;
	height: 40px;
	padding-top: 15px;
	font: bold 1.2em Arial;	color: #fff;
	text-align: center;
	background: url(../skin/taster2.png) center -55px no-repeat;
}

#sklep b {font: bold 1.2em Arial; color: #FF0;}

a#sklep:hover {
	display: block;
	height: 40px;
	background: url(../skin/taster2.png) center -3px  no-repeat; 
	color: #00F;
}

#sklep:hover b {color: #000;}

#mib, #mib2, .text {width: 100%;}


.text { width: 890px; padding: 0 10px 10px;}

/*
.text h3 {
	padding: .5em;
	font: italic normal 1.2em Arial, Verdana, Tahoma;
	color: #000;
} */

.akapit {
	z-index: 1;
	margin-bottom: .5em;
	text-indent: 1em;
}

.akapit a {text-decoration: underline; font-weight: bold; color: #F90;}
.akapit b {font-weight: bold;}
.akapit i {font-style: italic;}

.akapit a:hover {color: #00C;}

.text .akapit:first-letter {
	font: italic bold 1.2em Georgia, Tahoma, Verdana;
	color: black;
	letter-spacing: 2px;
}

.text .akapit {font-size: 1.1em;}

/*
#mib h2, .text h2 {
	font: italic normal 2.1em Arial;
	/*width: 870px; *//*
	padding: 15px 0 7px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #F30;
}

#mib h2 b, .text h2 b {
	font: italic normal 1em Arial;
	color: #F60;
}

#mib h2 b {display: block;}



.text h2 b {padding-left : 1em;}	

#mib2 h4, #mib h3 {
	padding: 1em 0;
	font: italic normal 1.5em Arial;
} */

#mib2 img {border: 1px solid #F30;}

.left, .center, .right {
	float: left;
	position: relative;
	width: 248px;
	display: inline;
	overflow: auto;
	text-align: justify;
}

.left, .right {padding: 0 31px;} 

.left {clear: left; left: 0;}

.center {padding: 0 21px;}

.right {}



blockquote p, #stopka, #stopka a {line-height: 160%; color: #6C6C6C;}



.more, .back {
	width: 88px;
	height: 20px;
	font: normal .85em Verdana; color: #FFF;
	margin: 10px 0;
	padding-top: 1px;
	padding-left: .5em;
}

.more { /*#back, .back*/
	display: block;
	background: url('../skin/readmore.png') left top no-repeat;
}

.back { /*#back, */
	left: 750px;
	text-align: center;
	background: url('../skin/back.png') left top no-repeat;
}

.back {display: inline-block;}

#aktual .more {clear: both; float: right;}

.info{text-align: right;}


.more:hover {background: url('../skin/readmore.png') left bottom no-repeat;}

#back:hover, .back:hover {background: url('../skin/back.png') left bottom no-repeat;}

#mib2 .more {background: url('../skin/readmore.png') left bottom no-repeat;}

#mib2 .more:hover {background: url('../skin/readmore.png') left top no-repeat;}

#stopka {
	width: 848px;
	padding: 0 31px 0;
	height: 50px;
	color: 
}

#stopka a:hover {color: #F60; text-decoration: underline;}


.kontakt {
	width: 850px;
	margin: 0 30px 20px;
	padding: 20px 0;
	overflow: auto;
	border-bottom: 1px dotted #8C8C8C;
}

.oddz {
	padding: 20px 0;
	overflow: auto;
	border-bottom: 1px dotted #8C8C8C;
}

.mapa {float: right;	margin-bottom: 20px;}

.kontakt h3, .kontakt h3 a {
	padding: 10px;
	margin-bottom: 1em;
	font: italic bold 1.7em Tahoma, Arial;
	color: #F60;
	border-bottom: 1px dotted #8C8C8C;
}

.kontakt h3 a {font: italic bold 1em Tahoma, Arial; text-decoration: underline;}

.kontakt h3 a:hover {color: #00F;}

.kontakt address {
	width: 380px;
	padding: 10px;
	margin: 0 0 1em;
	border: 1px solid #E0E0E0;
}

.kontakt address p {
	margin: 0 0 .5em;
	line-height: 160%; 
	font: italic bold 1.2em Arial, Tahoma, Arial;
	color: #8C8C8C;
}

.kontakt .nazwa1 {font: italic bold 1.5em Arial, Tahoma, Arial; color: #F60;}
.kontakt .nazwa2 {font: italic bold 1.5em Arial, Tahoma, Arial; color: #000;}

 
 
.kontakt .tel {}
.kontakt .mail {color: #00C;}

#linki {	text-align: center;}

#linki a {font: bold 1.2em Arial, Tahoma, Arial; color: #F60; line-height: 160%;}
 
#linki a:hover {color: #00F; text-decoration: underline;}




/* formularz kontaktowy */

.kontaktNew label{
	display: block;
	float: left; 
	clear: left; /* musi być */
	width: 28%;
	height: auto;
	margin-right: 1em;
	padding-top: 1.3em;
	text-align: right;
}

.kontaktNew form {
	width: 70%;
	margin: 0 auto;
	padding: 2%;
	border: 1px solid #C3C3C3;
}

.kontaktNew form p {font: bold 1.2em Arial, Tahoma, Arial; color: #C90; line-height: 160%;}

.kontaktNew input, .kontaktNew textarea {
	padding: .5em .5em;
	margin: 1em 0;
	color: black;
	border: 1px solid #FFCE84;
}

.kontaktNew textarea {width: 96%; height: 4em;}

.kontaktNew input[type=text] {width: 65%;}

.kontaktNew .feror {color: #D52B00;}

#fster {padding: 1em 0;	text-align: center;}

div#fform h2{/* komunikat po wysłaniu maila */
	position: relative;
	margin: 2em auto;
	padding: 1em;
	width: 500px;
	font: bold 1.2em Arial, Tahoma, Arial; color: #C90; line-height: 160%;
	text-align: center;
	border: 1px solid #FFCE84;
}

div#fform h2.red {color: red;}


.kontaktNew .adres_kontakt{padding: 1em; text-align: center;}

.kontaktNew .adres_kontakt p {font: bold 1em/ 160% Arial, Tahoma, Arial; color: #3A3A3A;}

.kontaktNew p.naz1{font: bold 1.5em/ 160% Arial, Tahoma, Arial; color: #F60;}
.kontaktNew .naz2{}
.kontaktNew .miasto, .kontaktNew .ulica, .kontaktNew .tel, .kontaktNew .fax {display: inline-block;}
.kontaktNew .ulica{}
.kontaktNew .woje{}
.kontaktNew .tel, .kontaktNew .fax{padding: 0 1em;}
.kontaktNew .tel b, .kontaktNew .fax b { font: bold 1.2em/ 160% Arial, Tahoma, Arial; color: #F60;}
.kontaktNew .fax{}
.kontaktNew .mail{}


/* pozycjonowanie zdjęć */


.foup, .fodown {
	width: 100%;
	overflow: auto;
	text-align: center;
}

.foleft, .foright {width: auto;	overflow: auto;} 

.foleft {float: left; margin-right: 15px;}
.foright {float: right; margin-left: 15px;}

.fodown {clear: both;}

.imgl, .imgr, .imgs, .imgll, .imgrr {margin: 5px 5px 10px;}	

.imgl img, .imgr img, .imgs img, .imgll img, .imgrr img {border: 1px solid #F60;}
	
.imgl, .imgr {z-index: 2; display: block;}

.imgl {float: left; margin-right: 15px;}
.imgr {float: right; margin-left: 15px;}

.imgll {float: left; clear: left;}
.imgrr {float: right; clear: right;}

.imgs {display: inline-block;}

.min_gal { /*fotki na stronie Salonów */
	width: 129px;
	padding: 3px;
	margin: 2px;
	border: 1px solid #C3C3C3;
}

#optyka {text-align: center;}

.video {}

.vid_left {float: left;}
.vid_right {float: right; clear: right;}

div.vid_top, div.vid_bottom {margin: 0 auto;}

a.ladtre, a.ladtreb {right: -20px;}

.linkowane {padding: 0 3px;}

#login_prof {
	width: 500px;
	height: 150px;
	margin: 20px auto;
	border: 1px solid #f63;
	text-align: center;
}

#login_prof input {
	padding: .4em 1em;
	border: 1px solid #8C8C8C;	
}

#login_prof div {margin: 1em 0;}

.ce {text-align: center;}
.x50 {display: block; width: 50%; margin-left: auto; margin-right: auto;}
.x75 {display: block; width: 75%; margin-left: auto; margin-right: auto;}
.x30 {display: block; width: 30%; margin-left: auto; margin-right: auto;}




.tyt_blok_tr {
	clear: both;
	margin: 1em 0; font: bold 1.2em/ 160% Arial; color: #F60; 
	border-bottom: 1px dotted #999;
}



/* nowe */

.zaj {
	display: inline-block;
	width: 29%;
	padding: 0 2%;
	margin: 1em 0;
	vertical-align: top;
	/*	background: #CFF; */
}

#aktual .zaj {
	width: 96%;
}

.tyt, h2 {	
	font: italic normal 2.1em Arial;
	/*width: 870px; */
	padding: 15px 0 7px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #F30;}
	
.tyt b {
	font: italic normal 1em Arial;
	color: #F60;
	display: block;
}

#aktual .tyt b {display: inline;}
#aktual .tyt b:before {content: " - ";}

h2 b {font: italic normal 1em Arial; color: #F60;}

h2 b:before {content:" :: ";}

#startDown .tyt {padding: 1em 0;	font: italic normal 1.5em Arial; color: #000;}
	
.zaj_more_img, .zaj_more_img img {display: block;	margin: 0 auto;}

#aktual .zaj_more_img {float: left; margin-right: 2em;}


#team .blok_publ {
	width: 48%;
	margin: 5px 1%;
	height: 280px;
	float: left;
}

#fanFB {margin: 0 0 2em;}

#frameFB {display: block; margin: 0 auto;}

.mapa2 {margin: 1em auto;}


.fb {
	position: fixed;
	z-index: 9999;
	top: 100px;
	width: 8px;
	height: 300px;
	overflow: hidden;
	padding: 0 10px;
}

.fb:hover {width: 440px;}

.fb_inside {
	position: relative;
	top: 0;
	width: 100%;
	height: 300px;
	background: url(../skin/fb_tlo.png) ;
}

#fb_left .fb_inside {right: 28px;}

#fb_right .fb_inside {left: 28px;}

#fb_left {left: 0; background: url(../skin/fbl.png) top right no-repeat;}

#fb_right {right: 0;	background: url(../skin/fbr.png) top left no-repeat;}

.fb iframe {position: absolute; width: 300px; height: 500px;}


#fb_left iframe {right: 10px;}
#fb_right iframe {left: 10px;}

/* nowe end */