@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&&subset=latin,latin-ext);

body {
}
.row {
	font-family: 'Open Sans', sans-serif;
}
.talign {
		text-align: center;
}

#header {
	text-align: center;
	padding-top: 60px;
}
.circle
    {
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#FFA21C;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
    }

.circlePartnerska
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#C46319;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}

.circleDruzinska
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#7B3C28;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}

.circleSkupinska
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#413023;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}

.circleUcna
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#7D2420;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}

.circleSupervizija
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#582238;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:100px;
}

.circleIzobrazevanja
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#5A5B05;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}

.circlePodjetja
{
    
    width:240px;
    height:240px;
    border-radius:50%;
    font-size:20px;
    color:#fff;
    line-heighta:230px;
    text-align:center;
    background:#204E54;
    margin: auto;
    text-shadow: 1px 1px 2px black;
    padding-top:90px;
}


div.krogOkoli > a:hover {
    text-decoration: none !important;
}

#logo {
	backgrounda: url(../img/sankofa-insidepage-logo.png);
	width: 282px;
	height: 113px;
	margin: 0 auto 10px auto;
}

#header h1 a {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 10px;
	color: black;
	margin-top: 0px;
  text-decoration: none;
}

.slika2, .slika3 {
	width: 100%;
}

#navigacija ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#navigacija ul li {
	display: inline-block;
	margin: 0 10px;
}

#navigacija ul li a {
	font-size: 14px;
	color: black;
	font-weight: 600;
}


.hline {width: 20px;}


.hline2 {
	width: 65px;
	border-top: 1px solid #000;
	margin:25px auto;
}

#predstavitev, #alenkapredstavitev {
	text-align: center;
	padding-top: 60px;
	margin-bottom: 2em;
}

#predstavitev h1, #alenkapredstavitev h1 {
	font-size: 45px;
	color: black;
	font-weight: 300;
	text-transform: uppercase;
}


#predstavitev h3, #alenkapredstavitev h3 {
	font-size: 14px;
	color: black;
	font-weight: 600;
	padding-bottom: 10px;
	width: 28%;
	margin: 0 auto;
}




.opis2 {
	font-size: 32px;
	color: black;
	font-weight: 300;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto 0 auto;
	padding-bottom: 15px;
}

.gumbpreberivec {
	border: 1px solid black;
	border-radius: 4px;
	padding: 19px 50px;
	font: 18px;
	font-weight: 600;
	color: black;
	margin-top: 15px;
	display: inline-block;
}

.gumbpreberivec:hover {
	text-decoration: none;
	background: #dfe1e0;
	color: black;
	transition: background 0.2s ease;
}

#izobrazevanje, #izkusnje {
	margin-bottom: 2em;
}

#izobrazevanje h1, #izkusnje h1, #kontakt h1 {
	text-align: center;
	font-size: 36px;
	color: black;
	font-weight: 300;
	text-transform: uppercase;
}

#izobrazevanje p, #izkusnje p, #alenkapredstavitev p, #predstavitev p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 1.8em;
	margin-left: 160px;
}



.okvir-iz {
	width: 70%;
	margin: 0 auto;
}

.levo {
	display: inline-block;
	width: 160px;
	text-decoration: underline;
	margin-left: -160px;
}

.desno {
}


#kontakt {
	text-align: center;
}


.odmik1 {
	padding-top: 5px;
}


#map-canvas {
	width: 100%;
	height: 380px;
	margin-top: 25px;
}


#noga {
	width: 100%;
	background: #bf6d36;
	padding: 0 0 40px 0;
	color: white;
		line-height: 1.6;
}

#noga h4 {
	font-weight: 300;
	font-size: 25px;
	margin-top: 35px;
	text-transform: uppercase;
}

#noga ol {
	list-style: none;
	margin-left:2px;
	padding: 0;
}

#noga ol a {
	color: #b9ddf2;
	text-decoration: underline;
}

.unlinked a {
	color: white !important;
	text-decoration: none !important;
}

.zadnja {
	padding-top: 30px;
}

#supervizija {
	margin-bottom: 3em;
}
#supervizija h1, h1 {
	font-size: 36px;
	color: black;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

#supervizija li 
{

  	width: 70%;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 600;

}

 #supervizija h2 {
  font-size: 32px;
	color: black;
	font-weight: 300;
	line-height: 1.2;
	width: 80%;
	margin: 0 auto 0 auto;
	padding-bottom: 15px;
  width: 60%;
	margin-bottom: 0em !important;
	font-size: 32px !important;
	color: black !important;
	font-weight: 300 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

#supervizija p {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 2em;
	font-size: 18px;
	font-weight: 600;
}

#supervizija .date {
  font-weight:normal;
}
#supervizija p a {
	text-decoration: underline;
	color: black
}

.rel4 {margin-bottom: 2em;}

.rel4 img {
	width: 100%;
}

.rel4 h4 {
	font-weight: 300;
	font-size: 24px;
	text-align: center;
	margin-bottom: 1em;
}

.fix2 {
	width: 60%;
	margin-bottom: 0em !important;
	font-size: 32px !important;
	color: black !important;
	font-weight: 300 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

#naslovna {
	background: url(../img/naslovna.jpg);
	width: 100%;
	height: 502px;
	margin: 50px 0 40px 0;
}

.hdfix {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) { 
	
	.rel4 {
		text-align: center;
	}
	.rel4 img {
		margin: 0 auto;
		width: 80%;
		height: 80%;
	}

	}

	/*==========  Non-Mobile First Method  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
			#simple-menu, #sider {
				display: block;
			}

			#simple-menu {
				width: 32px;
				height: 32px;
				display: block;
				position: absolute;
				top: 20px;
				left:20px;
				background-image: url(../img/burger2.png);
			}

			#logo {
				backgrounda: url(../img/logo_white_mobile3.png);
				width: 282px;
	            height: 113px;
				position: absolute;
				top: -1px;
				right:60px;
			}

			#navigacija {
				display: none;
			}

			#header h1 {
				margin-top: 80px;
			}

        #izobrazevanje p, #izkusnje p, #alenkapredstavitev p, #predstavitev p {
            margin-left: 40px;
        }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
			#simple-menu, #sider {
				display: block;
			}

			#navigacija {
				display: none;
			}

			#header h1 {
				margin-top: 60px;
				max-width: 90%;
			}

           #izobrazevanje p, #izkusnje p, #alenkapredstavitev p, #predstavitev p {
            margin-left: 20px;
          }

			}
    }