/*---------------------- reset CSS -------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;	
	text-align:left;
}

img {
display:block;
} 

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ----------------------konec reset CSS -------------------------*/

/*------------------ CSS APLIED TO THE MAIN CONTAINER ------------------*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*--------------------------------------------------------------------------*/



body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	background:url(../images/body_bg2.gif) repeat-x top;
	background-color:#ffffff;
	}
	
h1{
	font-size:22px;
	color:#363636;
	font-weight:bold;
	text-align:left;
}

h2{
	
	font-size:34px;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
}

h3{
	font-size:17px;
	color:#f50b0a;
	font-weight:bold;
	text-align:left;
}

h4{
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
}

h4.title_index{
	line-height:24px;
	margin-bottom:10px;
}

p.title_index_text{
	float:left;
	background:url(../images/li_square2.gif) no-repeat bottom left;
	line-height:16px;
	padding-left:20px;
	padding-top:10px;
	width:230px;
	font-size:12px;
	color:#ffffff;
}

p{
	font-size:13px;
	color:#363636;
	text-align:left;	
}

#container{
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	
	text-align:left;
	/*background:red;*/

}

h5 {
	font-size: 14px;
	font-weight: bold;
}

a.povezava, a.povezava:visited {
	text-decoration: underline;
	color: #916c33;
}

a.povezava:hover {
	text-decoration: none;
}

a.h5, a.h5:visited {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}

a.h5:hover {
	text-decoration: none;
}

a.link, a.link:visited {
	text-decoration: underline;
	color: #333;
}

a.link:hover {
	text-decoration: none;
}

a.utility, a.utility:visited {
	font-size: 10px;
	color: #333;
}

ul.list li { list-style: disc; margin-top:10px; padding-left:5px; margin-left: 25px; line-height: 16px; list-style-image:url(../images/li_square.gif)};
p.vsebina { line-height: 16px; margin-top: 15px; }
/*-------------------------HEADER - ZACETEK ---------------------*/

#header_container{
	float:left;
    width: 1020px;
    height:80px;
	background:url(../images/header_bg.gif) no-repeat;

}

#header_container .header_left{
	float:left;
	width:170px;
	height:80px;
}

#header_container .logo{
	float:right;
	margin-top:5px;
	width:141px;
	height:69px;
}

#header_container .header_right{
	float:right;
	width:110px;
	height:80px;
}

#header_container .header_right span.lang_seperator{
	margin-left:5px;
	margin-right:5px;
	color:#606060;
}

#header_container .header_right a{
	color:#606060;
	text-decoration:none;
}

#header_container .header_right .lang{
	float:left;
	margin-top:15px;
	height:20px;
	width:100%;
}

#header_container .header_right .font_resize{
	float:left;
	margin-top:25px;
	width:55px;
	height:20px;

}

#header_container .header_right .font_resize a{
	font-size:14px;
	font-weight:bold;
}

.shaddow_header_bottom{
	float:left;
	width:1020px;
	height:12px;
	background:url(../images/shaddow_header_bottom.gif) no-repeat;
}

#side_navigation_container{
	float:left;
	width:100%;
	height:90px;
}

.navigation{
	float:right;
	width:685px;
	height:55px;
}

#content_container{
	float:left;
	width:100%;
}

#content_container .animacija{
	float:left;
	width:100%;
	height:322px;
	
	background:url(../images/animacija.gif) no-repeat;
}



#content_container .content_boxes{
	float:left;
	width:100%;
	background:url(../images/middle_boxes_bg.gif) repeat-x;
	background-color:#ebebeb;
}

#content_container .content_boxes h6{
	float:left;
	text-decoration:none;
	font-size:22px;
	color:#363636;
	font-weight:bold;
}

#content_container .content_boxes .left_box{
	float:left;
	width:500px;

}

#content_container .content_boxes .box_text_side{
	float:left;
	margin-top:12px;
	display:inline;
	margin-left:30px;
	width:255px;

}

#content_container .content_boxes .box_text_side a.oprema_link{
	width:200px;
	float:left;
	margin-top:7px;
	background:url(../images/li_square_3.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	font-size:12px;
	text-decoration:underline;
	color:#9e0301;
}

#content_container .content_boxes .box_text_side a.oprema_link:hover{
	text-decoration:none;
}


#content_container .content_boxes .box_text_side p{
	float:left;
	margin-top:10px;
	width:100%;
	line-height:15px;

}

/*#content_container .content_boxes .box_text_side .box_title{
	float:left;
	margin-top:105px;
	width:100%;
}*/

#content_container .content_boxes .box_img_side{
	float:left;
	width:215px;
}

#content_container .content_boxes .right_box{
	float:left;
	width:520px;
	height:236px;
}

#content_container .content_boxes .right_text{
	width:278px;
}

#content_container .content_boxes .right_img{
	width:212px;
	height:240px;
	margin-top:0px;
	background:url(../images/index_box_img_right.gif) no-repeat;
}

#content_container .shadow_boxes_btm{
	float:left;
	width:1020px;
	height:4px;
	background:url(../images/shaddow_content_boxes_btm.gif) no-repeat;
}

#content_container .news_container{
	float:left;
	width:100%;
	height: 70px; 
}

#content_container .news_container .news_left_side{
	float:left;
	width:285px;
	height: 70px;

}

#content_container .news_container .news_left_side .text{
	float:left;
	width:160px;
	margin-top:30px;
	margin-left:55px;
	display:inline;
}

#content_container .news_container .news_left_side .earth_image{
	float:left;
	width:134px;
	height:161px;
	background:url(../images/earth_news.gif) no-repeat;
}

#content_container .news_container .news_left_side .text p{
	float:left;
	margin-top:10px;
	font-size:16px;
	display:inline;
}

#content_container .news_container .news_right_side{
	float:left;
	width:735px;
	height: 70px; 
}

#content_container .news_container .news_right_side .news{
	float:left;
	margin-top:0px;
}

/*-----------------PODSTRAN ----------------------*/

#sub_heading_container{
	float:left;
	width:874px;
	height:100px;
}

.red{
	background:url(../images/sub_heading.gif) repeat-x;	
}

.orange{
	background:url(../images/sub_heading_orange.gif) repeat-x;	
}

.green{
	background:url(../images/sub_heading_green.gif) repeat-x;	
}

.blue{
	background:url(../images/sub_heading_blue.gif) repeat-x;	
}

.purple{
	background:url(../images/sub_heading_purple.gif) repeat-x;	
}

#sub_heading_container .title{
	float:left;
	margin-left:248px;
	display:inline;
	width:625px;
	height:100px;
}

#sub_heading_container .red_shaddow{
	background:url(../images/heading_seperator.gif) no-repeat left;
}

#sub_heading_container .orange_shaddow{
	background:url(../images/orange_shaddow.gif) no-repeat left;
}

#sub_heading_container .green_shaddow{
	background:url(../images/green_shaddow.gif) no-repeat left;
}

#sub_heading_container .blue_shaddow{
	background:url(../images/blue_shaddow.gif) no-repeat left;
}

#sub_heading_container .purple_shaddow{
	background:url(../images/purple_shaddow.gif) no-repeat left;
}

#sub_heading_container .title h2{
	float:left;
	width:595px;
	display:inline;
	margin-top:35px;
	margin-left:30px; 
}

#sub_puzzle_img{
	float:left;
	width:146px;
	height:100px;
}

.red_puzzle{
	background:url(../images/sub_puzzle_img.gif) no-repeat;
}

.orange_puzzle{
	background:url(../images/orange_puzzle.gif) no-repeat;
}

.green_puzzle{
	background:url(../images/green_puzzle.gif) no-repeat;
}

.blue_puzzle{
	background:url(../images/blue_puzzle.gif) no-repeat;
}

.purple_puzzle{
	background:url(../images/purple_puzzle.gif) no-repeat;
}

#sub_content_container{
	float:left;
	width:100%;
}

#sub_content_container .side_navigation_container{
	float:left;
	width:253px;
	background:url(../images/shaddow_navi_right.gif) repeat-y right;
}

#sub_content_container .side_navigation{
	float:left;
	padding-bottom:50px;
	width:253px;
	height:auto;
	background:url(../images/navi_bg.gif) repeat-y;
}

#sub_content_container .side_navigation .navi_box{
	float:left;
	margin-top:25px;
	height:35px;
	width:100%;
	background:url(../images/navi_border_btm.gif) no-repeat bottom;
}

#sub_content_container .side_navigation .navi_box a{
	float:left;
	color:#000000;
	text-decoration:none;
	font-size:14px;
	margin-left:50px;
	display:inline;
	line-height:26px;
	font-weight:bold;
}

#sub_content_container .side_navigation .navi_box a.active_navi{
	padding-left:35px;
	margin-left:15px;
}

#sub_content_container .side_navigation .navi_box a.one{
	background:url(../images/active_navi_img_one.gif) no-repeat;
}

#sub_content_container .side_navigation .navi_box a.two{
	background:url(../images/active_navi_img_two.gif) no-repeat;
}

#sub_content_container .side_navigation .navi_box a.three{
	background:url(../images/active_navi_img_three.gif) no-repeat;
}

#sub_content_container .side_navigation .nase_stranke_box,
#sub_content_container .side_navigation .podpora_strankam_box{
	float:left;
	margin-top:50px;
	margin-left:6px;
	display:inline;
	width:236px;
	background:url(../images/nase_stranke_bg.gif) repeat-y;
}

#sub_content_container .side_navigation .nase_stranke_box a,
#sub_content_container .side_navigation .podpora_strankam_box a{
	float:left;
	margin-top:30px;
	margin-left:33px;
	display:inline;
	color:#212121;
	font-size:22px;
	text-decoration:underline;
}

#sub_content_container .side_navigation .nase_stranke_box p,
#sub_content_container .side_navigation .podpora_strankam_box p{
	float:left;
	margin-top:25px;
	padding-bottom:20px;
	margin-left:33px;
	display:inline;
}

#sub_content_container .side_navigation .podpora_strankam_box{
	margin-top:10px;
	background-image:none;
	background:#737373;
}

#sub_content_container .side_navigation .podpora_strankam_box p{
	color:#ffffff;
	padding-bottom:40px;
}

#sub_content_container .side_navigation .podpora_strankam_box a{
	color:#ffffff;
}

#sub_content_container .sub_content{
	float:left;
	margin-top:15px;
	margin-left:35px;
	display:inline;
	width:731px;
}

#sub_heading_container .breadcrumbs{
	float:left;
	margin-left:30px;
	display:inline;
	width:595px;
	color:#ffffff;
	font-size:11px;
	margin-top:10px;
}

#sub_heading_container .breadcrumbs a{
	color:#ffffff;
	font-size:11px;
}

#sub_content_container .sub_content .sub_page_title{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}

#sub_content_container .sub_content .sub_seperator_content{
	float:left;
	width:656px;
	height:1px;
	background:url(../images/sub_content_seperator.gif) no-repeat;
}

#sub_content_container .sub_content .sub_content_box{
	float:left;
	width:656px;
}

#sub_content_container .sub_content .sub_content_box .number_img{
	float:left;
	width:38px;
	height:174px;
}

#sub_content_container .sub_content .sub_content_box .num_one{
	background:url(../images/number_one_img.gif) no-repeat;
}

#sub_content_container .sub_content .sub_content_box .num_two{
	background:url(../images/number_two_img2.gif) no-repeat;
}

#sub_content_container .sub_content .sub_content_box .num_tri{
	background:url(../images/3.png) no-repeat;
}

#sub_content_container .sub_content .sub_content_box .resitve_text{
	float:left;
	margin-top:10px;
	margin-left:35px;
	display:inline;
	width: 350px;
}

#sub_content_container .sub_content .sub_content_box .resitve_text2{
	float:left;
	margin-top:10px;
	margin-left:35px;
	display:inline;
	width: 650px;
}

#sub_content_container .sub_content .sub_content_box .no_margin{
	margin-left:0px;
}


#sub_content_container .sub_content .sub_content_box .agregati{
	margin-left:0px;
	width:100%;
}

#sub_content_container .sub_content .sub_content_box .agregati p{
	line-height:15px;
}

p.nastevanje{
	float:left;
	width:400px;
	padding-left:22px;
	line-height:16px;
	background:url(../images/li_square.gif) no-repeat bottom left;
}

#sub_content_container .sub_content .sub_content_box .agregati p.nast_box{

	width:100%;

}

#sub_content_container .sub_content .sub_content_box .agregati p.first_nastev{
	margin-top:20px;
}

#sub_content_container .sub_content .resitve_text .title{
	float:left;
	margin-bottom:15px;
	width:100%;
}

#sub_content_container .sub_content .resitve_text p{
	float:left;
	margin-bottom:15px;
	width:100%;
}

.zaposlitev{
	margin-top:10px;
	float:left;
	width:100%;
}

.no_margin{
	margin-top:0px;
}

a.link_zaposlitev{

	color:#4e2b93;
}

/*---------------IZJEMA ZA IE -----------------*/

*html #sub_content_container .sub_content .sub_content_box .resitve_img_container .resitve_img{
	width:128px;
	height:135px;
}

/*--------------------------------------------*/

#sub_content_container .sub_content .sub_content_box .resitve_img_container{
	float:left;
	margin-top:5px;
	margin-left:20px;
	width:122px;
	height:140px;
}

#sub_content_container .sub_content .sub_content_box .resitve_img_container p{
	float:left;
	width:122px;
	margin-top:5px;
	font-size:9px;
	text-align:center;
	color:#5a5a5a;
}

#sub_content_container .sub_content .sub_content_box .resitve_img_container .resitve_img{
	float:left;
	width:122px;
	height:129px;
	border:3px solid #999999;
}

#sub_content_container .sub_content .sub_content_box .first_image{
	margin-left:35px;
}

#sub_content_container .sub_content .sub_content_box .second_text{
	margin-left:25px;
}

#more_info_container{
	float:left;
	width:100%;
}

.more_info_levo {
	width: 500px;
	float:left;
}

.more_info_desno {
	float:left;
	width: 150px;
}

a.more_info_container, a.more_info_container:visited {
	float:left;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:55px;
	line-height:35px;
	height:50px;
	text-decoration:none;
	font-weight: bold;
	color:#000000;
	font-size:14px;
	background:url(../images/more_info_imgs.gif) no-repeat;
}

a.more_info_container:hover{
	color:#f00c0b;
}

#footer_container{
	float:left;
	margin-top:8px;
	padding:10px;
	width:1020px;
	height:37px;
	background:url(../images/body_bg2.gif) repeat-x;
}

#footer_container .kontakt_info{
	float:left;
	width:600px;
}

#footer_container .kontakt_info p{
	color:#2b2b2b;
	font-size:10px;
	display:block;
	line-height:13px;
}

#footer_container .small_navi{
	float:right;
}

#footer_container .small_navi p{
	color:#2b2b2b;
	font-size:10px;
}

#footer_container .small_navi a{
	color:#2b2b2b;
	text-decoration:none;
}

.vizija{
	float:left;
	padding:15px;
	width:500px;
	border:1px solid #ff9e0c;
	background:#e5e5e5;
}

.history {
	margin-top:20px;
	padding-top:5px;
}	

.history h5.history_title{

	line-height:50px;
	background:url(../images/history_icon.gif) no-repeat;
	padding-left:60px;
}


.vizija h5.vizija_title{
	margin-top:20px;
	margin-bottom:15px;
	line-height:39px;
	background:url(../images/vizija_img.gif) no-repeat;
	padding-left:60px;
}

#intro{
	float:left;
	width:100%;
	margin-bottom: 15px;
}

.intro{
	float:left;
	width:100%;
}

.intro_left{
	float:left;
	width:210px;
}

#sub_content_container #intro .intro_left p.levo{
	float:left;
	margin-top:1px;
	margin-bottom:0px;
	padding-left:5px;
	padding-bottom:0px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	width:205px;
	height:20px;
	background:#737373 ;
}

.intro_right{
	float:left;
	width:380px;
}

#sub_content_container #intro .intro_right p.desno{
	float:left;
	margin-top:1px;
	margin-bottom:0px;
	margin-left:2px;
	padding-left:5px;
	color:#000000;
	font-size:12px;
	line-height:20px;
	height:20px;
	width:380px;
	background:#efefef;
	padding-bottom:0px;
}

.sub_content_box .reference_container{
	float:left;
	margin-top:15px;
	width:100%;
}
.sub_content_box .reference_container .box_ena,
.sub_content_box .reference_container .box_dva,
.sub_content_box .reference_container .box_tri,
.sub_content_box .reference_container .box_stiri{
	float:left;
	width:157px;
	height:75px;
	margin-left:2px;
	background:#737373;
}

.sub_content_box .reference_container .box_ena a,
.sub_content_box .reference_container .box_dva a,
.sub_content_box .reference_container .box_tri a,
.sub_content_box .reference_container .box_stiri a{
	float:left;
	width:157px;
	line-height:20px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.sub_content_box .reference_container .box_ena a:hover,
.sub_content_box .reference_container .box_dva a:hover,
.sub_content_box .reference_container .box_tri a:hover,
.sub_content_box .reference_container .box_stiri a:hover,
.sub_content_box .reference_container .box_pet a:hover,
.sub_content_box .reference_container .box_sest a:hover{
	color:#0187cf;
	background:#cecdcd;
}

.sub_content_box .reference_container .box_ena{

}

.sub_content_box .reference_container .box_dva{

}

.sub_content_box .reference_container .box_tri{

}

.sub_content_box .reference_container .box_stiri{

}

.sub_content_box .reference_container .box_pet{

}

.sub_content_box .reference_container .box_sest{

}

.sub_content_box .reference_container .reference{
	float:left;
	margin-top:25px;
	margin-left:20px;
	display:inline;
	width:200px;
}

.sub_content_box .reference_container .first_reference{
	margin-left:0px;
}

.sub_content_box .reference_container .reference .reference_title{
	float:left;
	width:100%;
	height:20px;
	margin-bottom:10px;
	text-align:center;
}

.sub_content_box .reference_container .reference .reference_title p{
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.sub_content_box .reference_container .reference .reference_text{
	float:left;
	width:100%;	
}

.sub_content_box .reference_container .reference .reference_text p{
	float:left;
	width:100%;	
	line-height:15px;
}

.sub_content_box .reference_container .reference .reference_img{
	float:left;
	width:200px;
	height:141px;
	margin-bottom:10px;
}

.sub_content_box #pager{
	float:left;
	margin-top:20px;
	width:100%;
	text-align:center;
	height:20px;
}

.sub_content_box #pager a{
	margin-left:5px;
	color:#0295e3;
	font-weight:bold;
	font-size:15px;
}

.gallery_container{
	float:left;
	margin-top:15px;
	width:100%;
	height:170px;

}

.prev_arrow{
	float:left;
	margin-top:70px;
	width:33px;
	height:33px;
}

.next_arrow{
	float:right;
	margin-top:70px;
	width:33px;
	height:33px;
}

.product_galery{
	float:left;
	margin-left:25px;
	display:inline;
	width:623px;
	height:158px;
}

.product_galery .image_area{
	float:left;
	margin-top:15px;
	width:618px;
	height:141px;
}

.product_galery .image{
	float:left;
	margin-left:6px;
	width:200px;
	height:141px;
	border:1px solid #6f6f6f;
}

.product_galery .fist_image{
	margin-left:0px;
}

.partners_title{
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
}

.partners_title a{
	text-decoration:none;
	color:#000000;
}

.partners_title a.wilson,
.partners_title a.ctm,
.partners_title a.masterguard,
.partners_title a.aros,
.partners_title a.csb{
	float:left;
	padding-left:115px;
	line-height:38px;
	background:url(../images/logo_wilson.jpg) no-repeat;
}

.partners_title a.ctm{
	background:url(../images/logo_ctm.jpg) no-repeat;
}

.partners_title a.masterguard{
	background:url(../images/logo_masterguard.jpg) no-repeat;
}

.partners_title a.aros{
	background:url(../images/logo_aros.jpg) no-repeat;	
}

.partners_title a.csb{
	background:url(../images/logo_csb.jpg) no-repeat;	
}

.partners_content{
	float:left;
	line-height:15px;
}

.kontakt_container{
	float:left;
	margin-top:20px;
	width:600px;
}

.kontakt_container .info_contact{
	float:left;
	width:180px;
}

.kontakt_container .info_contact a{
	color:#6619ff;
}
.kontakt_container .info_contact h5.title_info{
	float:left;
	font-size:16px;
	padding-left:50px;
	height:38px;
	line-height:38px;
	margin-top:40px;
	margin-bottom:10px;
	width:100%;
	color:#FF9000;
}

.kontakt_container .info_contact h5.info{
	background:url(../images/info_icon.gif) no-repeat left;
}

.kontakt_container .info_contact h5.prodaja{
	padding-left:40px;
	background:url(../images/prodaja_icon.gif) no-repeat left;
}

.kontakt_container .info_contact h5.servis{
	padding-left:50px;
	background:url(../images/icon_servis.gif) no-repeat left;
}

.kontakt_container .info_contact h5.nabava{
	padding-left:50px;
	background:url(../images/nabava_icon.gif) no-repeat left;
}

.kontakt_container .info_contact h5.kakovost{
	padding-left:50px;
	background:url(../images/kvaliteta_icon.gif) no-repeat left;
}

.kontakt_container .img_contact{
	float:left;
	width:100px;
	height:78px;
	background:url(../images/phone_icon.gif) no-repeat;
}

.kontakt_container .info_contact p{
	line-height:15px;
}

ul.navadn li { list-style: disc; margin-top:10px; padding-left:5px; margin-left: 25px; line-height: 16px; list-style-image:url(../images/li_square_black.gif)};



/* skrite vsebine */

#prenosa { display: none; }
#skrit { display: none; }
#promet { display: none; }
#telekomunikacije { display: none; }
#zdravstvo { display: none; }
#industrija { display: none; }

div.slika { float:left; margin-right: 3px; }

a.small { font-size: 10px; color: #000;}

a.drop, a.drop:visited {
	color: #036;
	text-decoration: underline;
}

a.drop:hover {
	text-decoration: none;}
	
.prospekt{
	float:left;
	margin-top:5px;
	width: 100%;
}

.prospekt a{
	float:left;
	width:100%;
	line-height:20px;
	padding-left:25px;
	text-decoration:none;
	color:#000000;
	font-size:11px;
	background:url(../images/PDF_icon.gif) no-repeat left;
}

h1.podnaslov {
	font-weight: bold;
	font-size: 18px;
	color: #333;
	font-style: italic;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: /*1px dashed gray*/ none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */

}