/* 
Highlight modrá #056bb9
Btn onmouseover modrá #1c87d9
Main šedá #666;
*/


*{
	margin: 0;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	font-weight: 300;
}

body{
	color: #666;
	background: url('http://www.balikdoanglie.cz/src/plane.jpg') 50px 260px no-repeat;
	background-color: #f5f5f5;
}

h1, h2, h3{
	color: #056bb9;
}

	h1{
		font-size: 2.5em;
	}
	
	h2{
		font-size: 1.125em;
		margin: 20px 0 20px 0;
	}

.wrap{
	max-width: 1000px;
	margin: auto;
	text-align: center;
	position: relative;
}

#head{
	width: 100%;
	height: 100px;
	background: white;
	display: table;
	padding-top: 40px;
}
	
	#logo{
		display: table-cell;
		width: 25%;
		min-width: 118px;
		height: 64px;
		top: 38px;
	}
	
	#claim{
		width: 50%;
		display: table-cell;
		color: #056bb9;
		font-style: italic;
		font-size: 1.375em;
		margin-left: 60px;
		vertical-align: middle;
	}
	
	#phone{
		width: 25%;
		display: table-cell;
		background: url('http://www.balikdoanglie.cz/src/phone.png') 0 center no-repeat;
		text-align: left;
		margin-top: 45px;
		padding-left: 35px;
		vertical-align: middle;
	}
	
		p#phone span{
			color: #056bb9;
			font-size: 1.375em;
			font-style: italic;
			display: block;
		}
	
	

#content{
	padding-top: 50px;
}
	#cenik{
		width: 30%;
		min-width: 300px;
		float: left;
	}
		
		.padding{
			padding: 4%;
		}
		
		ul{margin: 0; padding: 0;}
		
		#cenik ul li{
			background: white;
			width: 48%;
			height: 60px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			list-style-type: none;
			margin: 5px 0;
			float: left;
			text-align: center;
			padding-top: 15px;
			line-height: 1.3em;
		}
		
			#cenik ul li span{
				color: #056bb9;
				font-size: 1.375em;
				display: block;
				text-align: center;
			}
			
			#cenik li:nth-child(odd) {
				margin-right: 4%;
			}
			
			input{
				width: 99%;
				margin-top: 30px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				display: block;
				height: 50px;
				border: 0;
			}
			
			input[type=text]{
				border: 1px solid #aaa;
				color: #666;
				text-indent: 10px;
				height: 40px;
				line-height: 40px;
			}
			
			#pricebtn{
				width: 100%;
				margin-top: 10px;
				background: #056bb9;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				display: block;
				height: 50px;
				line-height: 50px;
				color: white;
				text-align: center;
			}
				#pricebtn:hover{
					background-color: #1c87d9;
					transition: background-color 0.3s ease;
					cursor: pointer;
					cursor: hand;
				}
		
	.mapa{
		min-width: 650px;
		min-height: 600px;
		float: right;
	}
	
		.mapa img{
			width: auto;
		}
	
		#china{background: url('http://www.balikdoanglie.cz/src/china.jpg') center center no-repeat;}
		#usa{background: url('http://www.balikdoanglie.cz/src/usa.jpg') center center no-repeat;}
		#default{background: url('http://www.balikdoanglie.cz/src/default.jpg') center center no-repeat;}
		#anglie{background: url('http://www.balikdoanglie.cz/src/anglie.jpg') center center no-repeat;}
		#australie{background: url('http://www.balikdoanglie.cz/src/australie.jpg') center center no-repeat;}
		#nemecko{background: url('http://www.balikdoanglie.cz/src/nemecko.jpg') center center no-repeat;}
		#francie{background: url('http://www.balikdoanglie.cz/src/francie.jpg') center center no-repeat;}
		#chorvatsko{background: url('http://www.balikdoanglie.cz/src/chorvatsko.jpg') center center no-repeat;}
		#kanada{background: url('http://www.balikdoanglie.cz/src/kanada.jpg') center center no-repeat;}
		#rusko{background: url('http://www.balikdoanglie.cz/src/rusko.jpg') center center no-repeat;}

		
#links{
	text-align: center;
	margin-top: 80px;
}		
#links ul li{
	display: block;
	float: left;
	font-size: 0.875em;
	line-height: 1.5em;
	margin: auto;
	text-align: center;
}
	#links ul li:after {content: "|"; display: inline-block; width: 20px; text-align: center;}

	#links ul li:last-child:after
	{
	  content: "";
	}
	
	
	#links ul li a{
		color: #666;
	}
	
	#links ul li a:hover{
		text-decoration: none;
	}


#footer{
	margin-top: 25px;
}
	#footer p{
		padding: 0 0 20px 0;
	}
      #footer p a {
          margin-left: 20px;
          color: #666;
      }

.clear{
	width: 100%;
	height: 1px;
	clear: both;
}













/* SMALL DISPLAYS < 1024 */
@media (max-device-width:1024px){
	#logo, #claim, #phone{
		display: block;
		margin: auto;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}
	#phone{
		width: 70%;
		text-align: left;
	}

	#cenik, #footer, #links{
		padding: 0 3% 0 3%;
	}
	.mapa{
		display: none;
	}
}

.ram {
    border: 1px solid red;
}