html { background-color: #f10f83; }

body {

	font-family: "Trebuchet MS", Georgia, Verdana, Helvetica;

	font-size: 12px;

	color: #333333;

	background-color: white;

}

body,h1,table,td,ul,li,p,img,form, input {

	margin:0;

	padding:0;

}

ul { list-style-type: none; }

img { vertical-align: text-bottom; border:0; }

br.clear { height: 0px; line-height: 0px; clear:both; }









/*** MAIN FRAME START ***/

.bodybgup {

	background-image: url(img/gui/bgcontainer.gif);

	background-repeat: repeat-y;

}

.bodybgdown {

	background-image: url(img/gui/bg_top.gif);

	background-repeat: repeat-x;

}

.prostorama {

	width:100px;

	float:left;

	padding-bottom:100px;

}

.widther { width:920px; }

.widtherPodstran { 

	width:920px;

	background-image: url(img/gui/bg_barvice.gif);

	background-repeat: repeat-y;

	background-position: right;

	}

/*** MAIN FRAME END ***/





#menu { height:81px; }

#menu .htmlmenu { padding:7px 0 0 10px; font-size:15px; font-weight:bold; }

#menu .htmlmenu a { color:white; text-decoration:underline; margin-right:4px; }

#menu .htmlmenu a:hover { color:black; text-decoration:none; }







/*** PRVA STRAN ****/

.prvastran { float:left; }

.prvastran p { line-height:14px; padding:7px 0px 10px 0; }

.prvaTopLeft { width:450px;float:left; }

.prvaTopLeftL { width:217px; float:left; }

.vstopiliTxt { width:177px; }

.prvaTopLeftR { width:233px; float:left; }

.prvaTopRight { width:370px; float:left; }



.prvaBottom { clear: both; }

.prvaBottomCol { width:197px; float: left; }

.prvaBottomCol div { padding:0 0 10px 20px; }

.prvaBottomCol div a { text-decoration: underline; color:#f10f83; };

.prvaBottomCol div a:hover { text-decoration: none; };







/*** PODSTRAN ****/

.podstran { width:820px; float:left; }

.podstran p { line-height:14px; }

.podstranL { width:620px; float:left; }

.podstranLPadd { padding:0 /*50px*/ 20px 0 20px; }

.podstranLPadd a { color: #0F83F0;  }

.podstranLPadd a:hover { color:#f10f83; text-decoration: underline; }





/**** PROJEKT ****/

.projektAbstrakt {

	font-size:16px;

	font-weight: bold;

	color:#0F83F0;

	line-height: 20px;

	padding:0 117px 20px 20px;

}

.strankaQuote { color:#0F83F0; font-weight: bold; font-size: 13px; }

.strankaQuotewhite { color:#CCCCCC; font-weight: bold; font-size: 13px; }



/*white to black*/

.wbBlock {

	background-image: url(img/gui/bg_krogi_wb.gif);

	background-repeat: no-repeat;

	padding: 50px 0 30px 20px;

	background-color:#444444;

	color:white;

}

.wbBlock a { color:white; font-weight:bold; }

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

.bwBlock {

	background-image: url(img/gui/bg_krogi_bw.gif);

	background-repeat: no-repeat;

	padding: 50px 0 30px 20px;

}

.bwBlock a { color: #333333; font-weight:bold; }

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



.projektTekst {

	width:383px;

	line-height:14px;

	float:left;

}

.projektTekst p { padding: 0 0 10px 0; }



.projektOkvir {

	margin-left:20px;

	float:left;

}

.wbfotkaGor {

	width:165px;

	background-image: url(img/gui/okvirji/b_gor.gif);

	background-repeat: no-repeat;

	background-position: top;

}

.wbfotkaDol {

	background-image: url(img/gui/okvirji/b_dol.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	padding:5px 9px 8px 6px;

}

.bwfotkaGor {

	width:165px;

	background-image: url(img/gui/okvirji/w_gor.gif);

	background-repeat: no-repeat;

	background-position: top;

}

.bwfotkaDol {

	background-image: url(img/gui/okvirji/w_dol.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	padding:5px 9px 8px 6px;

}





/*********Desna kolumna******************/

.podstranR { 

	width:200px; 

	float:left;

	background-image: url(img/gui/barvice_top.gif);

	background-repeat: no-repeat;

	padding:162px 0 50px 0;

	}

.podstranRPadd { padding:0 25px 0 20px; }

.hitrepovezave { 

	border:1px solid black;

	background-color: white;

	padding:10px;

	margin-bottom:20px;

}

.naslovHitre {

	font-size: 16px;

	font-weight: bold;

	color:#F10F83;

}

.hitrepovezave a { color:#444444; }

.hitrepovezave a:hover { color:#f10f83; }



h2.projekti { 

	color:#f10f83; 

	font-size:16px;

	margin:15px 0 0 0;

	padding:0;

}



ul.projekti {

	list-style-type: none;

	font-size: 14px;

	font-weight: bold;

	padding-top:10px;

}

ul.projekti li {

	background-image: url(img/gui/bullet_oblika.gif);

	background-repeat: no-repeat;

	background-position: 0 2px;

	padding:0 10px 3px 21px;

}

ul.projekti a { /*color:#f10f83;*/  color: #0F83F0; text-decoration: none; }

ul.projekti a:hover { color:#f10f83; text-decoration: underline; }







/************ INFO STRANI ******************/

.infostrani a { text-decoration: underline; color:#0F83F0; }

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

.infostrani h1 { color:#f10f83; font-size: 20px; padding-bottom: 20px; }

.infostrani h2 { color:#f10f83; font-size: 16px; margin-bottom: 10px; }

.infostrani p { padding-bottom: 20px; }

.pNazaj { text-align: right; text-indent: 0px; }



.cvLeft { width:70px; float:left; clear: left; }

.cvRight { width:450px; float:left; }

.ekipa { clear:both; }
.ekipa div { float:left; width:190px; text-align:center; }
.ekipa h3 { margin:0 0 0 0; padding:3px 0 5px 0;  font-size:14px; }
.ekipa h2 { color:#f10f83; font-size:16px; margin:0; padding:20px 0 10px 0;}





.storitevSklop {

	padding-bottom: 30px;

	border-bottom: 1px solid #f10f83;

	margin-bottom: 15px;

	_margin-bottom: 50px; /* ie */

}

.storitevSkloPrva {

	padding-top: 20px;

	border-top: 1px solid #f10f83;

}

.storitevSklop h2 { color:#f10f83; font-size: 16px; padding-bottom: 10px; margin:0; }

.storitevSklopFacts { float:right; width:320px; }

.storitevSklopFacts ul { margin-top:0; padding:0; }

.storitevSklopFacts ul li { 

	padding: 0 0 4px 16px;

	background-image: url(img/gui/bullet_blue.gif);

	background-repeat: no-repeat;

	background-position: 0px 2px;

	line-height: 14px;

}

.storitevSklopFotka { float:left; }

.storitevSklopFotka img { border:1px solid #CCCCCC; }



.bullBlueStevilke li {

	list-style-type: none;	

	padding: 10px 0 20px 45px;

	background-image: url(img/gui/buleti/1.gif);

	background-repeat: no-repeat;

	background-position: 0px 2px;

}

.bullBlueStevilke .ena { background-image: url(img/gui/buleti/1.gif); }

.bullBlueStevilke .dva { background-image: url(img/gui/buleti/2.gif); }

.bullBlueStevilke .tri { background-image: url(img/gui/buleti/3.gif); }

.bullBlueStevilke .stiri { background-image: url(img/gui/buleti/4.gif); }

.bullBlueStevilke .pet { background-image: url(img/gui/buleti/5.gif); }

.bullBlueStevilke .sest { background-image: url(img/gui/buleti/6.gif); }

.bullBlueStevilke .sedem { background-image: url(img/gui/buleti/7.gif); }

.bullBlueStevilke .osem { background-image: url(img/gui/buleti/8.gif); }

.bullBlueStevilke .devet { background-image: url(img/gui/buleti/9.gif); }







/************ FORME *****************/

.desniEnovice {

	width:120px;

	line-height: 12px;

	font-size: 12px;

	margin-top:5px;

	}

.desniSubmit {

	background-color:#f10f83;

	font-size: 12px;

	width:122px;

	margin-top:5px;

	color:white;

	font-weight: bold;

}

/*** FORME.END ***/











/*********** NOGA ***************/

.footer {

	background-image: url(img/gui/bg_footer.gif);

	background-repeat: no-repeat;

	clear:both;

	padding-top:20px;

}

.footerpodstran {

	background-image: url(img/gui/bg_footer_podstran.gif);

	background-repeat: no-repeat;

	clear:both;

	padding-top:20px;

}

.footerblock {

	padding:30px 0 30px 120px;

	font-size: 10px;

	}

.footerblock div { float:left; }

.footerblock a { color:#333333; text-decoration: none; }

.footerblock a:hover { text-decoration: underline; }



.footerLinks { 

	padding-left:50px;

	font-weight: bold;

	font-size:11px;

	}

.footerLinks a { color:white; }



.copyright { padding-top:2px; }







/************** SITEMAP ***************/

.nacrtStrani {

	list-style-type: none;

	font-size: 14px;

	font-weight: bold;

	padding:0 25px 0 20px;

}

.nacrtStrani li { margin-bottom:20px; }



.nacrtStrani li ul {

	margin-left:20px;

	list-style-type: none;

}

.nacrtStrani li ul li {

	margin-bottom:0px;

	font-size: 12px;

	font-weight: normal;

}



ul.nacrtStrani a { color:#f10f83; text-decoration: none; }

ul.nacrtStrani a:visited { color: #999999; }

ul.nacrtStrani a:hover { text-decoration: underline; }













/***** PROSTOBLOG ***/

.prostoblog { padding:0 0px 0 20px; }

.prostoblog a { color:#0F83F0; text-decoration:underline; }

.prostoblog a:hover { color:#F10F83; text-decoration:underline; }



.post { 

	font-size: 12px; 

	padding-bottom:25px; 

	margin-bottom: 25px; 

	border-bottom: 1px solid #F10F83;

	}

.postsingle { border: none; }



.prostoblog h2, .prostoblog h2 a {

	font-size:20px;

	line-height: 22px;

	margin:0;

	text-decoration:none;

	font-weight: normal;

}

.prostoblog h2 { color:#F10F83; padding:0 0 5px 0; }

.prostoblog h2.singleH2 { font-size:22px; line-height: 22px; }



/**** uvod za nasvete ******/

.prostoblog h2.uvodSvetuje { 

	color:#F10F83; 

	margin:0 0 50px 0;

	padding:0 10px;

	font-size:13px;

	border-left:1px solid gray;

}







.navigation { padding-bottom:30px; font-size: 10px; }

.navigation a { color: #0F83F0;  }

.navigation a:hover { color:#f10f83; text-decoration: underline; }

.NotBlog { padding-left:20px; } 

.navigation_naprej_nazaj { padding-bottom:30px; font-size: 12px; font-weight:bold; }

.navigation_naprej_nazaj a { padding:0 5px 0 5px; }



.gallery img { margin:10px 10px 10px 0px; }







.prepricala { 

	background-color:#F2F2F2;

	font-size: 12px;

	padding:10px;

}







/****** desni meni iz bloga ***********/

.blogmenu { 

	width:190px;

	float: right;

	background-image: url(img/blog/bg_rcol_top.gif);

	background-position: 0 50px;

	padding-top: 80px;

	background-repeat: no-repeat;

}

.blogmenuBottom {

	background-color: #DFDFDF;

	background-image: url(img/blog/bg_rcol_bottom.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 50px;

}





.blogmenu ul { list-style-type:none; }

.blogmenu .boxx {

	border:1px solid #999;

	padding:10px;

	margin:0 10px 20px 10px;

	background-color: #FFF;

}

.boxx ul, .boxx li { margin:0; padding:0; }





.blogposts { float:left; width:390px; font-size:12px;}



/*****sekcija*********/

.prostoblogSekcija {

	padding-bottom:20px;

	clear: both;

	line-height:14px;

}

.fotka { width:120px; float:left; _padding-bottom:20px; text-align: right; }

.tekst { float:left; padding-left:10px; width:260px; _padding-bottom:20px; }

.postsingle .vprasanje { color:#F10F83; }





small { display:block; font-size:11px; color: #333333;  margin-bottom:10px; }

.celoten {

	clear: both;

	padding:0px 0 0px 0px;

	font-size:14px;

	display:inline;

}







/**** lista plavi bulleti *****/

.listBlogMenu, .ddop { position: relative; }

.listBlogMenu a, .ddop a { /*text-decoration: none;*/ }

.listBlogMenu ul, .ddop ul { margin-top:0; padding-top:0; }

.listBlogMenu li, .ddop li {

	list-style-type: none;	

	padding: 0 0 4px 16px;

	background-image: url(img/gui/bullet_blue.gif);

	background-repeat: no-repeat;

	background-position: 0px 2px;

	line-height: 14px;

}

.listBlogMenu h2, .ddop h3 { 

	color:#F10F83;

	font-size: 14px;

	line-height: 16px;

	margin:0;

	clear:both;

	/*border-top:1px solid #F10F83;*/

	padding:0px 0 4px 0;

}

.listBlogMenu .opisKat, .ddop .opisKat {

	padding-top:3px;

}

.listBlogMenu p, .ddop p {

	padding-top:3px;

}



.utwtags h3 {

	color:#F10F83;

	font-size: 14px;

	line-height: 16px;

	margin:0;

	padding:20px 0 1px 0;

}

/*.utwtags {

	border: 1px solid gray;

	padding:5px 5px 5px 15px;

	margin:10px 0 0 0;

}*/









/************ E-BILTEN PROSTORAMA ***************/

.attributeinput input, .poljeBilten {

	width:200px;

	line-height: 12px;

	font-size: 12px;

	margin-top:5px;

}

.biltenGumb {

	background-color:#f10f83;

	font-size: 12px;

	width:202px;

	margin-top:5px;

	color:white;

	font-weight: bold;

}
