/* ---------------------------------------------------------------------------------------------------- BODY -------------------------------------------------- */
body {
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #fff;
	margin:0px;
	padding:0px;
}

/* ---------------------------------------------------------------------------------------------------- MAIN CONTAINER -------------------------------------------------- */
#main {
	position:relative;
	width:920px;
	margin: 0 auto;
	padding: 0;
}

img {
	border: none;
}

a {
	outline: none;
}

/* ---------------------------------------------------------------------------------------------------- HEADER -------------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------- NAVIGATION -------------------------------------------------- */
#navigation {
	background: url(../img/main/logo_datastudio.png) no-repeat left;
	font-size: 12px;
	margin: 0;
	padding: 40px 0 40px 0;
}

#navigation ul {
	text-align: right;
	margin: 0px;
	padding: 0;
}

#navigation li {
	display: inline;
	padding: 0 0 0 20px;
}

#navigation a:link, #navigation a:visited {
	text-decoration: none; 
	color: #000;
}

#navigation a:hover {
	color:#8ac46f;
}

#navigation a.selected{
	color:#8ac46f;
}

/* ---------------------------------------------------------------------------------------------------- CONTENT -------------------------------------------------- */
#content {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------- CONTAINER -------------------------------------------------- */
#container {
	/* CSS3 box shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 rounded corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	background: #fff;
	
	padding: 5px 0 5px 0;
}

/* ---------------------------------------------------------------------------------------------------- OPTIONS -------------------------------------------------- */
#options {
	margin: 0;
	padding: 0;
	height: 50px;
	text-align: right;
}

#options ul {
	margin: 0;
	padding: 10px;
}

#options li {
	display:inline;
}

#options a {
	font-size: 12px;
	border-left: none;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	color: #8ac46f;
}

#options a.last {
	border-right: none;
}

#options a:link, a:visited, a:active {
	text-decoration:none;
	color: #8ac46f;
}

#options a:hover {
	color: #8ac64f;
	text-decoration: underline;
}

#options a.download {
	border: none;
}

#options a.more {
	background: url(../img/paketi/arrow_more.png) no-repeat scroll 100% 50% transparent;
	font-size: 12px;
	padding-right: 10px;
}

#options a.more:link, #options a.more:visited {
	text-decoration: none; 
	color: #8ac46f;
}

#options a.more:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------------------------------------------------------- PAKETI -------------------------------------------------- */
#paketi {		
	background: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}

#paketi h3 {
	font-size: 32px;
	margin: 0 0 5px 0;
	padding: 0;
}

#paketi h4 {
	font-size: 12px;
	color: #2C2B2B;
	margin: 0 0 5px 0;
	padding: 0;
}

#paketi p {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 20px 0	;
	padding: 0;
	color: #6E6E6E;
}

#paketi a.scroll_top {
	background: url(../img/paketi/arrow_top.png) no-repeat scroll 100% 50% transparent;
	font-size: 12px;
	padding-right: 12px;
}

#paketi a.scroll_top:link, #paketi a.scroll_top:visited {
	text-decoration: none; 
	color: #8ac46f;
}

#paketi a.scroll_top:hover {
	text-decoration: underline;
}

#paket_pro {
	margin: 0;
	padding: 0;
}

#paket_light {
	margin: 0;
	padding: 0;
}

#paket_123nakupisi {
	margin: 0;
	padding: 0;
}

#paket_pn {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------- PIPED -------------------------------------------------- */
.piped {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 20px;
}

.piped li {
	display:inline;
	float:left;
	margin-bottom: 5px;
}

.piped a {
	font-size: 12px;
	border-left: none;
	border-right: 1px solid #797C80;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	color: #8ac64f;
}

.piped a.last {
	border-right: none;
}

.piped a:link, a:visited, a:active {
	text-decoration:none;
}

.piped a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------------------- FEATURES -------------------------------------------------- */
#features .column {
	float: left;
	width: 200px;
	margin-right: 50px;
}

#features .last_column {
	float: left;
	width: 200px;
}

#features {
	background: #fff url('../img/little/little_back.png') repeat-x;
	margin: 10px 0 0 0;
	padding: 30px 20px 0 20px;
}

#features .column {
	float:left;
	margin-right:35px;
	width:190px;
}

#features .lastcolumn {
	float:left;
	width:190px;
}

#features p {
	margin-top: 0;
	font-size: 11px;
	color: #969696;
}

#features img {
	float:left;
	margin-right:5px;
	margin-bottom: 60px;
}

#features p strong {
	text-align: left;
	color:#323232;
	display:block;
	font-size:11px;
	text-transform:uppercase;
}

#features a {
	color:#D0D0D0;
	text-decoration:none;
}

/* ---------------------------------------------------------------------------------------------------- PODPORA -------------------------------------------------- */
#podpora {		
	background: #fff;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}

#podpora h3 {
	font-size: 32px;
	margin: 0 0 5px 0;
	padding: 0;
}

#podpora h4 {
	font-size: 12px;
	color: #2C2B2B;
	margin: 0 0 5px 0;
	padding: 0;
}

#podpora p {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #6E6E6E;
}

#podpora a.scroll_top {
	background: url(../img/podpora/arrow_top.png) no-repeat scroll 100% 50% transparent;
	font-size: 12px;
	padding-right: 12px;
}

#podpora a.scroll_top:link, #podpora a.scroll_top:visited {
	text-decoration: none; 
	color: #8ac46f;
}

#podpora a.scroll_top:hover {
	text-decoration: underline;
}

#video {
	margin: 0;
	padding: 0;
}

#faq {
	margin: 0;
	padding: 0;
}

#nasveti {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------- PROMO -------------------------------------------------- */
#promo {
	display:block;
	
	/* CSS3 rounded corners */
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	/* settings */
	background: #fff url('../img/main/promo_back.png') repeat-x;
	text-align: left;
	width:920px;
	height: 140px;
	margin: 10px 0 10px 0;
	padding: 0;
	border:1px solid #d7d7d7;
}

#promo img {
	margin: 0;
	padding: 0;
}

#promo h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 0;
	color: #646464;
}

#promo p {
	font-size:12px;
	color: #969696;
}

#promo a:link, #promo a:visited {
	text-decoration: none; 
	color: #8ac46f;
}

#promo a:hover {
	text-decoration: underline;
}

#promo a.more {
	background: url(../img/paketi/arrow_more.png) no-repeat scroll 100% 50% transparent;
	font-size: 12px;
	padding-right: 10px;
}

#promo a.more:link, #promo a.more:visited {
	text-decoration: none; 
	color: #8ac46f;
}

#promo a.more:hover {
	text-decoration: underline;
}

#column1 {
	float: left;
	width: 210px;
	height: 120px;
	padding: 10px;
	border-right: 1px solid #d7d7d7;
}

#column2 {
	float: left;
	position:relative;
	width: 210px;
	height: 120px;
	padding: 10px;
	border-right: 1px solid #d7d7d7;
}

#column3 {
	float: left;
	position: relative;
	width: 210px;
	height: 120px;
	padding: 10px;
	border-right: 1px solid #d7d7d7;

}

#column4 {
	float: left;
	position: relative;
	width: 200px;
	height: 120px;
	padding: 10px;
}

/* ---------------------------------------------------------------------------------------------------- FOOTER -------------------------------------------------- */
#footer {
	text-align: center;
	font-size: 12px;
	color: #969696;
	text-shadow: 0px 1px 0px white;
}

/* ---------------------------------------------------------------------------------------------------- CLEAR -------------------------------------------------- */
#clear {
	clear: both;
}

/* ---------------------------------------------------------------------------------------------------- SEPARATOR -------------------------------------------------- */
#separator {
	width: 920px;
	border-top: 1px solid #d7d7d7;
}