/* CSS Document */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#494949;
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size:100%;
	line-height:100%;	
}

div {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#default {
	min-height:300px;
}

img {
	border:0px;
}

.hidden {
	display:none;
}

a, a:link, a:visited {
	color:#3bbdfb;
	text-decoration:none;
}

p {
	line-height:1.6em;
	text-align:justify;
	background:#fff;
}

.fullwidth {
	width:100% !important;
}

h1 {
	font-size:1.8em;
	line-height:1.8em;
	font-weight:normal;
	margin-top:0px;
	font-family: 'Archivo Narrow', sans-serif;
}

h2 {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:normal;
	margin-top:0px;
	font-family: 'Archivo Narrow', sans-serif;
}

h3 {
	font-weight:normal;
	font-family: 'Archivo Narrow', sans-serif;
}

h4 {
	font-weight:normal;
}

h5 {
	font-weight:normal;
}


.wrap {
	clear:left;
	margin:0 auto;
	width:1180px;
  max-width:-webkit-calc(100% - 20px);
  max-width:-moz-calc(100% - 20px);
  max-width:calc(100% - 20px);
  max-width:95%;
	min-width:960px;
}

.wrapin {
	background:#fff;
	overflow:hidden;
	padding:70px 0px 10px 0px;
	margin-bottom:-5px;
	/*box-shadow: 0px 0px 5px 5px rgba(80, 80, 80, 0.1);*/
}

.top {
	margin-top:210px;	/* pozice shora*/
}

#count {
	/*display:none;*/
	color:#000;
	position:absolute;
	top:0px;
	z-index:1;
}

.gradient {
   filter: none;
}

header {
	top:0px;
	position:absolute;
	width:100%;
	/* Online image to base64 converter http://webcodertools.com/imagetobase64converter */
	background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAIAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQADwoKCgsKDwsLDxYODA4WGhMPDxMaHRcXFxcXHR0WGRgYGRYdHSIjJSMiHS0tMTEtLUBAQEBAQEBAQEBAQEBAQAEQDg4QEhAUEREUFBATEBQYFBUVFBgjGBgaGBgjLiEdHR0dIS4pLCUlJSwpMjIuLjIyPz88Pz9AQEBAQEBAQEBA/8AAEQgA0gABAwEiAAIRAQMRAf/EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A7tJJJJSklL03+CSSk6SSSSlJJJJKUkkkkpSSSSSlJJJJKUkkkkpSSSSSml+2em/6b/ov/wDIpLmElo/csfef2j+Dk/6Rzfu4/sP8VJJJKy0lJJJJKUkkkkpSSSSSn//Z) repeat-x center top;
	height:212px;
}

	header #top {
		width:1180px;
		max-width:100%;
		min-width:960px;
		position:relative;
	}

		header #top #logo {
			position:absolute;
			top:60px;
			left:10px;
			width:224px;
			height:58px;
			background:url('../images/header/logo.png');
		}
		
		header #top #sublogo {

		}		
		
		header #top #search {
			position:absolute;
			top:72px;
			left:369px;			
		}
		
			header #top #search #srch {
				float:left;
				clear:left;
				width:254px;
				height:36px;
				border:solid #eee 1px;
				text-indent:20px;
				font-size:1.1em;
				color:#000;
				font-family: 'Archivo Narrow', sans-serif;
			}	
			
			header #top #search #search-button {
				float:left;
				clear:none;
				width:80px;
				height:36px;
				border:0px;
				border-top: solid #ddd 2px;
				background: #eeeeee;						
				font-family: 'Archivo Narrow', sans-serif;
				font-size:1.1em;
				font-weight:normal;
				color:#494949;
				text-shadow: 0 -1px 1px rgba(255,255,255,.8);
				cursor:pointer;								
			}			
			
		header #top #basket-i {
			position:absolute;
			top:48px;
			right:0px;			
			background-image: url('../images/header/basket-top-bg.png'); /* fallback */
			background-image: url('../images/header/basket-top-bg.png'), -webkit-gradient(from(#f0f0f0), to(#eeeeee)); /* Saf4+, Chrome */
			background-image: url('../images/header/basket-top-bg.png'), -webkit-linear-gradient(#f0f0f0, #eeeeee); /* Chrome 10+, Saf5.1+ */
			background-image: url('../images/header/basket-top-bg.png'),    -moz-linear-gradient(#f0f0f0, #eeeeee); /* FF3.6+ */
			background-image: url('../images/header/basket-top-bg.png'),     -ms-linear-gradient(#f0f0f0, #eeeeee); /* IE10 */
			background-image: url('../images/header/basket-top-bg.png'),      -o-linear-gradient(#f0f0f0, #eeeeee); /* Opera 11.10+ */
			background-image: url('../images/header/basket-top-bg.png'),         linear-gradient(#f0f0f0, #eeeeee); /* W3C */	
			background-position: center center, center center;				
			width:155px;
			height:100px;
		}		
			
			header #top #basket-i .in {
				position:relative;
			}
					
			header #top #basket-i #celkem {
				position:absolute;
				top:70px;
				right:5px;
				color:#333333;
			}			
			
			header #top #basket-i #celkem strong {
				font-size:1.2em;
				color:#333333;
			}
			
			header #top #basket-i #nr {
				width:42px;
				height:42px;
				border-radius:26px;
				box-shadow: 0px 0px 0px 5px rgba(255,255,255,1);
				background:#267f03;
				text-align:center;
				line-height:42px;
				color:#fff;
				font-size:1.2em;
				font-weight:bold;
				position:absolute;
				top:15px;
				right:0px;
			}

			header #top #basket-i .noitems {
				background:#333333 !important;
			}			
		
		#basket-fade {
			position:absolute;
			top:105px;
			z-index:9999;	
		}
		
			#basket-fade .arrowfront {
		   width: 0; 
		   height: 0; 
		   border-bottom: 12px solid #fff; 
		   border-left: 10px solid transparent; 
		   border-right: 10px solid transparent; 			
			 position:absolute;
		   right:40px;
		   top:-10px;
			}

			#basket-fade .arrowback {
		   width: 0; 
		   height: 0; 
		   border-bottom: 12px solid #000; 
		   border-left: 10px solid transparent; 
		   border-right: 10px solid transparent; 			
		   position:absolute;
		   right:40px;
		   top:-11px;
			}			
			
			#basket-fade .in {
				float:right;
		   	clear:right;
		   	width:240px;
		   	background:#fff;
		   	border:solid #000 1px;
		   	padding:10px 30px 30px 30px;
			}
			
			#basket-fade .in .add {
				float:left;
				clear:left;
				width:100%;
				height:50px;
				line-height:50px;
				font-size:1.3em;
				text-align:center;
				
			}	
			
			#basket-fade .in .item {
				float:left;
				clear:left;
				width:100%;
				padding:15px 0px 15px 0px;
				border-top:solid #ddd 1px;
				border-bottom:solid #ddd 1px;
				
			}		
			
			#basket-fade .in .tobasket {
				display:inline-block;
				float:left;
				clear:left;
				width:100%;
				height:40px;
				line-height:38px;
				text-align:center;
				border:0px;
				border-top: solid #75cff9 2px;
				background:#3cbefa;
				background-image: -webkit-gradient(from(#3cbefa), to(#008abf)); /* Saf4+, Chrome */
				background-image: -webkit-linear-gradient(#3cbefa, #008abf); /* Chrome 10+, Saf5.1+ */
				background-image: -moz-linear-gradient(#3cbefa, #008abf); /* FF3.6+ */
				background-image: -ms-linear-gradient(#3cbefa, #008abf); /* IE10 */
				background-image: -o-linear-gradient(#3cbefa, #008abf); /* Opera 11.10+ */
				background-image: linear-gradient(#3cbefa, #008abf); /* W3C */						
				font-family: 'Archivo Narrow', sans-serif;
				font-size:1.1em;
				font-weight:normal;
				color:#fff;
				text-shadow: 0 -1px 1px rgba(0,0,0,.3);			
				cursor:pointer;	
				margin-top:20px;			
			}
			
			#basket-fade .product {
				float:left;
				clear:left;
				width:100%;
				
			}
			
			#basket-fade .product .image {
				float:left;
				clear:left;
				width:30%;
				height:80px;
				position:relative;
			}
			
				#basket-fade .product .image img {
					max-width:90%;
					max-height:90%;
			    position:absolute;
			    top:0;
			    bottom:0;
			    left:0;
			    right:0;
			    margin:auto;
				}			
				
			#basket-fade .product .info {
				float:right;
				clear:right;
				width:65%;
			}
			
				#basket-fade .product .info .name {
					float:left;
					clear:left;
					width:100%;
					font-size:0.7em;
				}
				
				#basket-fade .product .info .cost {
					float:left;
					clear:left;
					width:100%;
					font-size:0.9em;
					font-weight:bold;
					margin-top:10px;
				}
				
				#basket-fade .product .info .description {
					float:left;
					clear:left;
					width:100%;
					font-size:0.7em;
					max-height:30px;
					overflow:hidden;
					color:#c9c9c9;
				}								
		
		#up-triangle {
	   width: 0; 
	   height: 0; 
	   border-bottom: 120px solid green; 
	   border-left: 60px solid transparent; 
	   border-right: 60px solid transparent; 
		}
		
		header #top #menu_button {
			position:absolute;
			top:155px;
			background:#051523;
	    font-size: 1.8em;
	    height:35px;
	    line-height: 35px;
	    text-indent:15px;		
	    /*border-bottom: 5px solid #333333;	*/
	    width:1180px;
			max-width:100%;
			min-width:960px;
	    cursor:pointer;
	    display:none;
	    color:#fff;
		}
		
		header #top #menu_button:hover, header #top #menu_button_down:hover {
			background:#0f6abe;
			color:#fff;
		}
				
		header #top #menu_position {
			position:absolute;
			top:150px;
			left:0px;
			width:1180px;
			max-width:100%;
			min-width:960px;
		}		

		header #top #topmenu_position {
			position:absolute;
			top:0px;
			right:105px;
		}		
		
		header #top #languages_position {
			position:absolute;
			top:0px;
			right:0px;
			z-index:3;
		}						
		
		header #breadcrumbs {
			position:absolute;
			top:235px;
			left:10px;
			color:#3bbdfb;
		}
		
		header .max {
			left:0px !important;
		}
				
			header #breadcrumbs {
				font-size:0.8em;
			}
			
			header #breadcrumbs a {
				color:#494949;
				
			}
		
			header #breadcrumbs .sep {
				display:inline-block;
				width:1px;
				height:10px;
				background:#ddd;
				margin:0px 7px 0px 10px;
			}






footer {
	color:#c0c0c0;
}

footer .all {
	width:100%;
	min-width:960px;
	float:left;
	clear:left;
	border-top:solid #dadada 4px;
	margin-top:4px;
	background-color:#373737;
	-moz-box-shadow: inset 0 0 5px 0px #000;
	-webkit-box-shadow: inset 0 0 5px 0px #000;
	box-shadow: inset 0 0 5px 0px #000;	
}

footer a, footer a:link, footer a:visited {
		color:#c0c0c0;
		text-decoration:none;
	}

	footer section {
		overflow:auto;
	}
	
		footer section .footer_nav {
			float:left;
			clear:none;
			width:100%;
		}
		
		pda_ver .footer_nav, .pda_hor .footer_nav, .screen_ultralow .footer_nav, .screen_low .footer_nav, .screen_med .footer_nav {
			width:100%;
		}
		
			footer section .footer_nav h3 {
				display:none;
			}
			
			footer section h4 {
				font-size:1.3em;
			}
			
			footer section #facebook-box {
				float:left;
				clear:left;
				width:100%;
				overflow:hidden;
				margin:5px 0px 5px 0px;
			}
			
			footer section iframe {
				width:101%;
				width:calc(100% +2px);
				margin:-1px;
				height:600px;
				background:#fff;
			}
			
			footer section .footer_nav .footer_nav_section {
				float:left;
				clear:none;
				overflow:hidden;
			}
			
			footer section .footer_nav .columns1 {
				width:100%;
			}
			
			footer section .footer_nav .columns2 {
				width:49%;
				margin-right:2%;
			}
			
			footer section .footer_nav .columns3 {
				width:32%;
				margin-right:2%;
			}
			
			footer section .footer_nav .columns4 {
				width:23.5%;
				margin-right:2%;
			}
			
			footer section .footer_nav .columns5 {
				width:18.4%;
				margin-right:2%;
			}
			
			footer section .footer_nav .columns6 {
				width:15%;
				margin-right:2%;
			}			
			
			footer section .footer_nav .footer_nav_section:last-child {
				margin-right:0% !important;
			}				
						
			footer section .footer_nav .footer_nav_section ul {
				padding:0;
			}
			
			footer section .footer_nav .footer_nav_section li {
				line-height:1.4em;
				font-size:0.9em;
				color:#a6a6a6;
			}
			
			footer section .footer_nav .footer_nav_section form {
				float:left;
				clear:left;
				width:100%;
			}
			
				footer section .footer_nav .footer_nav_section .vas_email {
					float:left;
					clear:left;
					width:68%;
					max-width:200px;
					height:32px;
					border:0px;
					text-indent:10px;
				}		
				
				footer section .footer_nav .footer_nav_section #odeslat {
					float:left;
					clear:none;
					width:30%;
					max-width:85px;
					height:34px;
					border:0px;
					border-top:solid #9b9b9b 2px;
					background: #282828;
					background: -webkit-gradient(linear, left top, left bottom, from(#868686), to(#5b5b5b));
					background: -moz-linear-gradient(top,  #868686,  #5b5b5b);
					color:#fff;
					text-shadow: 0 -1px 1px rgba(0,0,0,.5);
				}							
			
			
			
			
			
				
				footer section .footer_nav .footer_nav_section li.top-margin {
					margin-top:1.4em;
				}
		
		
		footer section .info-line {
			width:100%;
			background:#292929;
			border-top:solid #565656 1px;
			-moz-box-shadow: inset 0 0 5px 0px #1d1d1d;
			-webkit-box-shadow: inset 0 0 5px 0px #1d1d1d;
			box-shadow: inset 0 0 5px 0px #1d1d1d;		
			padding:15px 0px 15px 0px;	
			color:#727272;
		}

			footer section .info-line .telefon {
				float:left;
				clear:left;
				width:37%;
				background:url('../images/icons/telefon.png') no-repeat left center;
				text-indent:48px;
			}
			
				footer section .info-line .telefon strong {
					font-size:1.4em;
					line-height:2.4em;
				}
			
			footer section .info-line .socialni-site {
				width:25%;
				height:48px;
				overflow:hidden;
				float:left;
				text-align:center;
			}
			
				footer section .info-line .socialni-site .icon {
					display:inline-block;
					width:48px;
					height:48px;
					margin:0px 3px 0px 3px !important;
				}
				
				footer section .info-line .socialni-site .facebook {
					background:url('http://sprintsport.cz/conf/templates/computer/images/icons/facebook.png') no-repeat;
				}
				
				footer section .info-line .socialni-site .twitter {
					background:url('../images/icons/twitter.png') no-repeat;
				}
				
				footer section .info-line .socialni-site .google-plus {
					background:url('http://sprintsport.cz/conf/templates/computer/images/icons/google-plus.png') no-repeat;
				}	
				
			footer section .info-line .copyright {
				width:37%;
				overflow:hidden;
				float:left;
				clear:none;
				text-align:right;
			}
			
				footer section .info-line .copyright ul {
					margin:0px;
					padding:0px;
					list-style-type:none;
				}
				
				footer section .info-line .copyright li {
					line-height:1.8em;
					font-size:0.9em;
					color:#a6a6a6;
				}				













			
			
			
			
			
			








				
.ui-autocomplete {
	background:#fff !important;
	max-height:300px;
	overflow:auto;
}

.ui-corner-all {
	border-radius:0 !important;
}

	li.ui-menu-item.even {
		background-color: #fff;
	}
	
	li.ui-menu-item.odd {
		background-color: #eee;
	}
	
		li.ui-menu-item b {
			color:#3bbdfb !important;
		}
		
		li.ui-menu-item a:hover {
			background:#7799CC;
		}
		
		li.ui-menu-item a:hover b {
			color:#fff;
		}

#zalozka {
	position:fixed;
	top:300px;
	left:-350px;
	width:381px;
	height:400px;
	z-index:2;
}

	#zalozka #boxZalozky {
		width:350px;
		height:400px;
		float:left;
		background-color:white;
	}

	#zalozka #boxZalozky iframe {
		border:none; overflow:hidden; width:350px; height:395px;
	}
	
	#zalozka #ousko {
		background-image:url('../images/zalozkaFB.png');
		margin-top:68px;
		width:31px;
		height:265px;
		float:right;
	}