@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;
	height:100%;
    width:100%;	
	}
	
#contenido {
	width:100%;
    margin: auto;
    height: auto;
    min-height:100%;	
	}
	
#contenido:after {
	width: 100%;
    height:160px;
    display:block;
    clear:both;
	}
	
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: 2.3em;
	font-weight:bold;
	letter-spacing:0.6em;
	padding-top:12px;
	color:rgb(255,255,255);
	}
	
#zonacentro {
	margin:0 auto;
	}

#boxdiseno {
	margin:0 auto;
	margin-top:25px;
	width:70%;
	height:300px;
	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 {
	float:left;
	margin:0 auto;
	margin-top:15px;
	width:33%;
	text-align:center;
	}
	
#box2 {
	float:left;
	margin:0 auto;
	margin-top:15px;
	width:33%;
	text-align:center;
	}
	
#box3 {
	float:left;
	margin:0 auto;
	margin-top:15px;
	width:33%;
	text-align:center;
	}
	
#txtexplica {
	text-align:center;
	color:rgba(65,108,163,1);
	font-size:18px;
	margin-top:215px;
	}
	
.relleno {
/*	clear: both;
	padding-top: 3em; */
	}
	
footer {
	background:rgba(65,108,163,1);
	color:rgb(255,255,255);
	height:160px;
    margin: -160px auto 0;
	}
	
#pie1 {
	float:left;
	text-align:left;
	margin-top:3px;
	width:18%;
	padding-left:3px;
	}
	
#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 {
	float:left;
	text-align:left;
	margin-top:3px;
	width:15%;
	padding-left:3px;
	}
	
#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 {
	float:left;
	text-align:left;
	margin-top:3px;
	width:15%;
	padding-left:3px;
	}
	
#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 {
	float:left;
	text-align:left;
	margin-top:3px;
	width:20%;
	padding-left:3px;
	}
	
#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 {
	float:left;
	text-align:left;
	margin-top:3px;
	width:25%;
	padding-left:3px;
    }

#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:3px;
	text-align:center;
	font-size:10px;
	}