body {
  
  min-height: 100vh;
background-color:#ECF0F1 ;
}
#arriba{
float:left;
margin-left: auto;
margin-right: auto;
height:160px;
width:1325px;
padding:5px;
font-family: Lucida Handwriting;
color: #00FA9A;
border: 0px solid;
background:linear-gradient(30deg, #FFC300 , #DFCC10    , #2F8930  ,#347F35    , #316C4F  );
}

#fondo{
float:left;
margin-left: auto;
margin-right: auto;
height:2325px;
width:1335px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color:white;
background-color:#F2F4F4  ;
}

#espacio{
float:center;
padding:15px;
margin-left: auto;
margin-right: auto;
height:170px;
width:1300px;
font-family:Calibri ;
text-align:right;
font-size:15px;
font-weight bold;
border: #58D68D 2.5px solid;
border-radius: 20px;
background-color:#58D68D  ;
color:#000000;
}

#titulo{
float:center;
padding:15px;
margin-left: auto;
margin-right: auto;
height:50px;
width:1200px;
font-family:Lucida Brigh;
text-align:left;
font-size:40px;
color:#1A5276  ;
background-color:#F2F4F4 ;
border-bottom: #1A5276   2.5px solid;
}

#espacio1{
float:right;
margin-left: auto;
margin-right: auto;
height:01px;
width:1350px;
font-family: Lucida Handwriting;
color: #00FA9A;
border: 0px solid;

}

#contenido 
{
float:left;
margin-left: auto;
margin-right: auto;
height:2000px;
width:1060px;
font-family:Lucida Brigh;
text-align:left;
font-size:10px;
color:#1A5276  ;
background-color:#F2F4F4;

}

#fecha{
text-align:right;
float:right;
padding:10px;
margin-left: auto;
margin-right: auto;
height:20px;
width:415px;
font-family:Century Gothic;
font-size:20pt;
font-weight:bold;
}


#menu {
float:right;
margin-left: auto;
margin-right: auto;
height:350px;
width:270px;
font-family:Lucida Brigh;
text-align:left;
font-size:18px;
color:#1A5276  ;
}

ul.acorh,
ul.acorh * {
margin: 0;
padding: 0;
border: 0;
}

ul.acorh {
display: block;
margin: 10px auto;
padding: 0;
list-style: none;
width: 100%;
font-size: 18px;
}

ul.acorh li {
list-style: none;
}

ul.acorh li a {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
display: block;
padding: 10px 10px 10px 20px;
background: #333;
color: #eee;
border-bottom: 1px solid #000;
border-top: 1px solid #666;
text-decoration: none;
box-sizing: border-box;
}



ul.acorh li li a {
padding: 10px 10px 10px 40px;
background: #999;
color: #000;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
border: 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}

ul.acorc li li:last-child a {
border-bottom: 0;
}

ul.acorh li:hover ul {
max-height: 600px;
transition: .3s all ease-in;
}

ul.acorh li a:hover {
background: #666;
color: #fff;
}

 #fondocolas{
float:center;
margin-left: auto;
margin-right: auto;
height:4700px;
width:1020px;
padding:15px;
border:#707B7C 0px solid;
border-radius: 20px;
font-family: 'Open Sans', sans-serif;
 font-size: 15px;
color:white;
background-color:#F2F4F4  ;

}


#titulocolas{
float:left;
padding:15px;
margin-left: auto;
margin-right: auto;
height:500px;
width:80px;
font-family:Lucida Fax;
text-align:center;
font-size:45px;
font-weight bold;
 border-right: #1A5276 2.5px solid;
 border-left: #1A5276 2.5px solid;
background-color:#AED6F1   ;
color:#000000;
}

#colas{
float:right;
padding:15px;
margin-left: auto;
margin-right: auto;
height:4700px;
width:880px;
font-family:Calibri ;
text-align:left;
font-size:14px;
border: #F2F4F4  1px solid;
background-color:#D1ACB8    ;
color:#000000;
}