@charset "utf-8";
/*

Oranžová - #f04f3c
d73c29

Tmavomodrá - #13192c
192039

*/


/* CSS Document */
body, textarea, select, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #424242;
	font-weight: normal;
	margin:0px;
}
body {
	text-align: center;
	background-color: #FFFFFF
}

/* A */
a { 
	color: #f04f3c; 
	text-decoration: none ;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s; 
}
a:hover { 
	color: #e44431; 
	text-decoration: underline 
}

/* H*/
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px
}

h1 { 
	font-size: 18px; 
	color: #424242; 
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px; 
}
h2 { 
	font-size: 14px; 
	font-weight: bold; 
	padding-bottom: 10px 
}
h3 { 
	font-size: 14px; 
	font-weight: italic; 
	line-height: 17px; 
}
h4 { 
	font-size: 12px; 
	font-weight: normal; 
	font-style: italic; 
	line-height: 17px; 
}

p  { margin: 0px; padding: 0px  }

/* FORM GENERAL */
input, textarea, select {
	padding: 5px; 
	border: #666666 solid 1px; 
	background-color: #FFFFFF; 
	color: #000000 
}

/* INPUT */
input {
}

/* BUTTON */
input.button {
	background: url(../images/wrapper/f04f3c.png) repeat; /*background-color: #f04f3c;*/
	color-scheme: light;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
input.button:hover {
	background-color: #e44431
}

/* table-borde */
table.table-borde {
}
	table.table-borde td {
		border-bottom: solid 1px #666666
	}

/* */ 
.left 			{ float: left!important }
.right 			{ float: right!important }
.both			{ width: 100%; clear: both; height: 0px }
.hidden		 	{ display: none!important }
.center 		{ text-align: center!important }
.justify 		{ text-align: justify!important }
.a-left 		{ text-align: left!important }
.a-right 		{ text-align: right!important }
.polovicka 		{ width: 50%!important }
.nomargin-right { margin-right: 0px!important;}
.preciarknutie 	{ text-decoration: line-through!important }

/* PAGINATION */
div.pagination {
	position: relative;
}
	div.pagination .active,
	div.pagination .dotted,
	div.pagination a{
		position: relative;
		width: 30px;
		height: 30px;
		display: block;
		margin-right: 5px;
		float: left;
		text-align: center;
		line-height: 28px;
		background-color: #e8ecf0;
		color: #2c2c2c
	}
		div.pagination .active,
		div.pagination a:hover {
			color: #FFFFFF;
			background-color: #154881;
			text-decoration: none;
		}

/* MESSAGE */
.error{
	position: relative;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	border: #c80000 solid 1px;
	color: #c80000;
	font-size: 12px;
	font-weight: bold;
	text-align: center
}
.messagge {
}
.message_popup {
}

/* BODY */
.bg-ecebe9 		{ background-color: #ecebe9 }
.bg-5b5b5b		{ background-color: #5b5b5b }
.bg-2c2c2c		{ background-color: #2c2c2c }
.padding-tb-20 	{ padding: 20px 0 20px 0 }

.div-full {
	position: relative;
	width: 100%;
	text-align: center;
}
	.div-full .div-center {
		position: relative;
		width: 1000px;
		margin: 0 auto 0 auto;
		text-align: left;
	}

/**/
#header-full {
	height: 100px;
	background: url(../images/wrapper/header.png?time=202508) #13192c center right no-repeat
}
	#header-full #header {
		position: relative;
		height: 100px;
	}
		#header-full #header #logo a {
			position: absolute;
			display: block;
			width: auto;
			height: 80px;
			margin-top: 10px;
			color: #FFFFFF;
		}
			#header-full #header #logo a img {
				height: 80px;
			}
			#header-full #header #logo a span.smaller {
				font-size: 18px;
				font-weight: normal;
				pa
			}
			#header-full #header #logo a:hover {
				text-decoration: none;
				/*color: #79be35;
				background-image: url(../images/wrapper/rollover/stahovanie123_03_.png)*/
			}
	
#menu-full {
	height: 40px;
	background-color: #192039;
}
    .menu-nav { 
		z-index: 999; 
		position: fixed; 
		top: 0; 
		width: 100%;
	} 
	#menu-full #menu {
		height: 40px;
	}
		#menu-full #menu ul {
			margin: 0px;
			padding: 0px;
			list-style: none
		}
			#menu-full #menu ul li {
				float: left;
			}
				#menu-full #menu ul li a {
					position: relative;
					display: block;
					height: 40px;
					padding: 0 8px 0 8px;
					color: #FFFFFF;
					line-height: 40px;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
				}
					#menu-full #menu ul li.selected a,
					#menu-full #menu ul li a:hover {
						background: url(../images/wrapper/f04f3c.png) repeat; /*background-color: #f04f3c;*/
						color-scheme: light;
					}
				
	
#content {
}

	#content .text-form {
		font-size: 14px;
		line-height: 26px;
	}
	
	#content .maps {
		min-height: 490px;
		_height: 490px;
		background: url(../images/wrapper/stahovanie123_32.jpg) no-repeat center
	}
	#content .phone {
		min-height: 70px;
		_height: 70px;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		line-height: 65px;
		color: #f04f3c;
		background: url(../images/wrapper/s123_sipka_outline.svg) no-repeat 30px center
		/*background: url(../images/wrapper/stahovanie123_29.png) no-repeat 30px center*/
	}
		#content .phone span.italic {
			font-style: italic;
			font-weight: normal;
		}
	
	/* gree box*/
	.box-s {
		margin-top: 20px;
	}

		.box-s a.box {
			position: relative;
			display: block;
			width: 430px;
			min-height: 80px;
			_height: 80px;
			float: left;
			margin: 0 20px 20px 0;
			color: #FFFFFF;
			font-size: 18px;
			padding: 40px 30px 30px 30px;
			font-weight: bold;
			text-transform: uppercase;
			background: url(../images/wrapper/f04f3c.png) repeat; /*background-color: #f04f3c;*/
			color-scheme: light;
		}
			.box-s a.box span.title {
				/*position: absolute;
				width: 330px;
				min-height: 35px;
				_height: 35px;
				display: block;
				margin: 30px 0 0 110px;*/
			}
			.box-s a.box span.perex {
				/*position: absolute;
				width: 330px;
				display: block;
				margin: 65px 0 0 110px; 
				color: #FFFFFF;
				font-size: 14px;
				line-height: 16px;
				font-weight: normal;
				text-transform: none;*/
			}
			.box-s a.box p.perex {
				padding-top: 10px;
				font-size: 14px;
				line-height: 16px;
				font-weight: normal;
				text-transform: none;
			}
			.box-s a.box span.more {
				position: absolute;
				display: block;
				width: 25px;
				height: 25px;
				right: 20px;
				top: 20px;
				background: url(../images/wrapper/more.png?time=20250609) no-repeat center;
				transition: right 0.3s ease, top 0.3s ease;
			}
				.box-s a.box:hover span.more {
					right: 10px;
					top: 10px;
				}
			
			
			.box-s a.box span.icon {
				display: none
				/*
				position: absolute;
				width: 80px;
				height: 80px;
				display: block;
				background-position: center;
				background-repeat: no-repeat;
				z-index: 150;
				margin: 30px 0 0 20px;*/
			}
				.box-s a.box span.icon-stahovanie { background-image: url(../images/wrapper/stahovanie123_09.png)}
				.box-s a.box span.icon-preprava 	{ background-image: url(../images/wrapper/stahovanie123_11.png)}				
				.box-s a.box span.icon-likvidacia { background-image: url(../images/wrapper/stahovanie123_12.png)}				
				.box-s a.box span.icon-objednavka { background-image: url(../images/wrapper/stahovanie123_13.png)}				
				.box-s a.box span.icon-ponuka		{ background-image: url(../images/wrapper/stahovanie123_14.png)}				
				.box-s a.box span.icon-spolupraca { background-image: url(../images/wrapper/stahovanie123_15.png)}				
				
			.box-s a.box:hover {
				background-color: #d73c29;
				text-decoration: none
			}	
		
	/* gree box*/
	.box-child {
		margin-top: 20px;
		margin-left: 0px;
	}
		.box-child a.box {
			position: relative;
			display: block;
			width: 320px;
			padding: 20px 0 20px 0;
			float: left;
			margin: 0 20px 20px 0;
			color: #FFFFFF;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			background: url(../images/wrapper/f04f3c.png) repeat; /*background-color: #f04f3c;*/
			color-scheme: light;
			/*
			background-image: url(../images/wrapper/stahovanie123_16.png)*/
		}
			.box-child a.box-last { margin-right: 0px!important; }	
			.box-child a.box:hover {
				background-color: #d73c29
			}
		@media only screen and (max-width: 767px){
			.box-child { margin-left: 0px;}
			.box-child a.box {
				width: 100%;
				float: none;
				margin-right: 0px!important;
			}
		}	
	
		
	/* reference */
	#reference {
		padding: 15px 0 15px 0
	}
		#reference .main {
			padding: 20px 0 10px 0;
			margin-bottom: 10px;
			text-align: center;
			font-size: 14px;
			border-bottom: solid 1px #000000 
		}
			#reference .main strong { text-transform: uppercase}
		#reference .jcarousel-wrapper {
			margin: 0;
			padding: 0 0 20px 0;
			position: relative;
			width: 999px;
		}
		#reference .jcarousel {
			position: relative;
			overflow: hidden;
		}
		#reference .jcarousel ul {
			width: 20000em;
			position: relative;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#reference .jcarousel li {
			width: 313px;
			padding: 0 10px 0 10px;
			float: left;
		}
			#reference .jcarousel li .text {
				font-style: italic;
				padding-bottom: 10px;
			}
			#reference .jcarousel li .name {
				font-weight: bold;
			}
	
#footer {
	color: #FFFFFF
}
	#footer a {
		color: #FFFFFF
	} 
	
	#footer .main {
		padding: 0 0 15px 0;
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: solid 1px  #FFFFFF
	}
	
	#footer .column {
		float: left;
		font-size: 14px;
		line-height: 20px;
	}
		#footer .column1 { width: 380px; }
		#footer .column2 { width: 270px; }
		#footer .column3 { width: 350px; }
			#footer .column3 .fa { margin-right: 15px; font-size: 30px }
			#footer .column3 a:hover .fa { color: #f04f3c }
		
		#footer .column p {
			margin-bottom: 10px;
		}
	

	#footer .copyright {
		color: #424242;
	}
		#footer .copyright a {
			color: #424242;
		}