@charset "UTF-8";

html {
    height: 100%
}
body {
    /* background-image:url(../images/BKG.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
	font-family: 'Roboto', sans-serif;
	margin:0;
	background-color: white;
}

	#screen { width:960px; height:375px; background-color:white; -webkit-box-shadow: 2px 2px 10px 1px #616161;
box-shadow: 2px 2px 10px 1px #616161; margin:90px auto 0; position:relative  
	}
	
	#screen .title { background-image:url(../images/title.jpg); width:900px; height:49px; padding: 15px 30px; float:left 
	}
	
	#screen .block1 { width:420px; background-color:#f1f1f1; padding:30px; float:left
	}
	
	.btn { -webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; padding:8px 16px; background-color:#257be2; color:white; font-weight:bold; text-shadow: 1px 1px 1px #4A4A4A; float:left; font-size:16px; text-decoration:none    }

h1 { font-size:30px; font-weight:bold; margin:0}
h2 { font-size:18px; margin:0}

#screen .block1 p { float:left; color:#353636; font-size:13px}
.clear { clear:both}

#screen .block2 {  padding:30px; float:left; width:420px;
	}
#screen .block2 img { float:left; margin-right:30px	}
#screen .block2 p { float:left; width:338px; font-size:14px; color:#2e2e2e }


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}

.morado{ color:#a707a7}
.azul { color:#257be2}
.blanco { color:white}
.amarillo { color:#f7fa05}

.logo {position:absolute; left: -10px; top:-56px}
.footer { position:fixed; height:20px; font-size:12px; background-color:#0a4791; bottom:0; width:100%; padding:15px 0px 10px 0px}
.container { width:960px; margin: 0 auto; color:white}