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

@black: #434343;
@grey: #434343;
@silver: #eee;
@white: #fff;
@blue: #2784c6;
@darkblue: #4e5f70;
@red: #c1251c;
@orange: #f39200; 
@yellow: yellow;
@head: @silver;
@font: 'Open Sans', sans-serif;

/*
 *	Pro server g6 odstraní reklamu
 */
.eq{
	display:none;
}







/*
 * BOOTSTRAP edit
 * úprava bootstrapu pro celý web
 */
body{
	background:@white;
	color:@black;
	font-size: 18px; 
	font-family:@font;
	
	.myRow{
		margin:0px;
	}

	.btn{
		border-radius:3px;
		text-transform:uppercase;
		font-weight:400;
		//box-shadow: 1px 2px 0px @grey;
		padding:6px 30px;
		font-size: 18px;
		border:1px solid;
	}

	.btn-google{
		padding:6px 10px;
		box-shadow: 2px 2px 0px @grey - 10;
	}
	.btn-head{
		box-shadow: 2px 2px 0px @grey - 80;
	}

	.btn-default{
		//background:@silver;
		background:black;
		&:hover, &:focus{
			background:black;
		}
	}
	
	.btn-primary{
		background:@orange;
		border:@orange 2px solid;
	}

	.btn-primary:hover{	
		background:@orange - 40;
		border-color:@orange - 50;
	
	}

	.btn-primary:active{	
		border:@orange 2px solid;
		background:@orange;
	}
	
	.btn-info{
		background:transparent;
		color:@white; 
		border:2px solid;
	}

	.btn-info:hover{	
		background:@darkblue;
	}

	.btn-info:active{	
		background:@white - 40;
	}
	


	article, nav, footer{
		padding-left:50px;
		padding-right:50px;
	}

	article{
		.container{
			border-bottom:@grey 1px dashed;
		}
	}

	.container{
		max-width:960px;
	}



	h1{
		font-size:40px;
		color: @white;
		font-weight:bold;
		margin-top:30px;
		margin-bottom:30px;
	}

	h2{
		text-transform:uppercase;
		font-size:40px;
		font-weight:bold;
	}

	h3{
		text-transform:uppercase;
		font-size:23px;
		font-weight:bold;
	}
}







/*
 * article SLIDER
 * lišta položek k přemítání
 */
.slider{
	
	.slider-cover{
		white-space: nowrap;
		overflow-x: hidden;
		padding-left:0px;
		padding-right:-100px;
		//margin-bottom:-25px;
	}
	
	.container{
		//margin-bottom:-20px;
	}
	
	.info{
		font-weight: 300;
	}
	
	.slider-img{
		overflow:hidden;
		
	}
	
	.slider-text{
		padding-bottom:20px;
	}
	
	.item{
		//padding:20px;
		display:inline-block;
		vertical-align:top;
		width:500px;
		
		h3{
			padding-top:20px;
			white-space: normal;
		}
		p{
			white-space: normal;
		}
	}
	
	.btn-slider{
		display:absolute;
		left:0;
		padding:20px;
		margin:0px;
		
	}
	
	
	
	ul{
		list-style-type: none;
		padding:0px;
		
		li{
			display:inline-block;
			vertical-align: top;
			margin-left:-4px;
			padding:0px 40px 20px 40px;
			
			h3{
				white-space: normal;
			}
			p{
				white-space: normal;
			}
			p::after{
				//content: "...";
			}
		}
	}
	
	ul:after { 
	   content: " ";
	   display: block; 
	   height: 0; 
	   clear: both;
	}
	
	
	
	
	.pg{
		background:@silver;
		position:relative;
		width:60px;
		text-align:center;
		margin-bottom:0px;
		font-size:35px;
		cursor:pointer;
		
	}

	
	.pg:hover{
		background:@silver - 40;
	}
	.pg:active{
		box-shadow: 2px 2px 20px @silver - 70 inset;
	}

	
	.pg-left{
		margin-left:-60px;
	}
	.pg-right{
		margin-right:-60px;
	}
	
	.pgc-left, .pgc-right{
		background:red;
		display:absolute;
		margin-top:-200px;
		float:left;
		padding:30px;
		
	}
	.pgc-right{
		background:blue;
	}
	
	.disabled, .disabled:hover, .disabled:active{
		cursor: auto;
		color: rgba(200,200,200, 0.8);
		text-shadow: 1px 4px 6px @silver, 0 0 0 #000, 1px 4px 6px @silver; 
		background:@silver;
		box-shadow:none;
	}
	
}





/*
 * article BG-MOBILE
 * pozadí s obrázkem mobilu
 */
.bg-mobile{
	/*background:url(../img/euctenka-mobile.png);*/
	background:url(http://www.euctenka.cz/media/41182/tablet.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}






/*
 * nav TOP-MENU
 * hlavní horizontální menu
 */
.top-menu{
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
	background:@head;
	color:@grey;
	font-weight:600;
	
	a{
		color:@grey;
	}

	.menu{
		font-size:14px;
		
		a{
			padding:0px 10px;
			
			i{
				margin-right:3px;
				margin-left:-3px;
			}
		}
	
		:first-child{
			//padding-left:8px;
		}
	}

}

.fixed {
	width:100%;
    position:fixed;
    top:0;
	z-index:1000;
}







/*
 * article HEAD
 * úprava hlavičky
 */
.head{
	position:relative;
	background:@silver;

	.container{
		border-bottom:none;
	}

	h1{
		color: @white;
	}
	
	.video{
		margin-bottom:-5px;
	}

}








/*
 * article KONTAKT
 * patička webu
 */
.kontakt{
	background:@silver;
	border:@silver - 20 1px solid;
	
	.container{
		border-bottom:none;
	}
	
	.form-group{
		text-align:left;
		
		label{
			text-align:left;
			text-transform:uppercase;
		}
	}
	
}






/*
 * FOOTER
 * patička webu
 */
footer{
	
	p{
		color: #919191;
		font-size:14px;
		padding-top:28px;
		
		a{
			color: #919191;
			font-weight:bold;
		}
	}
}






#menu-lists{
	padding-top:35px;
	a{
		padding:35px 16px 34px 16px;
	}
	
	a:hover{
		background:@silver - 20;
		text-decoration:none;
	}
	
	.login{
		background:@blue;
		color:@white;
	}
	
	.login:hover{
		background:@silver - 60;
	}
}



#foto{
	a{
		width:181px;
		height:181px;
		display:inline-block;
		overflow:hidden;
	}
	
	a:hover{
		border:20px solid;
	}
	
	img{
		height:100%;
	}
}


#cenik{
	hr{
		width:50%;
		float:left;
		border:@grey 2px solid;
		margin-top:0px;
	}
		
	li ul{
		//border-top:silver 1px solid;
		padding-top:20px;
		clear:both;
		
		
		li{
			padding-left:4px;
			padding-right:4px;
		}
	}
	
	h3{
		.cena{
			font-size:34px;
		}
		.dovetek{
			font-size:20px;
			font-weight:300;
		}
	}
}


.logo{
	margin-right:-30px;
}

.created{
	margin-top:8px;
}


/*
 * WINDOW WIDTH
 * když je šířka obrazovky menší než udaná velikost
 */
@media only screen and (max-width:992px){
	nav{
		font-size:12px;
		a{
			margin-left:-8px;
		}
		#menu-button{
			display:block;
		}
		#menu-lists{
			position:relative;
			//float:left !important;
			padding-left:17px;
			//padding-top:0px; 
			padding-bottom: 24px;
		}
	}
	
	#cenik{
		h3{
			.cena{
				font-size:45px;
			}
			.dovetek{
				font-size:35px;
			}
		}
		li{
			font-size:26px;
			padding-left:0px;
			padding-right:0px;
		}
	}
	
	.video{
		width:100%;
		margin: 40px 0px 0px 0px;
		position:relative;
	}

	#stahnout .col-md-6 + .col-md-6{
		display:none;
	}
	
	
	.bg-mobile{
		background:transparent;
	}

}


#epichacka{
	background:@darkblue url("../img/screen.jpg") no-repeat top center;
	//height:400px;
	padding-bottom:100px;
	.container{
		text-align:right;

	}
	
	h1{
		text-transform:uppercase;
		font-size:34px;
		font-weight: 600;
		margin-bottom:0px;
		margin-top:100px;
	}
	hr{
		width:140px;
		border:@white 2px solid;
		text-align:right;
		margin-right:0px;
		margin-top:10px;
		margin-bottom:20px;
	}
	p{
		//text-transform:uppercase;
		font-size:20px;
		color:@white;
		line-height:23px;
		font-weight: 300;
	}
}


.zoznam, .eq{
	display:none;
}


.btn-secondary[title=left], .btn-secondary[title=right]{
	border-color:silver;
	color: silver;
	position:absolute;
}



.btn2-slider{
	position:relative;
	left:0px;
	//z-index: 9999;
}

.slider2-text{
	padding-top:40px;
	padding-bottom:50px;
}

.slider2-img{
	overflow:hidden;
}

.slider2-cover{
	white-space: nowrap;
	overflow-x: hidden;
	
	.item2{
		display:inline-block;
		vertical-align:top;
		
		h3{
			padding-top:20px;
			white-space: normal;
		}
		p{
			white-space: normal;
		}
	}
}