@font-face {
    font-family: MyriadProLight;
    src: url('fonts/MyriadPro-Light.otf');
}

@font-face {
    font-family: MyriadPro;
    src: url('fonts/MyriadPro-Regular.otf');
}

@font-face {
    font-family: MyriadProBold;
    src: url('fonts/MyriadPro-Bold.otf');
}

html {

	width: 100%;
    height: 100%;
}

body {
	font-family: MyriadProLight, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#container {
	position: relative;
	width:1280px;
	height:800px;
	margin: 0 auto;
}

#left {
	
	float: left;

}

.bgr {  

    height:  550px;  
    width:   950px;  
    padding: 0;  
    margin:  0;  
} 
 
.bgr img {  
    background-color: #eee;  
    width:  950px; 
    height: 550px; 
    top:  0; 
    left: 0 
} 

#dalsi {

	background-color:#00CC00;
	color:white;
	text-align: center;
	vertical-align: middle;
	font-size:80px;
	line-height: 250px;   
	text-align:center;
	width:950px;
	height:250px;
}

#nevstupovat {
	background-color:red;
	color:white;
	text-align: center;
	vertical-align: middle;
	font-size:80px;
	line-height: 250px;   
	text-align:center;
	width:950px;
	height:250px;
}

#right {
	background-image: url('img/bg_blue.jpg');
	background-color:#70BCE3;
	text-align: center;
	vertical-align: middle;
	width:330px;
	height:800px;
	float: right;
}



#weather {
	margin: 50 auto;
	color: white;
	font-size:80px;
}

#cond {
	margin: 40 auto;
	color: white;
	font-size:30px;
}

#date {
	margin: 20 auto;
	color: #3F648A;
	font-size:35px;
}

#time{
	margin: 10 auto;
	color: #3F648A;
	font-size:120px;
}
#logo {
	
}