/* Main */ 

body { margin: 0px; padding: 0px; background: #f8f8f8; font:12px "Trebuchet MS", Trebuchet, Arial, sans-serif;  color: #615B42; text-align: center; line-height: 17px;}

p { margin: 0px; padding:0px }

p, div, li, td, th, label, legend, dd, dt   { font-size: 12px; }

#maintbl { margin: 0px auto }

.header { Background : url('images/header_bg.gif') repeat-x; text-align: center }
.menutop { Background: url('images/menu_bg.gif') no-repeat; }
.content {  Background: url('images/content_bg.gif'); text-align: center }
.footer { text-align: left; Background: url('images/footer_bg.gif') no-repeat; color: #E6EDF1; padding-left: 18px;   font-size: 1.2em; }
.footer a { color: white; margin-right: 7px }
.footer a:hover { color: white }
.leftside { Background:  url('images/left-top.gif') no-repeat left top; padding-right: 5px; padding-top: 12px } 
.rightside { padding-left: 6px; padding-right: 5px; padding-top: 10px  }

.infobar {  Background:  url('images/info.gif') no-repeat; width: 240px; height: 361px; text-align: left; padding: 0px 14px 15px 20px; }

/* Links */ 

a { text-decoration: none; color: #535353; font-size: 12px;  }
a:hover { text-decoration: underline; color: #535353;  color: #615B42;  font-size: 12px; }

.blue { text-decoration: underline; color: #2278A2; font-size: 12px; font-weight: bold;  }
.blue:hover { text-decoration: underline; color: #535353;  color: #0C587D;  font-size: 12px; font-weight: bold; }

.showlink { text-decoration: underline; color: #535353; font-size: 12px; color: #8F8F8F  }
.showlinkon { text-decoration: underline; color: #035D8A; font-size: 12px; font-weight: bold  }


.nav { text-decoration: none; font: normal 14px Trebuchet MS, sans-serif; font-weight: bold; color: #345F88;} 
.nav:hover {text-decoration: none; font: normal 14px Trebuchet MS, sans-serif; font-weight: bold; color: #FF0000; } 

.middle { Background: url('images/middle.gif'); padding: 0px; margin: 0px }

.slika img { border: 3px solid #F0F4E9; }
.slika:hover img {  border: 3px solid #ADE542; }
.slika:hover { color: red;}

.blink {  text-decoration: none; font: normal 14px Trebuchet MS, sans-serif; font-weight: bold; color: #102933; } 
.blink:hover {  text-decoration: underline; font: normal 14px Trebuchet MS, sans-serif; font-weight: bold; color: #224D5E;} 


h1, h1 a, h2, h2 a, h3, h3 a {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
        font-size: 11px;
	color: #5a4f47;
}

h1 {
	font-size: 16px;
        font-weight: bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 17px;
        font-weight: bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #016495;
}

p { line-height: 22px }


.contentpart { padding: 10px 0px 10px 0px }

.inside { margin-left: 25px; margin-right: 10px }




.listing { margin:4px 8px 4px 8px; padding: 4px 8px 4px 8px }
.listing li { padding:  5px 0px 5px 0px}

.input { padding: 3px 3px 2px 3px; border: 1px solid #D5D5D5; background: #fff url(images/input_bg.gif) repeat-x 0 0; }

.usluge { Background: url('images/bg.gif') repeat-x bottom; border-bottom: 1px solid #E4E4E4; padding-left: 10px; padding-right: 10px; padding-bottom: 15px }



#nav { height: 37px; text-align: left; padding-left: 20px; } 
#nav ul, #nav li { list-style:none; margin:0px; padding:0px;display: inline;}
#nav a {float: left; margin: 0px; padding: 0px; text-indent: -900%;   } 
#nav a { font: normal 11px Tahoma, sans-serif; color: #fff; font-weight: normal; display: block; margin-right: 6px; text-align: center; line-height: 25px; }



.home { Background: url('images/home_bt.gif') left bottom no-repeat; height: 37px; width: 70px; 
 }

.blog { Background: url('images/blog.gif') left top no-repeat; height: 37px; width: 57px; }
.blog:hover { Background: url('images/blog.gif') left bottom no-repeat; height: 37px; width: 57px;}

.directory { Background: url('images/directory.gif') left top no-repeat; height: 37px; width: 96px; }
.directory:hover { Background: url('images/directory.gif') left bottom no-repeat; height: 37px; width: 96px; }

.advertise { Background: url('images/advertise.gif') left top no-repeat; height: 37px; width: 91px; }
.advertise:hover { Background: url('images/advertise.gif') left bottom no-repeat; height: 37px; width: 91px; }

.contact { Background: url('images/contact.gif') left top no-repeat; height: 37px; width: 82px; }
.contact:hover { Background: url('images/contact.gif') left bottom no-repeat; height: 37px; width: 82px; }

.submit { Background: url('images/submit.gif') left top no-repeat; height: 37px; width: 76px; }
.submit:hover { Background: url('images/submit.gif') left bottom no-repeat; height: 37px; width: 76px; }


/* - Vertical menu - */

.menu { width: 170px;  margin: 0px auto; text-align: left; margin-top: 7px }
.menu ul, .menu li { list-style:none; margin:0; padding:0; }

.menu a { display:block; border-bottom:1px solid #CBE4F0; text-decoration:none; color:#09435F;
padding-left:7px;  padding-right:5px;  padding-top:4px; Background: #E3E8EB;
padding-bottom:3px; font-weight: bold; font-size: 14px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.menu a:hover { color: #FFFFFF; Background: #016495; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: bold; font-size: 14px; font-family:Geneva, Arial, Helvetica, sans-serif; }
* html .menu a { height:1%; } /* Internet Explorer Sucks :-) */


.usermenu { width: 170px;  margin: 0px auto; text-align: left; margin-top: 0px }
.usermenu ul, .usermenu li { list-style:none; margin:0; padding:0; }

.usermenu a { display:block; border-bottom:1px solid #CBE4F0; text-decoration:none; color:#5B5B5B;
padding-left:7px;  padding-right:5px;  padding-top:4px; Background: #EBEEEF;
padding-bottom:3px; font-weight: bold; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.usermenu a:hover { color: #434343; Background: #E0E2E2; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: bold; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }
* html .usermenu a { height:1%; } /* Internet Explorer Sucks :-) */




.friends { width: 260px;  margin: 0px auto; text-align: left; margin-top: 8px; margin-left: 5px; float: left}
.friends ul, .friends li { list-style:none; margin:0; padding:0; }

.friends a { display:block; border-bottom:1px solid #E2EBEF; text-decoration:none; color:#5B5B5B;
padding-left:6px;  padding-right:5px;  padding-top:4px; Background: #FCFCFC;
padding-bottom:4px; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }

.friends a:hover { color: #ffffff; Background: #1D8DC5; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: normal; font-size: 12px; font-family:Geneva, Arial, Helvetica, sans-serif; }
* html .friends a { height:1%; } /* Internet Explorer Sucks :-) */







 /* Tutorials listing */

.dateandinfo { color: #808080; font-size: 12px; margin-top: 2px }


.dateandinfo a, .dateandinfo a:hover { font-size: 12px; font-weight: normal; text-decoration: underline}

.thumb { margin-top: 3px; float: left; margin-right: 9px; width: 40px; height: 40px; Background: url('images/thumb_bg.gif') no-repeat top; padding: 2px  }
.tutinfo { padding-left: 4px; padding-right: 4px; padding-bottom: 7px; width: 98%; margin-top: 14px; Border-bottom: 1px solid #EAEAEA; Background: url('images/tutinfobg.gif') repeat-x bottom }


.tuttitle {  color: #414446; text-decoration: none; font: bold 15px Trebuchet MS, sans-serif; border-bottom: 1px solid #F3F3F3 }
.tuttitle:hover { color: #3E860F; text-decoration: none; font-weight: bold; font: bold 15px Trebuchet MS, sans-serif; 
border-bottom: 1px solid #E4F0DB }

/* Stranice */

.pages {
    padding-top: 0px;
    padding-bottom: 7px;
    clear: left;


}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
    text-decoration: none;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;

}

.pages span.current {
    border: 1px solid #1D8DC5;
    font-weight: bold;
    background: #1D8DC5;
    color: #fff;
    margin-top: 5px;
    margin-left: 4px;
    text-decoration: none;
		font:Arial, Helvetica, sans-serif;
	font-size:11px;

}

.pages a {
    border: 1px solid #A5A5A5;
    text-decoration: none;
    margin-left: 3px;
    margin-top: 5px;
		font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pages a:hover {
    border-color: #676767;
    text-decoration: none;
    Background: #F4F6F1;
		font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pages a.nextprev {
    font-weight: bold;
    margin-top: 5px;
    text-decoration: none;
		font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pages span.nextprev {
    color: #696969;
    margin-top: 5px;
    text-decoration: none;
		font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #696969;
        text-decoration: none;
			font:Arial, Helvetica, sans-serif;
	font-size:11px;
}

FORM { margin: 0px; padding: 0px }

.labelform { margin-top: 3px; font-weight: bold; font-size: 13px; }

.inputField  {width: 70%;  padding: 2px; font-size: 1em; border: 1px solid #C5C5C5; border-color: #C5C5C5 #EDEDED #EDEDED #C5C5C5; color: #333; background: #fff url(images/input_shadow.gif) repeat-x 0 0; overflow: auto; margin-top: 2px; margin-bottom: 5px }


.listcat ul {
                        background: transparent url(images/ulbg.gif) bottom left no-repeat;
			padding: 0;
                        text-align: left;
			margin: 0px 7px 0 0px;
			list-style: none; }
		
.listcat ul li {
			display: block;
			float: left;
			_overflow: hidden;
			padding: 0;
			margin: 5px 2px 5px 2px; }
			
			.listcat ul li a {	
                                font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
				color: #393939;
                                 padding:3px;
				
				text-decoration: none;
border: 0px solid #D0D0D0; display: block; margin-right: 10px
 }
.listcat ul li em { font-size: 12px; font-style: normal }

				
				
				
				.listcat ul li a:hover {
					background: #1B8CC5;
					color: white;
					text-decoration: none;
 font: bold 14px "Trebuchet MS", "Tahoma", sans-serif;
 }



/* ######### CSS for Tabs. */

.toptutorialssty{
padding: 5px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.toptutorialssty li{
display: inline;
margin: 0;

}

.toptutorialssty li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 8px;
margin-right: 3px;
border: 1px solid #EAEAEA;
color: #20729B;
background: #E3E8EB;
height: 30px;

}



.toptutorialssty li a:hover{
text-decoration: none;
color: white;
background: #2893C9;
border: 1px solid #DFDFDF;
}



.toptutorialssty li a.selected{ /*selected main tab style */
position: relative;
background: #F5F5F5;   
border-top:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #F5F5F5;
color: #20729B;

}

.toptutorialssty li a.selected:hover{ /*selected main tab style */
position: relative;
background: #F5F5F5;
border-top:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #F5F5F5;
color: #20729B;
text-decoration: none;
}