/*   
Theme Name: E-laborat
Description: Theme made specialy for the www.e-laborat.si by <a href="http://www.studiotibor.com" target="_blank">Studio Tibor</A>
Version: 1.0
Author: studio tibor
Author URI: http://www.studiotibor.com
*****
*/

/*====================================================*/
/* CSS WORK AROUNDS*/
/*====================================================*/
/*
Using a zeroing selector removes the browser default values, which can vary greatly from browser to browser.
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

div {
    margin: 0; 
    padding: 0; 
    border: 0; 
}


/*
By setting the HTML height to 100% and then adding a one-pixel margin to the bottom, 
you can force Firefox to draw a scroll bar. This prevents the annoying page jump that 
you might see on shorter pages in that browser.
*/
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */


/*
Holly Hack
That way we bypass a lot of IE DIV bugs, like cutting of the bottom of the content in nested DIVs,...
*/
/* hide from IE mac \*/
#contentNarrow div {
	height: 1%;
}
/* end hiding from IE5 mac */


/*====================================================*/


html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;

}

html {
	padding-left: 20px;
	padding-right: 20px;

}

/*poskrbimo za centriranje nastrani za vse osnovne elemente*/
#head,
#menubar,
#middle,
#middleWLMenu,
#footer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

/*
#page {
	position: absolute;
	left: 50%;
	width: 950px;
	margin-left: -475px;
}
*/

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

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


/* head */
#head {
	/*float:left;*/
	/*width: 950px;*/
	/*height: 120px;*/
	height: 91px;
}


#head #logo {
	float:left;
	vertical-align: top;
}

#head #logo #slogan{
	margin-left: 225px;
}


#secondaryMenu {
	float: right;
	margin-top: 7px;
	color: #FF0000;
}

#secondaryMenu .item {
	background-image: url(/_images/wireframe/menuSecItemZavihek.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #F2F2F2;
	font-size: 12px;
	color: #7F7F7F;
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 12px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

#secondaryMenu .item a, 
#secondaryMenu .item a:link, 
#secondaryMenu .item a:visited {
	color: #7F7F7F;
	text-decoration: none;
}

#secondaryMenu .item a:hover {
	color: #000000;
	text-decoration: none;
}




/*====================================================*/
/* menu (MAIN) */
/*====================================================*/
#menubar {
	/*float: left;*/
	/*width: 950px;*/
	height: 23px;	  
	background-image: url(/_images/wireframe/menuBG.gif);
	background-repeat: repeat-y;
	background-color: #F2F2F2; /*namenoma najsvetlesa barva frlaufa, da se eventualno nadaljuje, ce img-a zmanjka*/
	/*background-color: #D3D3D3;*/
}




#menu {
	/*width: 740px;*/
	height: auto;
	font-size: 12px;
	/*vertical-align: top;*/
}



#menu .spacer {
	width: 130px;
	/*width: 82px;*/
	float: left;
	
}

#menu .spacerStartEnd {
	float: left;
	width: 23px;
	
}


#menu .item {
	font-size: 12px;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	float: left;
}

#menu .item a, 
#menu .item a:link, 
#menu .item a:visited {
	color: #000000;
	text-decoration: none;	
}

#menu .item a:hover {
	color: #F0880D;
	text-decoration: none;
	
}





/*====================================================*/
/* MIDDLE */
/*====================================================*/

#middle {
	margin-top: 3px;
	font-size: 1px;	/*zato, da v Mozilli ne pride do dodatne vrstice na dnu, ker smo tam morali narediti ".", da se v Mozilli pravilno raztegne po celi visini LMenu ozadje*/
}

#middleWLMenu {
	background-image: url(/_images/wireframe/LMenuBG.jpg);
	background-repeat: repeat-y;
}


/* content */
#content {
 	 float: left;  
	 width: 740px;
	 font-size: 12px;
	 /*font-size: 11px;*/
	 color: #000000;
}



.title {
	font-size: 20px;	/*16px;*/
	font-weight: bold;
	color: #F0880D;
}



.mainTitle {
	font-size: 20px;
	font-weight: bold;
	color: #F0880D;
}

.mainTitleBG {
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 17px;
	padding-bottom: 3px;
	
	background-color: #E3E3E3;
	background-image: url(/_images/wireframe/mainTitleZavihek.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}



#content .flashInfo{
 	 float: left;  
	 margin-bottom: 14px;
}


#content .exposed {
 	 float: left;
	 /* width: 740px;
	 height: 180px;*/
	 background-color: #FFFFFF;
}


#content .exposed .item {
	/*width: 206px;*/
	padding-left: 25px;
	padding-right: 15px;
}

#content .exposed .item .title {
	font-size: 20px;	/*16px;*/
	font-weight: bold;
	color: #F0880D;
}


#content .exposed .item .title a, 
#content .exposed .item .title a:link, 
#content .exposed .item .title a:visited {
	color: #F0880D;
	text-decoration: none;
}

#content .exposed .item .title a:hover {
	color: #F0880D;
	text-decoration: underline;
}



#contentNarrow {
	 width: 567px;
 	 float: left;  
	 font-size: 12px;
	 /*font-size: 11px;*/
	 color: #000000;
	 
	 margin-left: 3px;
	  
}

#contentNarrow .exposed {
 	 float: left;  
	 width: 567px;
	 height: 180px;
	 background-color: #FFFFFF;
}






/*====================================================*/
/* LMenu */
/*====================================================*/

#LMenu {
	 width: 170px;
 	 float: left;
	 font-size: 11px;
	 
	 background-image: url(/_images/wireframe/LMenuZavihek.gif);
	 background-repeat: no-repeat;
	 background-position: right top;
	 
}

.menu {
	margin-top: 4px;
	/*background-color: #D7D7D7;*/

}

#LMenu .item,
#LMenu .itemSelected {
	font-size: 12px;
	
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
		
}


#LMenu .seperator {
	font-size: 1px;
	height: 2px;
	background-image: url(/_images/wireframe/LMenuSeperator.gif);
	background-repeat: repeat-x;
	background-position: top;
}



#LMenu .item a, 
#LMenu .item a:link, 
#LMenu .item a:visited {
	color: #000000;
	text-decoration: none;
}

#LMenu .item a:hover{
	color: #F0880D;
	text-decoration: none;
}



/*velja tako za menu kakor tudi subMenu!!!!*/
#LMenu .itemSelected a, 
#LMenu .itemSelected a:link, 
#LMenu .itemSelected a:visited {
	color: #F0880D;
	text-decoration: none;
}

#LMenu .itemSelected a:hover{
	color: #F0880D;
	text-decoration: none;
}





#LMenu .subMenu{
	background-color: #F1F1F1;
	
	background-image: url(/_images/wireframe/LMenuSubZavihek.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#LMenu .subMenu .item,
#LMenu .subMenu .itemSelected {
	font-size: 11px;
	color: #333333;
	
	background-image: url(/_images/wireframe/LMenuSubBG.gif);
	background-repeat: repeat-y;
	
}


#LMenu .subMenu .item a, 
#LMenu .subMenu .item a:link, 
#LMenu .subMenu .item a:visited {
	color: #333333;
	text-decoration: none;
}

#LMenu .subMenu .item a:hover{
	color: #F0880D;
	text-decoration: none;
}




#LMenu .subMenu .seperator {
	font-size: 1px;
	height: 2px;
	background-color: #D2D2D2;
	background-image: none;
}





.dotedVLine {
	background-image: url(/_images/wireframe/dotsBG.gif);
	background-repeat: repeat-y;
}






/*====================================================*/
/* sidebar */
/*====================================================*/
#sidebar {
	float: left;
	width: 207px;
	margin-left: 3px;
	font-size: 11px;
	/*width: 177px;*/
}


#sidebar .firstOne {
	height: 167px;
	/*height: 222px;*/
}


#sidebar .item {
	/*line-height: 110%;*/
	
	margin-bottom: 3px;
	padding-top: 14px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	
	background-image: url(/_images/wireframe/sidebarZavihek.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #EDEDED;	

}



.sidebarTitle {
	font-size: 21px;
	font-weight: bold;
	color: #6B6B6B;
}

.sidebarTitle a, 
.sidebarTitle a:link, 
.sidebarTitle a:visited {
	color: #6B6B6B;
	text-decoration: none;
}


.sidebarTitle a:hover{
	color: #F0880D;
	text-decoration: underline;
}



.sidebarTitleSelected {
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
}


.sidebarTitleSelected a, 
.sidebarTitleSelected a:link, 
.sidebarTitleSelected a:visited {
	color: #F0880D;
	text-decoration: none;
}

.sidebarTitleSelected a:hover {
	color: #000000;
	text-decoration: underline;
}


.item .msg {
	margin-top: 8px;	/*15px;*/
}

.item .msgSignature {
	text-align: right;
}



.item a.readMore,
.item a.readMore:link,
.item a.readMore:visited {
	color: #F0880D;
	text-decoration: none;
}

.item a.readMore:hover {
	color: #F0880D;
	text-decoration: underline;
}



.itemSelected a.readMore,
.itemSelected a.readMore:link,
.itemSelected a.readMore:visited {
	color: #000000;
	text-decoration: none;
}

.itemSelected a.readMore:hover {
	color: #FFFFFF;
	text-decoration: underline;
}



#sidebar .itemSelected {
	margin-bottom: 3px;
	padding-top: 14px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;

	background-image: url(/_images/wireframe/sidebarKontaktiZavihek.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #F0880D;	

}



.itemSelected .msg{
	margin-top: 8px;	/*15px;*/
}

.itemSelected .msgSignature{
	text-align: right;
}


.itemSelected .msg a, 
.itemSelected .msg a:link, 
.itemSelected .msg a:visited {
	color: #000000;
	text-decoration: underline;
}

.itemSelected .msg a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}




.itemSelected .msg a, 
.itemSelected .msg a:link, 
.itemSelected .msg a:visited {
	color: #000000;
	text-decoration: underline;
}

.itemSelected .msg a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}






.caseStudiesImg {
	margin-left: 2px;
	margin-right: 2px;
}


#sidebar .signature {
	font-size: 9px;
	color: #6B6B6B;
	margin-top: 10px;
}



.odjava {
	font-size: 11px;
	color: #6B6B6B;
}


.odjava a, 
.odjava a:link, 
.odjava a:visited {
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: underline;
}

.odjava a:hover{
	color: #000000;
	text-decoration: underline;
}




/*
input, .formTextField {
	border: 1px solid #A0A0A0;
	width: 114px;
	height: 18px;
}
*/


input {
	font-size: 11px;
	border: 1px solid #00484B;
}


.inputNaroci {
	width: 105px;	/*114px;*/
	height: 15px;	/*13px;*/
	/*height: 18px;*/
}



.emailPodpis {
	font-size: 11px;
	
}




/*====================================================*/
/* footer */
/*====================================================*/

#footer {
	clear: both;
	/*float: left;*/
	/*width: 950px;*/
	color: #6B6B6B;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding-top: 5px;
	padding-bottom: 10px;
	
	background-image: url(/_images/wireframe/dotsBG_horizontal.gif);
	background-repeat: repeat-x;
	
	
}


#footer #copyrights {
	float: left;
	width: 740px;
	vertical-align: top;
	
}

#footer #copyrights .item {
	margin-left: 0px;
}

#footer #moreUseInfo {
	float: left;
	width: 210px;
	text-align: right;
}


#footer #moreUseInfo .item {
	margin-left: 10px;
	margin-right: 10px;
}



#footer a, 
#footer a:link, 
#footer a:visited {
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
}

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



/*
.alignBreak {
	clear: both;
	font-size: 1px;
}

.font1pix {
	font-size: 1px;
}

.dotLineHoriz {
	height: 1px;
	background-repeat: repeat-x;
}

.sign {
	color: #6B6B6B;
}

*/



/*====================================================*/
/* vsebina na tipicni podstrani */
/*====================================================*/

#contentNarrow .vsebina {
	clear: both;
	margin-top: 10px;
}



#middle .vsebina .title {
	font-size: 20px;	/*16px;*/
	letter-spacing: 1px;
	font-weight: bold;
	color: #F0880D;
	
	margin-top: -5px;
	margin-bottom: 1px;
	
}


#middle .vsebina .title a, 
#middle .vsebina .title a:link, 
#middle .vsebina .title a:visited {
	color: #F0880D;
	text-decoration: none;
}


#middle .summary {
	font-size: 13px;
	
}



#contentNarrow .jedro {
	clear: both;
	float: left;
	width: 390px;
	
	
	padding-left: 15px;
	padding-right: 15px;
	/*padding-bottom: 10px;*/
	
	
	background-image: url(/_images/wireframe/dotsBG.gif);
	background-position: right;
	background-repeat: repeat-y;
	
}


#contentNarrow p {
	margin-bottom: 15px;
}

#contentNarrow .faq {
	margin-bottom: 30px;
}




p {
	clear: both;
}

ol {
	margin-left: 27px;
	margin-bottom: 15px;
	list-style-position: outside;
	list-style-type: decimal;
	text-align: left;
}

ul {
	margin-left: 15px;
	margin-bottom: 15px;
	list-style-position: outside;
	list-style-type: disc;
	text-align: left;
}

ul ul {
	margin-top: 10px;
	margin-left: 15px;
	list-style-type: disc;
	/*list-style-type: square;*/
}


ul li,
ul ul li {
	margin-bottom: 8px;
}

#contentNarrow .comments{
	float: left;
	width: 127px;
	
	color: #6B6B6B;
	font-size: 13px;
	
	padding-left: 15px;
	padding-right: 5px;	
}


#contentNarrow .commentsBottom {	
	color: #6B6B6B;
	font-size: 13px;
	
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	/*padding-bottom: 150px;*/
	
	background-image: url(/_images/wireframe/dotsBG_horizontal.gif);
	background-repeat: repeat-x;
	background-position: top;
	
}




.actionButn {
	clear: both;
	float:left;
	/*vertical-align: middle;*/
	
	color: #6B6B6B;
	
	margin-left: 3px;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
	
	text-decoration: none;
	
}


.actionButn img {
	margin-right: 5px;
}

a.actionButn, 
a.actionButn:link, 
a.actionButn:visited {
	color: #6B6B6B;
	text-decoration: none;
}

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



.msgBullets {
	clear: both;
	color: #000000;
	
	margin-top: -7px;
}


.msgBullets ul {
	clear: both;
	margin-bottom: 5px;
}


.msgBullets ul li {
	margin-bottom: 8px;
}



#middle .titleBlackSmall {
	font-size: 13px;
	font-weight: bold;
	
	margin-top: -10px;
	margin-bottom: 0px;
	
	padding-bottom: 2px;
	
}

#middle .titleOrangeSmall {
	font-size: 13px;
	font-weight: bold;
	color: #F0880D;
	
	margin-top: -10px;
	margin-bottom: 0px;
	
	padding-bottom: 2px;
	
}


#middle .subTitle {
	font-size: 13px;
	color: #F0880D;
	font-weight: bold;
	
	/*margin-top: 30px;*/
	
}


#middle .titleOptionBlack {
	font-size: 13px;
	font-weight: bold;
	
	margin-top: -10px;
	margin-bottom: 0px;
	
	padding-bottom: 2px;
	padding-left: 10px;
	
	background-image:url(/_images/wireframe/puscicaRight.gif);
	background-repeat: no-repeat;
}



#package {
	position: absolute;
	left:44px;
	top:385px;
	width:180px;
	height:160px;
	z-index:1;
	visibility: hidden;
}

.white {
	color: #FFFFFF;
}

.donosnost {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #F0880D;
}
a.donosnost, 
a.donosnost:link, 
a.donosnost:visited {
	color: #F0880D;
	text-decoration: underline;
}

a.donosnost:hover {
	color: #F0880D;
	text-decoration: underline;
}