/*

File: master style style sheet for wwww.almik.sk

Date: 25.2. 2010

*/
body{
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	background:#b09879 url(images/bg_body.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
	color:#000000;
	}
body.aktuality #content .basic001 .content{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 10px 0; line-height:normal; color:#e67613;}
h1{font-size:13px;}
h2{font-size:12px;}
h3{font-size:12px; padding:5px 0; font-weight:normal;}
h4{font-size:11px; padding:5px 0 5px 0;}

.zelena{color:#018f69;}

ul, ol{margin:0 0 5px 10px; padding:0;}
.content ul, ol{margin:0 0 5px 10px; padding:0;}
#content li{background:url(images/sipka_mala_oranzova.gif) no-repeat 10px 5px; padding:1px 0 1px 20px; list-style:none; zoom:1;}
p{padding:0 0 10px 0; margin:0;}
address{font-style:normal; margin:0;}
table{font-family:Arial, Helvetica, sans-serif;}

a img{border:none;}
a{color:#e67613; text-decoration:underline; outline:none;}
a:hover{color:#e67613; text-decoration:none;}

.cleaner, .clear{clear:both;}

#container-in{background:url(images/bg_footer_out.jpg) repeat-x left bottom;}

#container{
	width:1000px;
	margin:0 auto;
	text-align:left;	
	}

#wrapper-out{width:100%; overflow:hidden; background:url(images/bg_container.gif) center top repeat-y;}

#head{
	width:1000px;
	height:100px;
	position:relative;
	background:#fff;
	}

#head #logo{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:230px;
	height:100px
	}

#head #logo a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo_almik.jpg) no-repeat 0 0;
	}
.technika #head #logo a	{background:url(images/logo_almik_tech.jpg) no-repeat 0 0;}
.oknadvere #head #logo a	{background:url(images/logo_almik_plastove_okna.jpg) no-repeat 0 0;}
.dverepodlaha #head #logo a	{background:url(images/logo_almik_dvere.jpg) no-repeat 0 0;}
.navrhinterierov #head #logo a	{background:url(images/logo_almik_interier.jpg) no-repeat 0 0;}
#head .skry{position:absolute; top:15px; left:245px; color:#4b4b4a; font-size:13px; margin:0;}
#wrapper{width:800px; float:left; overflow:hidden; background:#FFFFFF url(images/bg_pathway.jpg) repeat-x 0 0;}
.uvod #wrapper{width:100%; float:none; overflow:hidden; background:#FFFFFF none;}

#left{
	float:left;
	width:222px;
	padding-bottom:20px;
	}
	
.uvod #left{width:248px; padding-bottom:0;}
	
.uvod #content{
	width:291px;
	padding:0 460px 0 0;
	float:right;
	margin:0;
	height:353px;
	border-left:1px solid #f3d0b1;
	position:relative;
	background:url(images/banner_intro.jpg) no-repeat right top;
	}

#intro-banner{
	position:absolute;
	right:0;
	top:0;
	width:460px;
	height:355px;	
}
#multilink{
	position:absolute;
	top:26px;
	left:135px;
	width:300px;
	height:300px;
}
#clovek{
	position:absolute;
	left:0;
	top:0;
	width:150px;
	height:355px;
	background:url(images/clovek.png) no-repeat 0 0;
}
.aktuality #content, .normal #content{
	float:right;
	width:548px;
	padding:0;
	margin:15px;
	display:inline;
	background:none;
	}

#right{
	float:right;
	width:199px;
	padding-left:1px;
	overflow:hidden;
	}

	
#footer{
	clear:both;
	width:1000px;
	height:200px;
	margin:0 auto;
	position:relative;
	font-size:11px;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	}

#footer p.copy{
	margin:0;
	float:left;
	padding:135px 0 10px 10px;
	text-align:left;
	font-size:11px;
	color:#fff;
	}

#footer p.copyright{
	margin:0;
	float:right;
	padding:135px 10px 10px 10px;
	text-align:left;
	font-size:11px;
	color:#fff;
	}

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

#kontakt{
	position:absolute;
	top:40px;
	left:0px;
	padding:15px 10px 0 15px;
	width:420px;
	color:#FFFFFF;
	}
#kontakt h3{background:url(images/sipka_mala_biela.gif) no-repeat 0 7px; padding-bottom:10px; padding-left:11px; color:#FFFFFF;}
#kontakt p{float:left; padding-right:10px; padding-left:10px; line-height:160%;}
#kontakt strong{font-weight:normal;}
#kontakt a{font-weight:normal; color:#000000;}
#stitky{
	position:absolute;
	top:60px;
	left:460px;
	width:500px;
	padding:15px 10px;
	color:#FFFFFF;
	}

#stitky ul{margin:0; padding:0; text-align:justify;}
#stitky ul li{list-style:none; display:inline; padding:5px 5px; line-height:240%;}
#stitky ul li a{color:#FFFFFF; font-size:12px; white-space:nowrap;}
#stitky ul li a.bigger{color:#FFFFFF; font-size:16px;}
#stitky ul li a.big{color:#000000; font-size:14px;}

#loga p{margin:0; padding:0;}

#left .basic001 .content, #left .basic002 .content, #left .basic002b .content{padding:5px 15px 10px 15px;}
#left .basic003a{margin-right:25px; background:#dfdede url(images/bg_003.jpg) no-repeat left bottom; padding:10px 10px 30px 10px;}
#left .aktuality .content{
	padding:0 15px;
	height:180px;
	overflow:hidden;
	}

#intro{
	position:relative;
	width:1000px;
	height:331px;
	background-color:#52473e;	
	}
	
.intro-bottom{width:1000px; height:14px; background:url(images/intor_bottom.jpg) no-repeat 0 0; float:left; z-index:100; position:absolute; top:303px; left:0;}
.introbox{width:250px; height:317px; float:left; overflow:hidden; position:relative; background-repeat:no-repeat; background-position:0 0;}

#intro-1{background-image:url(images/banner-1.jpg);}
#intro-2{background-image:url(images/banner-2.jpg);}
#intro-3{background-image:url(images/banner-3.jpg);}
#intro-4{background-image:url(images/banner-4.jpg);}

.introbox .logo{padding-left:18px; padding-bottom:5px; _padding-bottom:10px;}
.introbox h2{color:#FFFFFF; margin:0; padding:15px 30px 0 28px; height:55px; font-size:11px; background:url(images/sipka_velka_biela.gif) no-repeat 15px 18px;}
.introbox h2 span{font-size:15px; display:block;}

.introbox .boxcaption {
	left:19px;
	top:180px;
}

.boxcaption {
	background:url(images/bg_box.png) no-repeat 0 0;
	_background:url(images/bg_box.gif) no-repeat 0 0;
	height:317px;
	position:absolute;
	width:231px;
}

.submenu ul{margin:0; padding:0; zoom:1; position:relative;}
.submenu ul li{list-style:none; padding:0; zoom:1;}
.submenu ul li a{display:block; padding:2px 15px 2px 40px; background:#000000 url(images/sipka_mala_biela.gif) no-repeat 25px 7px; color:#FFFFFF; text-decoration:none; zoom:1; border-bottom:1px solid #e78427;}
.submenu ul li a:hover{background-color:#333; text-decoration:none; color:#FFFFFF;}

.cenova{position:relative;}
.cenova .title{position:absolute; top:0; left:0;}

.cenova-okna,
.cenova-dvere{position:relative;}
.cenova-okna h2,
.cenova-dvere h2{position:absolute; left:26px; top:4px; color:#FFF;}
.cenova-okna h2 span,
.cenova-dvere h2 span{display:block; text-transform:uppercase;}

.left-menu ul{margin:0; padding:0; zoom:1; position:relative;}
.left-menu ul li{list-style:none; padding:0; zoom:1;}
.left-menu ul li a{display:block; padding:7px 22px 7px 20px; background:#000000 url(images/sipka_mala_biela_right.gif) no-repeat 205px 11px; color:#FFFFFF; text-decoration:none; zoom:1; border-bottom:1px solid #e78427; text-align:right; text-transform:uppercase;}
.left-menu ul li a:hover{background-color:#333; text-decoration:none; color:#FFFFFF;}

.left-menu ul li li a{display:block; padding:3px 22px 3px 20px; background:#e78427 url(images/sipka_mala_biela_right.gif) no-repeat 205px 7px; color:#FFFFFF; text-decoration:none; zoom:1; border-bottom:1px solid #000; text-align:right; text-transform:none;}
.left-menu ul li li a:hover{background-color:#333; text-decoration:none; color:#FFFFFF;}

/***************** TOPMENU **************************************/

#main-menu{
	position:absolute;
	bottom:0;
	left:240px;
	}

#main-menu ul{
	margin:0;
	padding:0;
	}
	
#main-menu ul li{
	float:left;
	list-style:none;
	height:35px;
	}

#main-menu ul li a{
	display:block;
	float:left;
	font-size:12px;
	height:35px;
	padding:0 11px 0 0;
	color:#e57614;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}

#main-menu ul li a span{display:block; height:23px; padding-left:11px; padding-top:12px; float:left; cursor:pointer;}

#main-menu ul li a:hover, #main-menu ul li.selected a{
	color:#fff;
	text-decoration:none;
	background:url(images/bg_menu_right.jpg) no-repeat right top;	
	}

#main-menu ul li a:hover span, #main-menu ul li.selected a span{
	background:url(images/bg_menu_left.jpg) no-repeat 0 0;
	}

/******************** KONIEC TOPMENU ******************************/

/******************** koniec sjm-s-kategorie ******************************/
.em{font-family:Verdana, Geneva, sans-serif;}
/**** basix 0002 ****/
.basic001, .basic002, .basic003{width:auto; zoom:1; background-color:#FFF;}

#left-menu h2, #left .basic002 .title, #left .basic002b .title {background:#000000 url(images/bg_mbox_title.jpg) no-repeat left bottom;}
#right .basic002 .title, #right .basic002b .title{background:#000000 url(images/bg_mbox_title.jpg) no-repeat -48px bottom;}

#left-menu h2{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:13px 15px 13px 20px;
	color:#FFFFFF;
	text-align:right;
	}

#left .title h2, #left .basic003 .title h3, #right .title h2, #right .basic003 .title h3{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:10px 10px 30px 20px;
	color:#FFFFFF;
	text-transform:uppercase;
	zoom:1;
	background:url(images/sipka_velka_biela.gif) no-repeat 8px 13px;
	}

#right .cenova .title h2{padding:10px 10px 10px 25px; background:none;}
#right .basic002 .content{padding:10px 10px;}
#right .basic002b .content{}
.basic002b{margin-bottom:15px;}
.uvod #left .basic002b{margin-bottom:0;}
#content .basic001, #content .basic002, #content .basic002b, #content .basic003{background:#FFFFFF; margin:0; padding-bottom:10px; overflow:hidden;}
.aktuality #content .content{width:560px; padding:0;}

#content .basic002 .title h2,
#content .basic001 .title h1{
	text-align:left;
	margin:0;
	font-weight:normal;
	clear:both;
	padding:10px 0 10px 15px;
	color:#e67613;
	font-size:14px;
	background:url(images/sipka_velka_cierna.gif) no-repeat 3px 13px;
	zoom:1;
	}
.uvod #content .basic002 .title h2{
	padding:13px 0 3px 30px;
	background:url(images/sipka_velka_cierna.gif) no-repeat 18px 16px;
	}
#content .title h2, #content .title h3{font-weight:bold;}
.pathway{padding:10px 0; margin-bottom:5px; overflow:hidden; color:#909090; zoom:1;}
.pathway .pathWay{margin:0; padding:0;}
#content .pathway ul{margin:0; padding:0; float:left;}
.pathway span, #content .pathway li{margin:0; padding:0 0 0 5px; list-style:none; float:left; background:none;}
#content .pathway a{color:#909090; text-decoration:none;}
#content .pathway a:hover{color:#E67613; text-decoration:underline;}

#content .basic002b,
#content .basic002a,
#content .basic003a,
#content .basic003b
{border-top:1px solid #DEDDDD;}

#content .basic002b .title
{padding:10px 15px 0 15px;}

#content .basic002a .title,
#content .basic003a .title,
#content .basic003b .title
{padding:10px 15px 0 25px;}

#content .basic003a .title h3,
#content .basic003b .title h3{padding:0 0 10px 0; font-size:13px !important;}

#content .basic002a .title h2{font-size:13px !important;}

#content .basic002a{}
#content .basic003a{}
#content .basic003b{}

#content .basic002a .title{background:url(images/ico-fotogaleria.gif) no-repeat 0px center;}
#content .basic003a .title{background:url(images/ico-download.gif) no-repeat 0px center;}
#content .basic003b .title{background:url(images/ico-faq.gif) no-repeat 0px center;}

/**** koniec basic 002 *****/
#left .bannery ul{margin:0; padding:0;}
#left .bannery ul li{margin:0; padding:0; list-style:none;}
#left .bannery ul li a, #left .bannery h2{display:block; width:207px; height:35px; background-repeat:no-repeat; background-position:0 0; color:#fff; font-size:11px; text-decoration:none; text-align:right; padding:55px 15px 0 0; opacity:1; margin:0;}
#left .bannery ul li a:hover{opacity:0.9;}
#left .bannery ul li a strong,  #left .bannery h2 strong{display:block; font-size:14px; font-weight:normal;}
#left .bannery ul li.mb-1 a, .technika #left .bannery h2{background:url('images/mini_banner_tieniaca_tech.jpg');}
#left .bannery ul li.mb-2 a, .oknadvere #left .bannery h2{background:url('images/mini_baneer_okna_dvere.jpg');}
#left .bannery ul li.mb-3 a, .dverepodlaha #left .bannery h2{background:url('images/mini_banner_dvere_podlaha.jpg'); padding:37px 15px 0 0; height:53px;}
#left .bannery ul li.mb-4 a, .navrhinterierov #left .bannery h2{background:url('images/mini_banner_navrh_interierov.jpg');}

/********************************  CLANKY ********************************/
.articleSummary{
	border-bottom:1px solid #d8d8d8;
	margin-bottom:5px;
	overflow:hidden;
	padding-bottom:5px;
	width:100%;
	}
#left .articleSummary{margin-bottom:0;}
#content .articleSummary{border-bottom:1px solid #dedddd; width:528px; padding: 0 10px; overflow:hidden;}
#left .articleSummary h3,
#right .articleSummary h3{padding:4px 0;}
#left .articleSummary .acontent{float:right; width:150px;}
#right .articleSummary .acontent{float:right; width:110px;}
.article{padding:10px 15px;}
.articleSummary h3 a{
	font-size: 12px;
	text-decoration:none;
}
.articleSummary h3 a:hover{text-decoration:underline;}
#right .article-glob{padding:0 10px;}
.articleSummaryMore{
	clear:both;
	text-align:right;
	padding:5px 0; 
	}

#left .articleSummaryImg{float:left; padding-right:5px;}
#right .articleSummaryImg{float:left; padding-right:5px;}

.articleSummaryContent p{
	margin:0;
	padding:0;
	}

.NextPages{margin:5px 0;}
	
.articleAuthor{
	font-style:italic;
	margin:5px;
	clear:both;
	}

.articleBack{clear:both;}
.NextPages{padding:5px 15px; text-align:center;}
.NextPages a{background:#eee; border:1px solid #ddd; padding:2px 5px;}
.NextPages a:hover{background:#ddd; text-decoration:none;}

#content img.articleSummaryImg, #content img.articleArticleImg{
	float:left;
	margin:0 10px 5px 0;
	padding:2px;
	}

/********************* FOTOGALERIA - kategorie  ******************************/

#content .Cat{clear:both;}

#content .Cat{margin:10px 50px; padding:0;}

#content .Cat li{
	list-style:none;
	padding:2px 0;
	}

#content .Cat li a{
	text-decoration:none;
	display:block;
	padding:5px;
	text-align:center;
	background:#d6d6d6;
	font-weight:normal;
	}

#content .Cat li a:hover{
	color:#FFF;
	background-color:#e67613;
	text-decoration:none;
	}

/* FOTOGALERIA - thumbnails
-------------------------------------------------------*/
.Thumbnails{font-weight: normal;}

.CategoryName{font-size:12px; border-bottom:1px solid #d6d6d6; padding-bottom:4px; margin-bottom:10px; text-align:center; display:block;}
ul.download{margin-bottom:0; margin-left:15px;}
ul.download li{padding-bottom:5px;}
ul.download li p{padding-bottom:5px;}
ul.download a{text-decoration:underline; font-weight:bold;}
ul.download a:hover{text-decoration:none;}
ul.download .Description{display:block;}
.Thmb{
	float:left;
	margin:0 2px;
	display:inline;
}

.Thumbnails .Row .Thmb .Name {
	font-size:11px;
	font-weight:normal;
	padding:1px 1px;
	text-align:center;
	margin-top:2px;
	margin-bottom:6px;
}

.Thumbnails .Row{clear:both; width:100%; overflow:hidden; padding-bottom:5px;}

.Photo{
	width:102px;
	height:102px;
	overflow:hidden;
	text-align:center;
	}
.Photo a{
	display:block;
	border:1px solid #d6d6d6;	
	}
.Photo a:hover{border-color:#e67613;}

.Name{display:none;}
.Description{display:none;}

.tabulka {
border:1px solid #A0A2A5;
border-collapse:collapse;
margin-bottom:15px;
width:100%;
}
.tabulka th {
background-color:#018F69;
border:1px solid #ccc;
color:#FFFFFF;
font-weight:normal;
padding:10px;
text-align:left;
}
.tabulka td {
border:1px solid #ccc;
padding:5px 10px;
vertical-align:top;
}
.tabulka .no-b-border td {
border-bottom:0 none;
}
.tabulka .no-t-border td {
border-top:0 none;
}

.tabulka td .cervena{color:#006B3A; text-transform:uppercase;}
#content ul.mapa{
	width:530px;
	height:280px;
	margin:0 0 5px 0;
	padding:0;
	position:relative;
	background:url(images/mapa-sk.gif) no-repeat center top;
	}

#content ul.mapa li{position:absolute; padding-left:20px; line-height:120%; background-position:10px 3px;}
#content ul.mapa li a{font-size:11px; color:#666666; text-decoration:none;}
#content ul.mapa li a:hover{color:#006B3A; text-decoration:underline;}

ul.mapa li#ba{top:210px; left:20px;}
ul.mapa li#bb{top:115px; left:205px; width:50px;}
ul.mapa li#dt{top:165px; left:240px;}
ul.mapa li#zv{top:155px; left:200px; font-weight:bold;}
ul.mapa li#br{top:105px; left:250px;}
ul.mapa li#ke{top:120px; left:390px;}
ul.mapa li#po{top:75px; left:390px;}
ul.mapa li#lv{top:195px; left:150px;}
ul.mapa li#lm{top:75px; left:250px; width:50px;}
ul.mapa li#pp{top:75px; left:310px;}
ul.mapa li#lc{top:185px; left:260px;}
ul.mapa li#nt{top:190px; left:100px;}
ul.mapa li#pd{top:115px; left:155px; padding:8px 0 0 0; background-position:center top;}
ul.mapa li#ru{top:80px; left:195px; padding:8px 0 0 0; background-position:center top;}
ul.mapa li#tt{top:110px; left:95px;}
ul.mapa li#zi{top:60px; left:155px;}
ul.mapa li#mt{top:75px; left:167px;}
ul.mapa li#tn{top:170px; left:70px; padding:0 0 8px 0; background-position:center bottom;}
ul.mapa li#vk{top:180px; left:205px; padding:0 0 8px 0; background-position:center bottom;}
ul.mapa li#zh{top:160px; left:160px; padding:8px 0 0 0; background-position:center top; width:50px; text-align:center;}

ul.mapa li#vk a, ul.mapa li#zh a{font-size:10px; line-height:110%;}

table th h2{color:#FFFFFF; margin:0; padding:0; font-size:11px;}

table.zoznam{border-collapse:collapse; clear:both; margin:5px 0;}
table.zoznam th{padding:5px 10px 5px 20px; background:#000 url(images/sipka_mala_biela.gif) no-repeat 8px 10px; color:#e67613; border:1px solid #FFF; vertical-align:top;}
table.zoznam td{padding:5px 10px; vertical-align:top; background-color:#dedddd; border:1px solid #FFF;}
table.zoznam td ul{margin:0 !important; padding:0 !important;}
table.zoznam td ul li{list-style:none; background:none !important; padding:2px 0 !important; margin:0 !important;}
table.zoznam td ul li a{display:block; text-align:center; background:#E67613; padding:2px 10px; text-decoration:none; color:#FFF;}
table.zoznam td ul li a:hover{color:#FFF; text-decoration:none; background:#000;}


/* Formulare
-------------------------------------------------------*/
table.QuerySheet{ width: 100%; border-collapse: collapse; }
table.QuerySheet td{ padding: 5px 8px; border-bottom: 1px solid #fff;}
.QuerySheetTitle{ color: #000; font-size: 1.1em; padding: 8px 0; background: #fff; }
td.QuerySheetQuery{ text-align:left; width: 35%; padding: 0; }
td.QuerySheetAnswer{ text-align: left; width: 65%; }
table.QuerySheet td input{ width: 200px; }
table .QuerySheetAnswer .sj-var-radio, table .QuerySheetAnswer .sj-var-checkbox { width: 1em; display: inline; float: left; margin: 2px 4px 0 0; }
table .QuerySheetAnswer div{clear:both;} /* float: left; width: 80px; display: inline; */
table.QuerySheet td textarea{ width: 300px; border:1px solid #aaa;}
input.sj-var-string{border:1px solid #aaa;}
input.sj-var-string:focus,
table.QuerySheet td textarea:focus{
	background-color:#FC6;
}
.QuerySheetTitle{display:none;}

th.QuerySheetFoot input{ margin-right: 8px; }
table.QuerySheet td img{ margin: 2px 0; }

td.QuerySheetQuery .QuerySheetQueryRequired, td.QuerySheetQuery .QuerySheetAnswerRequired{ color: #ff8900; }
th.QuerySheetFoot{text-align:center;}

.pagination{text-align:center; margin-bottom:5px; clear:both;}
.pagination{margin:5px 0; padding:0; overflow:hidden;}
.pagination li{list-style:none  !important; float:left; padding:0 2px  !important; margin:0  !important;}
.pagination a, .pagination li .current{
	background:#E9ECDA none repeat scroll 0 0;
	border:1px solid #eee;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:2px 5px;
	width:3em;
	margin:0;
	text-decoration:none;
}

.pagination li .disabled{
	background:#E9ECDA none repeat scroll 0 0;
	border:1px solid #eee;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:2px 5px;
	width:3em;
	text-decoration:none;
	line-height:22px;
}
.pagination a, .pagination li .current{line-height:22px; padding:2px 5px;}

.tabulka-100{
	width:100%;
}
.tabulka-100 td{vertical-align:top;}
.tabulka-100 td.text{padding-left:10px;}
.tabulka-100 .pikto{text-align:center;}
.tabulka-100 .pikto span{display:block; padding:5px 0 2px 0;}
table.dvere-box td{text-align:center; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.line-up{border-top:3px solid #000; border-collapse:collapse;}
.line-up td, div.line-up{padding-top:10px;}
span.vzor{padding:2px 5px; background-color:#222; color:#E67613; display:block; -moz-border-radius:3px;}
table.aveiro td{padding-right:10px;}
table.aveiro .text{background-color:#eee; padding:10px;}
div.aveiro{background-color:#eee; padding:10px; margin-bottom:5px;}
a.lightbox img{border:1px solid #FFF;}
a.lightbox:hover img{border:1px solid #E67613;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#lightbox-image-description{
	display:block;
}