/*studijski programi */

/***********************/

.kartica-kol, .kartica-red
{
	text-align:center;
	margin:auto;
	padding:0;
	background-color:none!important;
	background:none!important;
	
}


.lista-stud-programa
{
	display:block;
	width:1100px;
	margin:auto;
}


#pozadina-stud-meni
{
	/*background-image:url("../images/stud-prog-poz.jpg");*/
}

#osnovne-red
{
	
}

#spec-red
{
	
}
.okretac
{
	height:190px;
}

.kartica-kol
{
	height:190px;
}
.kartica-red
{
	height:380px;
}

.red-stud-programa
{
	height:380px;
}

.kolona-stud-programa
{
	height:190px;
}


.lice, .poledjina {
	position: relative;
    top: 0;
    left: 0;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}

.red-stud-programa .poledjina, 
.kolona-stud-programa .poledjina, 
.red-stud-programa .lice, 
.kolona-stud-programa .lice 
{
	line-height:15pt;
	height:190px;
	font-size:10pt;
}


.lice {
    z-index: 1;
    background-color:none;
	transform:rotateX(0deg);
}

.lice{
	opacity:0.5;
}

.poledjina {
    background-color:none;
    animation: naLice .3s linear normal forwards;
	transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	-webkit-transform:rotateX(-180deg);
}

.kolona-stud-programa .poledjina, .kolona-stud-programa .lice
{
	/*line-height:190px;*/
}


.red-stud-programa .poledjina
{
	padding-top:70px;
	line-height:100px;
}

.lice, .poledjina
{
	text-align:center;
    justify-content:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:15pt;
}

.lice a, .poledjina a
{
	text-decoration:none;
}

.red-stud-programa .lice h2, .red-stud-programa .poledjina h2
{
	font-size:14pt;
	vertical-align:middle;
}
.kolona-stud-programa .lice h2, .kolona-stud-programa .poledjina h2
{
	font-size:14pt;
	word-wrap:break-word;
	line-height:15pt;
}

.okretac
{
	transition: .6s;
	transform-style:preserve-3d;
	position:relative;
}

.kartica-kol:hover .poledjina
{
	animation-delay:.6s;
	animation:naPoledjinu .2s linear normal forwards;
}

.kartica-red:hover .poledjina
{
	animation-delay:.6s;
	animation:naPoledjinu .2s linear normal forwards;
}


@keyframes naPoledjinu
{
	0% {z-index:0;}
	100% { z-index:1;}
}
@keyframes naLice
{
	0% {z-index:1;}
	100% {z-index:0;}
}

.kolona-stud-programa .okretac{
	transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
}
.red-stud-programa .okretac{
	transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
}
.kartica-kol:hover .okretac, .kartica-red:hover .okretac{
	
	transform:rotateX(-180deg);
	-ms-transform:rotateX(-180deg);

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  float:left;
  min-height: 80px;
  padding:0;
}




/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/
/***********************************************************************/


@media only screen and (max-width : 767px)
{
	.hidden-sm{
		display:none !important;
	}
	

	.col1, .col2
	{
		width:100%;
	}
	
	.kolona-stud-programa, .red-stud-programa
	{
		
		width:100% !important;
	}
	
	.kolona-stud-programa .kartica-kol, .red-stud-programa .kartica-red	{
		float:left;
		width:49.9% !important;
		height:190px !important;
		
	}



.red-stud-programa .poledjina, .red-stud-programa .lice, .okretac
{
	line-height: 15pt;
	vertical-align:middle;
	height:190px;
}

.red-stud-programa .poledjina, .red-stud-programa .lice
{
	line-height:100px;
	padding:0;
}

.row-fluid .span8, .row-fluid .span2,.row-fluid .span6, .row-fluid .span6, .row-fluid .span12
{
	margin:0;
	padding:0;
	border:0;
}

.kartica-kol .okretac{
	transform-origin: center 110%;
}
.kartica-red .okretac{
	transform-origin: center 100%;
}
	
}








  @media only screen and (min-width : 768px ){
  .hidden-sm {
    display: none !important;
  }
  
	.col1, .col2
	{
		width:50%;
	}
	

 .kolona-stud-programa .okretac
{
	height:190px;
}
.red-stud-programa .okretac
{
	height: 380px;
}


.kartica-kol .poledjina
{
	margin-top:-190px;
}
.kolona-stud-programa .lice, .kolona-stud-programa .poledjina
{
	height:190px;
}
.red-stud-programa .lice, .red-stud-programa .poledjina
{
	height:380px;
	font-size:10pt;
	line-height:380px;
}

.red-stud-programa .poledjina
{
	line-height:100px;
	margin-top:-380px;
}

.kolona-stud-programa .poledjina
{
	height:190px;
	font-size:10pt;
}

.row-fluid .span8, .row-fluid .span2,.row-fluid .span6, .row-fluid .span6, .row-fluid .span12
{
	margin:0;
	padding:0;
	border:0;
}

.kartica-kol .okretac{
	transform-origin: center 60%;
}
.kartica-red .okretac{
	transform-origin: center 55%;
}
  
}


/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/

/**********************************************************************/
/**********************************************************************/