@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);

html, body {
	background:rgb(255,255,255);
	margin:0;
	padding:0;
	font-family: 'Source Code Pro', Helvetica, Arial, sans-serif;
	font-size:16px;
	width:100%;
	}
	
header {
	width:100%;
	}
	
#franjacabecera {
	position:relative;
	width:100%;
	height:75px;
	background:rgba(65,108,163,1);
	margin-top:25px;;
	}
	
#textofranjacabecera {
	text-align:center;
	font-size: 1.5em;
	font-weight:bold;
	letter-spacing:0.6em;
	padding-top:7px;
	color:rgb(255,255,255);
	}
	
#zonacentro {
	margin:0 auto;
	}

#boxdiseno {
	margin:0 auto;
	margin-top:25px;
	width:95%;
	height:650px;
	border:rgba(65,108,163,1) 1px solid;
	border-radius:5px; 
	}
	
#titulobox {
	margin:0 auto;
	text-align:center;
	font-size: 1.8em;
	font-weight:bold;
	letter-spacing:0.3em;
	background:rgba(65,108,163,1);
	color:rgb(255,255,255);	 
	}
	
#box1 {
	margin:0 auto;
	margin-top:15px;
	width:100%;
	text-align:center;
	}
	
#box2 {
	margin:0 auto;
	margin-top:15px;
	width:100%;
	text-align:center;
	}
	
#box3 {
	margin:0 auto;
	margin-top:15px;
	width:100%;
	text-align:center;
	}
	
#txtexplica {
	text-align:center;
	color:rgba(65,108,163,1);
	font-size:18px;
	margin-top:215px;
	}
	
.relleno {
	clear: both;
	padding-top: 11em;
	}
	
footer {
	background:rgba(65,108,163,1);
	color:rgb(255,255,255);
	height:625px;
	}
	
#pie1 {
	text-align:left;
	margin-top:3px;
	padding-left:5px;
	width:100%;
	padding-left:3px;
	}
	
#titulopie1 {
	text-align:center;
	}
	
#lista1 {
	font-size:14px;
	}
	
#lista1 ul {
	list-style:none;
	}
	
#lista1 a {
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#lista1 a:hover {
	text-decoration:underline;
	color:rgb(255,255,255);
	}
	
#pie2 {
	text-align:left;
	margin-top:3px;
	width:100%;
	padding-left:3px;
	}
	
#titulopie2 {
	text-align:center;
	}
	
#lista2 {
	font-size:14px;
	}
	
#lista2 ul {
	list-style:none;
	}
	
#lista2 a {
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#lista2 a:hover {
	text-decoration:underline;
	color:rgb(255,255,255);
	}
	
#pie3 {
	text-align:left;
	margin-top:3px;
	width:100%;
	padding-left:3px;
	}
	
#titulopie3 {
	text-align:center;
	}
	
#lista3 {
	font-size:14px;
	}
	
#lista3 ul {
	list-style:none;
	}
	
#lista3 a {
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#lista3 a:hover {
	text-decoration:underline;
	color:rgb(255,255,255);
	}
	
#pie4 {
	text-align:left;
	margin-top:3px;
	width:100%;
	padding-left:3px;
	}
	
#titulopie4 {
	text-align:center;
	}
	
#lista4 {
	font-size:14px;
	}
	
#lista4 ul {
	list-style:none;
	}
	
#lista4 li {
	display:inline;
	}
	
#lista4 a {
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#lista4 a:hover {
	text-decoration:underline;
	color:rgb(255,255,255);
	opacity:0.5;
	}
	
#pie5 {
	text-align:left;
	margin-top:3px;
	width:100%;
	padding-left:3px;
    }
	
#titulopie5 {
	text-align:center;
	}

#lista5 {
	font-size:14px;
	}
	
#lista5 ul {
	list-style:none;
	}
	
#lista5 a {
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#lista5 a:hover {
	text-decoration:underline;
	color:rgb(255,255,255);
	}
	
#piecopy {
	margin-top:15px;
	text-align:center;
	font-size:10px;
	}