/*   
Project Name: shipman
Description: CSS made specialy for the www.shipman.dk by <a href="http://www.studiotibor.com" target="_blank">Studio Tibor</A>
Version: 1.0
Author: studio tibor
Author URI: http://www.studiotibor.com
Copyrights: 2008 All Rights Reserved
*****
*/

/*====================================================*/
/* 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; 
}

/*
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 */


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


/*====================================================*/
/* general */
/*====================================================*/

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #888888;
	text-align: left;
	background-color: #F8F8F8;
}

body {
	background-image: url(../_images/wireframe/bg_main.jpg);
	background-repeat: repeat-x;
}


#mainWrap {
	width: 1006px;
    min-height: 743px;
}


/*centering all the main elementes */
/*#main {*/
#mainWrap {
	margin-left: auto;
	margin-right: auto;
	clear: both;

}

#main {
	float: left;
}


#main,
#glava,
#noga {
	width: 956px;
}

#telo {
	width: 930px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 30px;
}





a, 
a:link, 
a:visited {
	color: #5ca3c4;		/*color: #4695b9;*/
	text-decoration: none;
}

a:hover {
	color: #5ca3c4;		/*color: #4695b9;*/
	text-decoration: underline;
}



.clear {
	clear: both;
	font-size: 1px;
	height: 0px; 
	overflow: visible !important;
	overflow: hidden;
	
}  

* html .clear {
	
}  


#mainOdmik {
	float:left;
	width:25px;
}


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


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




/*====================================================
  GLAVA
====================================================*/
#glava {
	height: 96px;
}



#glava .logo {
	float: left;
	width: 181px;
}

#glava .nav {
	float: left;
	width: 775px;
}

#glava .nav .odmik {
	margin-top: 11px;
	height: 43px;	/*54px;*/
}


#glava .nav .toolbar {

}


#glava .nav .toolbar .icoHome,
#glava .nav .toolbar .icoEmail,
#glava .nav .toolbar .icoPhone {
	float: left;
	margin-right: 15px; 
}



#glava .nav .menu {
	height: 42px;
	font-size: 1px;
	background-image: url(../_images/wireframe/bg_topShadow.jpg);
	background-repeat: repeat-x;
}

/*====================================================
  TELO
====================================================*/

#telo {
	padding-top: 15px;
	background-color: #ffffff;
	line-height: 145%;
}

#telo .subMenu {
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 7px;
}

#telo .theTitle{
	padding-left: 10px;
}

#telo .subSubMenu {
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 7px;
}

#telo .subSubMenu .news {
	margin-bottom: 30px;
}


#telo .emotional {
	/*padding-bottom: 14px;*/
	padding-bottom: 22px;
}




#telo .titleImg {
	padding-bottom: 18px;
}


/*---------------------------------------------------
 main - sidebar
---------------------------------------------------*/

#telo .jedro .main {
	display: inline;
	float: left;
	width: 590px;	/*603px;*/
	
	margin-left: 13px;
	/*padding-right: 13px;*/
	margin-right: 13px;
	
	border-right: #cbcbcb solid 1px;
}

#telo .jedro .sidebar {
	display: inline;
	float: left;
	width: 284px;
	
	/*margin-left: 13px;*/
	padding-left: 13px;
	margin-right: 13px;
	font-size: 13px;
	
	border-left: #cbcbcb solid 1px;
	/*border-right: #cbcbcb solid 1px;*/
	
}



/*---------------------------------------------------
 subJedro
---------------------------------------------------*/
#telo .jedro .subJedro {
	/* just for grouping sub content */
}


#telo .subJedro .povzetek {
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 0px;
	
	color: #13244d;
	font-size: 14px;
	font-variant: small-caps;	
}


#telo .subJedro .clear {
	clear: both;

	width: 903px;
	font-size: 1px;
		
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 19px;
	padding-top: 19px;
	
	border-bottom: #cbcbcb solid 1px;
		
}




/*---------------------------------------------------
 main
---------------------------------------------------*/

#telo .jedro .main .povzetek {
	margin-bottom: 17px;
	color: #13244d;
	font-size: 14px;
	font-variant: small-caps;	
}

#telo .jedro .main .title {
	margin-bottom: 11px;
	
	color: #13244d;
	font-size: 14px;
	font-variant: small-caps;
		
}



#telo .jedro .main ul {
	margin-left: 17px;
}

#telo .jedro .main ul li {
    list-style-position:outside;
}


#telo .jedro .sidebar .linkWIcon {
	margin-bottom: 10px;
}


#telo .jedro .sidebar ul li {
	margin-left: 20px;	/*16px;*/
	margin-bottom: 10px;
	color: #4695b9;
	list-style-position: outside;
}


/*---------------------------------------------------
 home4col
---------------------------------------------------*/

#telo .jedro .home4col {
	/*width: 925px;*/
	margin-left: 13px;
	background-image: url(../_images/wireframe/bg_home3colLine.gif);
	background-repeat: repeat-y;
}


/*
#telo .home4col .modWrap {
	
}
*/

#telo .home4col .news,
#telo .home4col .higlite {
	float: left;
}


#telo .home4col .news {
	display: inline;
	width: 606px;	/*621px*/;	/*414px;*/
	margin-right: 17px;
	/*border-right: #c9c9c9 solid 1px;*/
}


#telo .home4col .higlite {
	display: inline;
	width: 277px;	/*262px;*/	/* width: 269px; */
	/*margin-left: 1px;*/
}

#telo .home4col .higlite .modul {
	margin-right: 15px;
}

#telo .home4col .higlite .modul .img {
	margin-bottom: 20px;
}



#telo .home4col .toolbar {
	float: right;
	margin-right: 13px;
	text-align: right;
}


#telo .home4col .groupTitle {
	margin-bottom: 25px;
}



#telo .home4col .modul {
	display: inline;
	float: left;
	width: 182px;	/*189px;*/	/*202px;*/	/*194px;*/	/*207px*/
	margin-right: 20px;	/*13px;*/
}


#telo .home4col .modul .date {
	font-size: 11px;

	margin-bottom: 2px;
	
}


#telo .home4col .modul .title {
	font-size: 14px;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 115%;
	color: #5ca3c4;
	margin-bottom: 7px;
}


#telo .home4col .modul .txt {
	font-size: 12px;
	line-height: 140%;	
	margin-bottom: 5px;
}

#telo .home4col .modul .more {
	font-size: 12px;
	color: #5ca3c4;
}



#telo .home4col .modul ul {
	margin-left: 15px;
	list-style-position: outside;
	margin-bottom: -11px;
}


#telo .home4col .modul ul li {
	color: #4695b9;
	margin-bottom: 17px;
}



#telo .home4col .higlite .modul {
	float: left;
	width: 277px;	/*253px;*/	/*262px*/
	/*margin-right: 9px;*/
}



/*---------------------------------------------------
	wrap4coltable
---------------------------------------------------*/
#telo .wrap4coltable {
	background-image: url(../_images/wireframe/bg_table4col.jpg);
	background-repeat: repeat-x;
	padding-left: 13px;
	padding-right: 13px;
}

#telo .wrap4coltable .line {
	border-top: #cbcbcb solid 1px;
	height: 25px;
	color: #8f9396;
}



/*---------------------------------------------------
 	wrap3col
---------------------------------------------------*/
#telo .jedro .wrap3col .groupTitle {
	margin-left: 13px;
}


#telo .wrap3col .modul {
	display: inline;	/* Solution for The IE Doubled Float-Margin Bug */
	float:left;
	width: 263px;	/*283px;*/
	margin-left: 13px;
	margin-right: 13px;
	padding-right: 20px;
	
	border-right: #cbcbcb solid 1px;
}

#telo .wrap3col .noBorder {
	border-right: none;
}


#telo .wrap3col .modul .txt {
	font-size: 13px;
	line-height: 145%;
}



#telo .wrap3col .modul .title{
	color: #0a2361;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: normal;
	font-variant: small-caps;
}



/*---------------------------------------------------
	wrap2coltable
---------------------------------------------------*/
#telo .wrap2coltable {
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 27px;
	font-size: 12px;
	line-height: 145%;
}


/*---------------------------------------------------
	wrap2colFeatures
---------------------------------------------------*/
#telo .wrap2colFeatures {
	padding-top: 23px;
	background-image: url(../_images/wireframe/bg_2colList.jpg);
	background-repeat: repeat-x;
}

#telo .wrap2colFeatures .features,
#telo .wrap2colFeatures .details {
	display:inline;
	float: left;
	margin-left: 16px;
	margin-right: 16px;
	
}

#telo .wrap2colFeatures .features {
	width: 430px;
	margin-bottom: 40px;
}




#telo .wrap2colFeatures .features .listModul {
	width: 430px;
	margin-bottom: 28px;
	
	font-size: 13px;
	
}


#telo .wrap2colFeatures .features .listModul .title {
	margin-bottom: 10px;
	border-bottom: #cbcbcb solid 1px;
}


#telo .wrap2colFeatures .features .listModul .content {

}

#telo .wrap2colFeatures .features .listModul .colLeft {
	float:left;

	width: 197px;
	
	margin-right: 36px;
}

#telo .wrap2colFeatures .features .listModul .colRight {
	float:left;
	width: 197px;
}

.sel {
	color: #13244d;	
}



#telo .wrap2colFeatures .features .listModul .colLeft ul li,
#telo .wrap2colFeatures .features .listModul .colRight ul li {
	color: #5ca3c4;
	margin-left: 16px;
	list-style-position: outside;	
}


.listModul a, 
.listModul a:link,
.listModul a:visited {
	color: #5ca3c4;	
	text-decoration: none;
}
 
.listModul a:hover {
	color: #13244d;	
	text-decoration: none;
}




#telo .wrap2colFeatures .details {
	width: 436px;
	margin-bottom: 30px;

}

#telo .wrap2colFeatures .details .title {
	font-size: 24px;
	color: #13244d;
	margin-bottom: 15px;
}


#telo .wrap2colFeatures .details .img {
	margin-top: 25px;
}


#telo .wrap2colFeatures .details .preloaderAnim {
	margin-top: 60px;
	text-align: center; 
}




/*---------------------------------------------------
modImg
---------------------------------------------------*/

#telo .jedro .modImg {
	margin-bottom: 1px;
	display:inline;
}


#telo .jedro .modImg .slike {
	margin-bottom: 1px;
}


#telo .jedro .modImg .podpis {
	font-size: 12px;
	margin-top: 13px;
	margin-bottom: 27px;
	line-height: 130%;
	
}



/*---------------------------------------------------
wrapNews
---------------------------------------------------*/

#telo .jedro .wrapNews {
	background-image: url(../_images/wireframe/bg_newsLine.gif);
	background-repeat: repeat-y;
}


#telo .jedro .modNewsList .item .date {

	line-height: 120%;
}


#telo .jedro .modNewsList .item .title {
	margin-bottom: 19px;
}

#telo .jedro .modNewsList .item .sel {
	color: #13244d;
	margin-bottom: 19px;
}


#telo .jedro .modNewsList .item .sel a,
#telo .jedro .modNewsList .item .sel a:link,
#telo .jedro .modNewsList .item .sel a:active {
	color: #13244d;
}


/*---------------------------------------------------*/
#telo .jedro .wrapNews .main .date {
	line-height: 120%;
	margin-bottom: 4px;
}

#telo .jedro .wrapNews .main .title {
	color: #13244d;
	font-size: 24px;
	font-variant: normal;
	margin-bottom: 24px;
	line-height: 100%;
}

#telo .jedro .wrapNews .main .shortTxt {
	color: #13244d;
	font-variant: small-caps;
	font-size: 14px;
	margin-bottom: 20px;
}

/*---------------------------------------------------
wrapContacts
---------------------------------------------------*/
#telo .jedro .wrapContacts {
	
}

#telo .jedro .wrapContacts .data,
#telo .jedro .wrapContacts .locator {
	float: left;
	margin-left: 13px;
	margin-right: 13px;
	display: inline;
}

#telo .jedro .wrapContacts .locator .details {
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 19px;
	padding-bottom: 19px;
	background-color:#d6d5d3;

}

.details a, 
.details a:link,
.details a:visited {
	color: #5ca3c4;
	font-size: 12px;
	text-decoration: none;
}
 
.details a:hover {
	color: #13244d;
	font-size: 12px;
	text-decoration: none;
}

#telo .jedro .wrapContacts .data {
	width: 416px;
}

#telo .jedro .wrapContacts .data .title {
	margin-bottom: 17px;
}

#telo .jedro .wrapContacts .data .item {
	margin-bottom: 20px;
}

.personData {
	color: #13244d;
	font-size: 14px;
	font-variant: small-caps;
}


/*---------------------------------------------------*/
#telo .jedro .wrapContacts .locator {
	width: 460px;
}


#telo .jedro .wrapContacts .locator .title{
	margin-bottom: 17px;
}


/*====================================================
  NOGA
====================================================*/
#noga {
	font-size: 12px;
	margin-bottom: 15px;
}



#noga .copyright {
	margin-left: 30px;
}

/* IE 6.* in nizje imajo probleme s prikazom transparentnih PNG-jev zato ta PNG (shadow) skrijemo */
* html #noga .shadow{
	visibility: hidden;
}




/*=====================================================
	OVERRIDE
=====================================================*/

#telo .jedro .noBorder {
	border: none;
	margin-bottom: -1px;
}


/*=====================================================
     BROKERAGE  by B.
=====================================================*/

.bside
{
	width:305px;
	float:left;
	margin-left:13px;
}

.thumb
{
	float:left;
	border:1px solid #FFFFFF;
	margin-right:4px;
	margin-top:1px;
	margin-bottom:3px;
}

.thumbactive
{
	float:left;
	border:1px solid #5ca3c4;
	margin-right:4px;
	margin-top:1px;
	margin-bottom:3px;
}

.thumbpic
{
	border:0px;
	width:90px;
	height:90px;
}

.bwidth
{
	width:900px;
	height:212px;
}

.bwidth1
{
	width:900px;
}

.bvirtual
{
	width:910px;
	height:490px;
	float:left;
	clear:both;
	text-align:left;
	font-size:11px;
	vertical-align:top;
	margin-left:10px;
	background-color:#ffffff;
}

.bphoto
{
	width:284px;
	float:left;
	text-align:left;
	vertical-align:top;
	font-size:1px;
	margin-right:10px;
	margin-left:10px;
}

.bdescription
{
	width:587px;
	float:right;
	text-align:left;
	vertical-align:top;
}

.bdescription2
{
	width:607px;
	float:right;
	text-align:left;
	vertical-align:top;
}

.bname
{
	width:577px;
	font-size:14px;
	color:#000053;
	font-variant:small-caps;
	padding-bottom:8px;
}

.bdesc01
{
	width:130px;
	float:left;
	font-size:12px;
	margin-bottom:3px;
	clear:right;
}

.bdesc02
{
	width:427px;
	clear:right;
	color:#000053;
	margin-bottom:3px;
}

.bdesc01a
{
	width:120px;
	float:left;
	margin-top:20px;
	font-weight:bold;
}

.bspacer
{
	width:900px;
	height:1px;
	font-size:1px;
	background-color:#CCCCCC;
	margin-bottom:20px;
	margin-left:13px;
}

.binput
{
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	background-color:#EEEEFA;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-left:4px;
	font-variant:small-caps;
	width:500px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
}

.btext1
{
	width:185px;
	float:left;
	text-align:right;
	margin-left:13px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:10px;
}

.binput1
{
	width:650px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}

.binput1r
{
	width:508px;
	float:left;
	margin-top:5px;
	margin-bottom:10px;
	text-align:right;
}

.bbutton
{
	width:100px;
	height:24px;
	border:1px solid #5ca3c4;
	color:#5ca3c4;
	font-family:Georgia,Arial,Helvetica,sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	cursor:pointer;
}

.bmore
{
    border-width:0px;
}

.brequest_more
{
    font-weight:bold;
}

.bnewsthumb01
{
	float:left;
	margin-right:18px;
	margin-bottom:18px;
}

.bnewsthumb01k
{
	float:left;
	margin-bottom:18px;
}

.shcup2009
{
	border:none;
	width:580px;
	height:60px;
}

.shcup2009spacer
{
	border:none;
	width:580px;
	height:22px;
}

.shcupbody
{
	width:915px;
}

.shcupthumb
{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #5ca3c4;
}

.shcupthumbspacer
{
	float:left;
	width:10px;
	height:80px;
}

.shcupthumbclear
{
	float:left;
	width:915px;
	height:10px;
	font-size:10px;
}

.sponsor
{
	float:left;
	width:175px;
	height:90px;
	border:none;
	text-align:center;
	vertical-align:middle;
}

table.novice_tab{
	border-collapse:collapse; width:100%;
}
table.novice_tab tr.prva{
	background-color: black; color:white; font-weight:bold;
}
table.novice_tab td{
	border:1px solid #cccccc;
	padding:4px;
}