* {padding:0;margin:0;}

html {width:100%;
	  height:100%;}
body {font-family:Times New Roman, Arial, Sans-serif;
	  font-size:14px;
	  line-height:1.5;
	  font-weight:400;
	  color:#434343;
	  background: #FFF url("../images/tlo.jpg") top center no-repeat;}

.container {width:95%;
			max-width:1100px;
			margin:auto;}
			
header {margin:15px 30px;}
header img {max-width:30%;
			opacity: 0.55;
			filter: alpha(opacity=50);}
header img:hover{opacity: 1.0;
				 filter: alpha(opacity=100);}

				 
div.ex1 {position: relative;
	padding-bottom: 56.25%; 
	padding-top: 0px;
	height: 0px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	border: 10px solid #1c63c0;
	}
	
.ex1 iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;	
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

footer {text-align: center;
		clear:both;
		color:#000;
		background: #FFF url("../images/dol_tlo.png") center;
		padding:15px 0 15px 30px;
		font-size:16px;
		margin:0 0 15px;
		opacity:0.9;
		filter: alpha(opacity=90);}
footer:hover{opacity: 1.0;
			 filter: alpha(opacity=100);}