/*=========================
SoncArt, studio za oblikovanje, 
izdelovanje in optimizacijo 
spletnih strani
=========================*/

html
{	height:100%;
}

body
{	font-family: Tahoma, Gill Sans MT, sans-serif;
	font-size:1em;
	background-color: #2E5C5C;
	margin:0 auto;
	overflow: auto;
	background-image: url(Slike/back_pasica.png);
	background-repeat: repeat-x;
	background-color: #337777;
}

p, #prvastran table, #glavnitekst table, pre, li, dd, dt, dl
{	display: block;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 0.9em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000033;
}

h1
{	font-size: 1.3em;
	color: #cc3333;
	width:535px;
	height:30px;
	font-family: Gill Sans MT, Tahoma, sans-serif;
	border-bottom: 1px dotted #FFE7CE;
	background-image: url(images/kava.png);
	background-repeat: no-repeat;	
	margin:10px 10px 10px 0px;
	padding: 10px 30px 10px 105px;
}

h2
{	font-size:1.1em;
	color: #cc3333;
	background-color: #FFCC66;
	font-family: Gill Sans MT, Tahoma, sans-serif;
}

h3
{	font-size: 1em;
	color: #cc3333;
	background-color: #FFFF99;
	font-family: Gill Sans MT, Tahoma, sans-serif;
}

h2 + p
{	display: block;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


a
{	text-decoration: none;
	color: #957755;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

a:hover
{	color: #993333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.poudar
{	color: #cc3333;
f	ont-weight:bold;}

.poudar2
{color: #cc3333;}

.modro
{	color:#456aa0;
	font-weight:bold;
	
}

.intro
{	font-weight:bold;}

.gumb
{	color: #337777;
	font-weight:bold;}

#wrap
{	width: 1000px;
	margin: -20px auto;
}

#wrapper
{	width: 1000px;
	margin: 0px auto;
}
 
#header
{	height: 200px;
	background-image: url(Slike/Lidija_Jularic_pasica.png);
	background-repeat:no-repeat;
}

/*****Zgornje kazalo*****/
.tabs li {
/* Makes a horizontal row */
	float: left; 
	list-style-type:none;
	margin-top:140px; /*doloca pozicijo ozadja pri kazalu*/

/* So the psueudo elements can be
 abs. positioned inside */
	position: relative;
}
.tabs a {
/* Make them block level
 and only as wide as they need */
	float: left;
	padding: 20px 30px;
	text-decoration: none;


/* Default colors */
	color: #FFCC66;
	background: #337777; 

/* Only round the top corners */
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.tabs .active {
	/* Highest, active tab is on top */
	z-index: 3;
}
.tabs .active a { 
/* Colors when tab is active */
	background: white; 
	color: #337777; 
}

.tabs li:before, .tabs li:after,
.tabs li a:before, .tabs li a:after {
/* All pseudo elements are
 abs. positioned and on bottom */
	position: absolute;
	bottom: 0;
}
/* Only the first, last, and active
 tabs need pseudo elements at all */
	.tabs li:last-child:after, .tabs li:last-child a:after,
	.tabs li:first-child:before, .tabs li:first-child a:before,
	.tabs .active:after, .tabs .active:before,
	.tabs .active a:after, .tabs .active a:before {
content: "";
}
.tabs .active:before, .tabs .active:after {
	background: white; 

/* Squares below circles */
	z-index: 1;
}
/* Squares */
.tabs li:before, .tabs li:after {
	background: #337777;
	width: 10px;
	height: 10px;
}
.tabs li:before {
	left: -10px;
}
.tabs li:after {
	right: -10px;
}
/* Circles */
.tabs li a:after, .tabs li a:before {
	width: 20px;
	height: 20px;
	/* Circles are circular */
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	background: #337777;

/* Circles over squares */
	z-index: 2;
}
.tabs .active a:after, .tabs .active a:before {
	background: #337777;
}
/* First and last tabs have different
 outside color needs */
	.tabs li:first-child.active a:before,
	.tabs li:last-child.active a:after {
	background: #337777;
}
.tabs li a:before {
	left: -20px;
}
.tabs li a:after {
	right: -20px;
}

/***** Telo spletne strani *****/

#main
{	background-color: white;
	margin-top:0;
	margin-bottom:30px;
	min-height:500px;
}

#rightnav
{	float:right;
	width:220px;
	margin-top:-10px;
	background-color: #ffffff;
	font-size: 0.8em;
	vertical-align: middle;
	border-left: 1px dashed #337777;
	border-bottom: 1px dashed #337777;
	border-top: 1px dashed #337777;
}

#rightnav ul
{	padding:0px 10px 10px 10px;
}

#rightnav li
{
	list-style-type: none;
	padding:10px 5px 10px 5px;
	border-bottom:1px solid #386363;
}

#rightnav .current
{	color: #cc3333;
	background-color: #FFCC66;
}

#rightnav pre
{
	color:#ffcc77;
	font-weight: bold;
	text-align:left;
	padding:10px 20px 10px 50px;
	background-color: #337777;
}

#glavnitekst
{
	width: 670px;
	margin-top:0;
	margin-left:20px;
	margin-right:250px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:30px;
	background-color: #FFFFFF;
}

#glavnitekst img
{	border:0px;
}

.photo
{	float:left;
	margin:0px 20px 10px 2px;
	padding:0px 10px 10px 5px;
}
.photoright
{	float:right;
	margin:0px 0px 10px 20px;
	padding:0px 0px 10px 15px;
}

#glavnitekst table
{	width:650px;

}

#glavnitekst th
{	width:380px;
	text-align:left;
	vertical-align:top;}

#predstavitev
{	float:left;
}

#predstavitev h2
{	font-size:1.2em;
	color: #cc3333;
	font-family: Gill Sans MT, Tahoma, sans-serif;
	background-color: none;
	float:right;
	border-radius:8px;
	padding: 5px;
	box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2),
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.15), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
}

#predstavitev h3
{	font-size:1.2em;
	color: #cc7833;
	font-family: Gill Sans MT, Tahoma, sans-serif;
	box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2),
    inset 0 3px 2px rgba(255,255,255,.22), 
    inset 0 -3px 2px rgba(0,0,0,.15), 
    inset 0 20px 10px rgba(255,255,255,.12), 
    0 0 4px 1px rgba(0,0,0,.1), 
    0 3px 2px rgba(0,0,0,.2);
	float:right;
	padding: 5px;
}

#predstavitev p
{	float:right;
padding: 10px;
  border-radius: 6px;
 box-shadow: 
    inset 0 2px 0 rgba(0,0,0,.2), 
    0 0 4px rgba(0,0,0,0.1);
}

#predstavitev img
{	float:left;
}

#prvastran
{	float:left;
}

#prvastran img
{	float:left;}


#prvastran table
{	width:670px;
	border-top:3px solid #468C8C;
	border-bottom:3px solid #468C8C;
	margin-bottom:40px;
	margin-top:40px;
}

#prvastran td
{	width:183px;
	vertical-align:top;}
	
	.reading
{	margin:20px 10px 5px 30px;
	padding:0px 0px 0px 0px;}


.besediloprvi
{
	margin:10px 10px 30px 10px;
	padding:10px 10px 30px 10px;
	border-top:3px solid #468C8C;
	vertical-align:top:	}


#rightnav p
{
	padding-left: 10px;
	padding-right:5px;
	margin:10px;
}


p.center
{
	font-size: 0.9em;
	color: #CC0033;
	font-style: normal;
	text-align: center;
}


img
{
	margin-bottom: 8px;
	margin-right: 14px;
	margin-top: 14px;
	margin-left: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: thin;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

img.figure
{
	margin-bottom: 8px;
	margin-right: 62px;;
	margin-top: 14px;
	margin-left: 60px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: thin;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #CCCCCC;
	border-right-style: solid;
	border-right-width: thin;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

p.cap
{	
	font-size: 0.8em;
	color: #999999;
	font-style: italic;
	text-align: right;
}


#footer
{
	color: #ffffcc;
	text-align:center;
	height:70px;
	background-image: url(Slike/footer_pasica.png);background-image: url(Slike/footer_pasica.png);
	background-repeat: no-repeat;
}


p.footer
{
	color: #c68855;
	font-size: 0.9em;
	margin-right: 38px;
	vertical-align: middle;
	text-align: center;
	padding-top: 35px;
}

.logo
{
	margin-top: 160px;
	margin-left: 50px;
	font-size: 0.8em;
	color: #999999;
}

img.log
{
	margin-left:40px;
	margin-top: 5px;
}

/* miscellaneous style*/
.clear
{	clear:both;
	height:0;
	padding:0;
	margin:0;
}