/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)

/* #Base 960 Grid
================================================== */

    .container {
		position: relative;
		width: 940px;
		margin: 0 auto;
		padding: 0;
		z-index:0;
	}    

    	

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container  {
			width: 768px;
		}
        .element {
			width:170px;
			height:170px;
			-moz-border-radius:87px;
			-webkit-border-radius:87px;
			border-radius:87px;
		}
		
		.zoom, .element img {	
			-moz-border-radius:87px;
			-webkit-border-radius:87px;
			border-radius:87px;
		}
		.team {	
		width:200px;
		margin: 0 20px 0 30px;		
		}
		.send_mess {margin:17px 0 20px 0;
		}	
	a.links-home {
	font-size: 17px;
   margin: 0 0 0 24px;
}		
	.home-about-rab{
	  padding: 0 0 40px;
}	               

.col50_percent.fright img {
    height: auto;
    margin: 0 0 0 60px;
    width: 65%;
}

.naslov h4{
	text-align: center;
}

#nav li a {
	
	font-size:18px;
}
.features li{
	font-size: 15px;
}
.about-1{
	margin: 0 20px 0 0;
}
.about-2{
	margin: 30px 0 0 0;
}
.p-programi p, .living-areas li, .iconic-list li, .features li, p{
	font-size: 15px;
}
.photo-2 img{
	width: 250px;
}
.col54_percent{
	margin-right: 0;
}

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px;
		}
        	
		.element {
			width:133px;
			height:133px;
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.zoom, .element img {	
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.col54_percent, .col42_percent {
			width:100%;
			float:none !important;
		} 
		.col50_percent.fright img {
   width: 100%;
    margin: 0;  
}
	.post .col50_percent.fleft img {
   width: 100%;
    
}
		.team {	  margin: 20px 0 0 20px;
    width: 250px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		
		#nav {padding:20px 0 0 0;
		}
		#nav li {
			float:none;
			padding-bottom:3px;
		}
		#nav li a {
			font-size:15px;
			color:#816A45;
			text-transform:uppercase;
			line-height:16px;
			display:block;
			float:none;
		}
		#nav a span {padding:0 10px;
		}
		#nav li.current a {
			color:#F4E9C6;
			background:none;
		}
		#nav li.current a span {
			background-image:none;
			background-color:#E05729;
			text-shadow: none;
		}
	
.col54_percent, .col42_percent, .col-3 {
    margin-left: 10px;
    width: 82%;
}
.col54_percent, .col42_percent {
    float: none !important;
}	

.features li, .p-programi p, .living-areas li, .iconic-list li, p {
    font-size: 15px;
}

#slika-home {
    background: none;
    height: 0;
    margin-bottom: 50px;
}		
	
h3 {
 padding-right: 0;
    padding-bottom: 20px;
}	
h2 {
 font-size: 23px;
 margin-left: 10px;
}
.sixteen p {
    font-size: 15px;
}

.col24_percent {
    float: none !important;
    width: 82%;
	margin-left: 10px;
}

.col24_percent img{
    width: 99%;
}

.post {
    padding-top: 0;
	padding-bottom: 0;
}
.col54_percent, .col24_percent{
    margin-top: 30px;
	margin-bottom: 30px;
}	

.lijevo{
    margin-top: 0px;
}		
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px;
		}			
		.element {
			width:193px;
			height:193px;
			-moz-border-radius:95px;
			-webkit-border-radius:95px;
			border-radius:95px;
		}
		.zoom, .element img {	
			-moz-border-radius:95px;
			-webkit-border-radius:95px;
			border-radius:95px;
		}
		.team {	width:300px;
 margin: 40px 0 0 50px;		
		}
		
		.flexslider {
    padding: 0;
	}
	
	
#slika-home {
    background: none;
	height: 0;
    margin-bottom: 50px;
}
		.send_mess {margin:17px 0 20px 0px;
		}
		#nav {padding:20px 0 0 0;
		}
		#nav li {
			float:none;
			padding-bottom:3px;
		}
		#nav li a {
			font-size:17px;
			color:#816A45;
			text-transform:uppercase;
			line-height:16px;
			display:block;
			float:none;
		}
		#nav a span {padding:0 10px;
		}
		#nav li.current a {
			color:#F4E9C6;
			background:none;
		}
		#nav li.current a span {
			background-image:none;
			background-color:#E05729;
			text-shadow: none;
		}
		a.links-home {
   margin: 0 0 0 60px;
}
	
.col50_percent.fright img {
    height: auto;
    margin: 0;
    width: 65%;
}	
	.post .col50_percent.fleft img {
   width: 65%;
    
}	
.naslov h4 {
	text-align: left;
}

.features li, .p-programi p, .living-areas li, .iconic-list li, p{
	font-size: 15px;
}

.col24_percent {
    float: none !important;

}
.flexslider .slides > li > div{
	width: 92%;
}
.flex-control-nav{
	margin-right: 20px;
}
.col54_percent, .col42_percent, .col24_percent, .col-3{
	width: 90%;
	margin-left: 25px;
}

.col24_percent {
    float: none !important;
    width: 90%;
}

    }

@media only screen and (min-width: 240px) and (max-width: 320px) {
		.container { width: 300px;
			}
				
		.element {
			width:133px;
			height:133px;
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.zoom, .element img {	
			-moz-border-radius:68px;
			-webkit-border-radius:68px;
			border-radius:68px;
		}
		.col54_percent, .col42_percent {
			width:90%;
			float:none !important;
		} 
		.team {	width:250px;	
		}
		.col50_percent {
			width:100%;
			float:none !important;
		} 
		.send_mess {margin:17px 0 20px 0;
		}
		#nav {padding:20px 0 0 0;
		}
		#nav li {
			float:none;
			padding-bottom:3px;
		}
		#nav li a {
			font-size:15px;
			color:#816A45;
			text-transform:uppercase;
			line-height:16px;
			display:block;
			float:none;
		}
		#nav a span {padding:0 10px;
		}
		#nav li.current a {
			color:#F4E9C6;
			background:none;
		}
		#nav li.current a span {
			background-image:none;
			background-color:#E05729;
			
		}		
	
.fright {
    float: left;
}


}