/* --------------------------------------------------------	*/
/*	Twitter Bootstrap */
/*	Responsive media queries */
/*	Custom override - max width of 1024px */
/*  & Fancybox */
/* --------------------------------------------------------	*/

@import url("bootstrap/bootstrap.min.css");
//@import url("bootstrap/bootstrap-responsive.min.css");


/* --------------------------------------------------------	*/
/*	LESS configuration */
/* --------------------------------------------------------	*/

@light-yellow: #FED86F;
@green: #80C348;
@blue: #508BCB;
@grey: #5D5A5A;
@pink: #D15F98;
@brown: #504031;
@light-brown: #6A5F5A;
@orange:#E84E39;
@delete:#ED6746;

@pricing_color_1:#9EC2D0; // blue
@pricing_color_2:#74806A; // green
@pricing_color_3:#E84E39; // orange
@pricing_color_4:#3B2E2C; // dark brown

/* --------------------------------------------------------	*/
/*	LESS mixins (learn more at http://lesscss.org/)  */
/* --------------------------------------------------------	*/

// rounded corners
.rounded (@radius: 5px) {

	-webkit-border-radius: @radius;
	   -moz-border-radius: @radius;
	        border-radius: @radius;

	-webkit-background-clip: padding-box; 
	   -moz-background-clip: padding; 
			background-clip: padding-box; 
}

// box shadow with 4 arguments
.box-shadow (@x, @y, @blur, @color) {

	-webkit-box-shadow: @x @y @blur @color;
	   -moz-box-shadow: @x @y @blur @color;
	     -o-box-shadow: @x @y @blur @color;
			box-shadow: @x @y @blur @color;
}

// box shadow with 1 argument
.box-shadow (@arguments) {

	-webkit-box-shadow: @arguments;
	   -moz-box-shadow: @arguments;
	     -o-box-shadow: @arguments;
			box-shadow: @arguments;
}

// inset shadow
.inset-shadow (@x, @y, @blur, @color) {

	-webkit-box-shadow: @x @y @blur @color inset;
	   -moz-box-shadow: @x @y @blur @color inset;
	     -o-box-shadow: @x @y @blur @color inset;
			box-shadow: @x @y @blur @color inset;
}

// opacity
.opacity (@opacity: 0.8) {

	// convert opacity to percentage for IE
	@opacityPercentage: @opacity * 100;
    
    -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
    filter: ~"alpha(opacity = (@{opacityPercentage}))";

	-webkit-opacity: @opacity;
	 -khtml-opacity: @opacity;
	   -moz-opacity: @opacity;
			opacity: @opacity;
	
}

// transitions
.animate (@prop, @duration, @ease:ease-out) {

	-webkit-transition:@prop @duration @ease;
	   -moz-transition:@prop @duration @ease;
		-ms-transition:@prop @duration @ease;
		 -o-transition:@prop @duration @ease;
			transition:@prop @duration @ease;
}

.small-content-box {
	width:400px;
	padding:40px;
	background:#fff;
}
.error {
	color:#f00;
}

.btn {
	background:none;
	filter:none;
	background-image:none;
	background:#eee;
	color:#222;
	text-shadow:none;
	border:none;
	border:1px solid #ccc;
	box-shadow:none;
}

.btn.btn-primary {
	background:#1555CB;
	border:1px solid #1555CB;
	color:#fff;
}
.btn.btn-primary:hover {
	background:#1F2EB2;
}

.btn.btn-success {
	background:#17CB64;
	border:1px solid #17CB64;
	color:#fff;
}
.btn.btn-success:hover {
	background:#21B25F;
}

.btn.btn-danger {
	background:@delete;
	border:1px solid @delete;
	color:#fff;
}
.btn.btn-danger:hover {
	background:darken(@delete,10%);
	border:1px solid darken(@delete,10%);
	color:#fff;
}

/* --------------------------------------------------------	*/
/*	Base */
/* --------------------------------------------------------	*/

::-moz-selection { background: #FEF68E; color: #444; text-shadow: none; }
::selection { background: #FEF68E; color: #444; text-shadow: none; }

html {
	overflow-y:scroll;
}
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background:#A5D8AB;
	background:url(../images/pozadia/3.jpg) #222;
	cursor:default;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;	
}
h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-weight: 700;
	font-family:'Dosis',sans-serif;
	font-weight:600;
	line-height: 1.25;
	margin: 0 0 20px 0;
}
h3, h4, h5 { 
	font-weight: 600; 
	margin: 0 0 10px 0; 
}
h1 {
	color:#222;
	font-size:2em;
}
h2 {
	font-size:1.7em;
}
h3 {
	font-size:1.4em;	
}
h4 {
	margin:0 0 20px 0;
	text-transform:uppercase;
	font-weight:200;
	color:#555;
}
p {}
a {
  color: #0088cc;
  text-decoration: none;
}
a:hover { 
	color: #005580; 
	text-decoration: underline;
}

header {
	position:relative;
	z-index:99;	
	width:20%;
	float:left;
}
.content {
	background:transparent;
	width:80%;
	margin:0 -1px 0 1px;
	float:left;
}

/* --------------------------------------------------------	*/
/*	Nav	*/
/* --------------------------------------------------------	*/

.navbar .navbar-inner {
	background:transparent;
	border:0;
	margin:0;
	
	position:fixed;
	left:20%;
	margin-left:-186px!important;
	padding:0 0 130px 0;
	box-shadow:none;
	width:186px;
	background:url(../images/menu-background.png) bottom center no-repeat;
	.rounded(0);
	text-align:center;
}
.navbar .navbar-inner ul {
	width:100%;
	margin:0;
}
.navbar .navbar-inner ul li {
	margin:0 20px;
	display:block;
	border-bottom:1px solid #ccc;
	float:none;
}
.navbar .navbar-inner ul li:last-child {
	border:none;
}
.navbar .navbar-inner ul li a {
	padding:8px 0px;
	font-size:16px;
	font-family:'Dosis',sans-serif;
	
	color:#444;
	background:#fff!important;
	box-shadow:none!important;
}
.navbar .navbar-inner ul li a:hover {
	color:#52A05A;
}
.navbar .navbar-inner ul li.active a {
	//font-weight:600;
}
.navbar .logo {
	text-align:center;
	float:none;
}

.language-switch {
	padding:6px 0 10px 0;
}
.language-switch a {
	color:#888;
	font-size:12px;
}
.language-switch a:hover {
	color:#231F20;
}

footer {
	position:absolute;
	right:0;
	bottom:0;
}

@media (max-height: 700px) {
	.navbar .logo img {
		width:112px;
	}
	.navbar .navbar-inner ul li a {
		padding: 4px 0;
		font-size:16px;
	}
}


/* --------------------------------------------------------	*/
/*	Classes	*/
/* --------------------------------------------------------	*/

.fr {
	float:right;
}
.fl {
	float:left;
}
.ac {
	text-align:center;
}
.al {
	text-align:left;
}
.ar {
	text-align:right;
}
.clr {
	clear:both
}
.grey {
	color:#999
}
.hidden {
	display:none;
}
.show {
	display:block;
}
.unstyled {
	list-style-type:none;
	margin:0;
}
.no-border {
	border:none!important;
}
.gradient {
	background:#A0DBE8;
	background-image: linear-gradient(100 100, #A0DBE8 10%, #83B7E0 55%);
	background-image: -o-linear-gradient(100 100, #A0DBE8 10%, #83B7E0 55%);
	background-image: -moz-linear-gradient(left, #A0DBE8 10%, #83B7E0 78%);
	background-image: -webkit-linear-gradient(100 100, #A0DBE8 10%, #83B7E0 55%);
	background-image: -ms-linear-gradient(100 100, #A0DBE8 10%, #83B7E0 55%);
	background-image: -webkit-gradient(
		linear,
		100 100,
		200 200,
		color-stop(0.1, #A0DBE8),
		color-stop(0.55, #83B7E0)
	);		
}
.inline {
	display:inline
}
.inline-block {
	display:inline-block;	
}
.uc {
	text-transform: uppercase;
}

.well {
	background:white;
	border-radius:0;
}

.nav-tabs li a {
	color:#222;
	background:#f6f6f6;
	border:1px solid #ddd;
	border-bottom:1px solid #DDDDDD;

}
.nav-tabs li:first-child {
	
}

		.zebra {
			background:#fafafa;width:580px;margin-left:-40px;padding:40px;
			border-top:1px solid #ddd;
			border-bottom:1px solid #ddd;
		}
		.zebra input[type=file] {
			background:transparent;
		}

.mt10 {
	margin-top:10px;
}
.mt4 {
	margin-top:4px;
}

/* ---------------------------------------------------------------------- */
/*	Tables
/* ---------------------------------------------------------------------- */

table {
	color:#444;
	width:100%;
	border-collapse:collapse;
}
table thead th {
	background:#eee;
	text-align:left;
	padding:6px 4px;
}
table td {
	padding:4px 0;
	background:#fff;
}

/* ---------------------------------------------------------------------- */
/*	Forms and input elements
/* ---------------------------------------------------------------------- */
		
label {
	cursor: pointer;
	display: inline-block;
	width:120px;
	margin: 0 0 5px;
}

input, textarea, select, input[type=text], input[type=email], input[type=search], input[type=password] {
	background-color: #ffffff;
	border: 1px solid #e8e8e8;
	color: #8f8f8f;
	padding: 5px 10px;

	.rounded(0);	
	.box-shadow(none);
}

textarea {
	padding: 10px;
	resize: both;
}

input:hover, textarea:hover, select:hover { border-color: #dedede; box-shadow:none!important;}
input:focus, textarea:focus, select:focus { border-color: #ccc; }
input[type="submit"], input[type="reset"], button {
}
input[type="file"] {
	border:none;
	padding:0;
}

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"] 
{ width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Placeholder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #aaa; }

/* --------------------------------------------------------	*/
/*	Custom styled scrollbar */
/* --------------------------------------------------------	*/

html:not(.osx) ::-webkit-scrollbar {
    width: 6px;
}
html:not(.osx) ::-webkit-scrollbar-track-piece {
    background-color: #eee;
    border-left:1px solid #ddd;
}
html:not(.osx) ::-webkit-scrollbar-thumb:vertical {
    background-color:#bbb;
}


#system_message {

	display:none;

	position:fixed;
	top:20px;
	right:20px;

	width:400px;
	padding:18px;
	margin-left:-225px;
	border-radius:2px;
	box-shadow:0 0 4px rgba(0,0,0,0.1);

	text-align:center;
	font-size:18px;
	font-weight:normal;
	z-index:99999;
	
	background:#21B25F;
	

	color:#fff;
}
#system_message p {font-size:18px;margin:0;}
#system_message a.close_system_message {display:inline-block;float:right;color:#fff;text-decoration:none;font-size:22px}

#flash_message {
	display:none;
	bottom:20px;
	right:20px;
	position:fixed;
	padding:10px;
	max-width:250px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align:center;
	font-size:13px;
	background:#3593EB;
	font-weight:bold;
	color:#fff;
	z-index:99999;
	opacity:0.8;
}


/* --------------------------------------------------------	*/
/*	Social networks icons - sprite */
/* --------------------------------------------------------	*/

.social-network { 
	display:inline-block; 
	width: 32px; 
	height: 32px; 
	cursor:pointer;
	background: url(../img/social-networks.png) no-repeat left -42px; 
	.rounded(3px);
	.opacity(0.65);
	.animate(opacity,0.2s)
}
.social-network:hover { 
	.opacity(1)
}

.social-network.addthis{ background-position: 0 0}
.social-network.behance{ background-position: 0 0}
.social-network.blogger{ background-position: -84px 0}
.social-network.digg{ background-position: -126px 0}
.social-network.dribbble{ background-position: -168px 0}
.social-network.facebook{ background-position: -210px 0}
.social-network.flickr{ background-position: -252px 0}
.social-network.gplus{ background-position: -294px 0}
.social-network.gplus2{ background-position: -336px 0}
.social-network.instagram{ background-position: -378px 0}
.social-network.lastfm{ background-position: -420px 0}
.social-network.like{ background-position: -462px 0}
.social-network.linkedin{ background-position: -504px 0}
.social-network.livejournal{ background-position: -546px 0}
.social-network.myspace{ background-position: -588px 0}
.social-network.myspace2{ background-position: -630px 0}
.social-network.paypal{ background-position: -672px 0}
.social-network.picasa{ background-position: -714px 0}
.social-network.pinterest{ background-position: -756px 0}
.social-network.reddit{ background-position: -798px 0}
.social-network.rss{ background-position: -840px 0}
.social-network.sharethis{ background-position: -882px 0}
.social-network.skype{ background-position: -924px 0}
.social-network.spotify{ background-position: -966px 0}
.social-network.stumbleupon{ background-position: -1008px 0}
.social-network.tumblr{ background-position: -1050px 0}
.social-network.twitter-old{ background-position: -1092px 0}
.social-network.twitter{ background-position: -1134px 0}
.social-network.vimeo{ background-position: -1176px 0}
.social-network.wordpress{ background-position: -1218px 0}
.social-network.youtube{ background-position: -1260px 0}

.marker-image {
    width:32px;
    height:49px;
    margin-left:-16px;
    margin-top:-25px;
    pointer-events:all;
    cursor:pointer;
    position:absolute;
}