header,nav,section,aside,article,footer,main{
	display:block;
}
body{
	background-color:#fff;	  
	font-family:"Comoc Sans MS, arial, verdana";
	font-size:18px;
	
}

#contenedor{         
	  width:950px;
      margin:0px auto;       
	  background-color:#eeeeff;  
	  padding:25px;      
	  
}
#cabecera {
	  width:100%;
	  height:180px;  
}
img  {
	 width:170px;
	 height:auto;
	 float:left;
	 padding-left:10px;
	 }
#cabecera h1{
	  box-shadow:30px 10px 20px #aaa;
	  width:100%;
	  height:auto;
	  padding-left:180px;
	  padding-top:0px;
	  font-style:normal;   
	  font-weight:lighter;  
      font-size:80px;      
	  color:navy;       
	  position:absolute;
      float:left;
	  box-sizing:border-box;
	  text-shadow : 3px 3px 5px #fff,
			        6px 6px 5px #aaa,
					9px 9px 5px #bbb;	 			
}
#logo img{
	width:255px;
	height:auto;
}
.navegacion{
	width:100%;
}
.navegacion nav{
	background-color:#06C;
	width:98%;   
	max-width:930px;
	margin:auto;
	padding:10px;
	float:left;
}
.navegacion  ul {
	margin:auto;
	padding:0;
	list-style-type:none;
	float:left;
}
.boton-menu{
	display:none;
}
.boton-menu span{
	color:#000;
	font-size:25px;
	cursor:pointer;
	display:block;
	margin:0px;
	height:auto;
}
.menu{
    list-style:none;
	width:100%;
}
.menu li {
	display:inline-block;    
}
.menu li a{
	display:block;
	height:30px;             
	line-height:40px;
	padding:0px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	transition:0.75s;
	
}
.menu li a:hover {
	background-color:#84A6DF;
	color:#FFF;
	transition:0.75s;
}

main{                
	width:100%;
	box-sizing:border-box;
	background:#fafafa;
	margin-top:0px;
	
}
a:link{
	text-decoration:none;
}
aside{
	width:25%;
	font-family:verdana;
	font-size:14px;
	box-sizing:border-box;
	float:right;
	min-height:400px;
	background-color:#ffffff;
	margin-right:20px;
	padding:8px 10px;
}
aside p a{
	color:navy;
}
#bloquelateral p a:hover{
	background-color:#84A6DF; 
	color:#FFF;     
	transition:0.75s;
}

aside img{
	width:50%;
	height:auto;
	display:block;
	margin:auto;
}
a:link{
	text-decoration:none;
}

footer{
	margin-left:10px;
	margin-bottom:10px;
}
h2 {
   font-family:Gotham,"Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size:20px;
   color:#333;
   margin-top:50px;
   margin-bottom:30px;
   text-align:center;
   text-shadow:5px 5px 5px #aaa;
  	     
}
#nombre p a{
	font-family:verdana;
	font-size:10px;
	float:right;
	color:#000080;
	padding-right:10px;
	margin-right:25px;
}
#nombre p a :hover{
	background-color:#84A6DF; 
	color:#FFF;     
	transition:0.75s;
}
#cuerpo{
	 width:100%;    
	 padding:0px;
	 padding-bottom:36px;
	 
} 
#cuerpo h2{
	    font-family:arial,verdana; 
		font-size:30px;
        color:navy;
        padding:0px;		
}
#cuerpo h3{
	    font-family:verdana;
        font-size:13px; 
		color:navy;	
		padding-top:0px;
}
#cuerpo h4{
	     font-family:verdana;
         font-size:13px;
         color:navy;		 
         		 
}
#texto{
	width:95%;
	font-family:verdana;
	text-align:justify;
	font-size:15px;
}
#subtitulo{
	text-align:left;
	font-family:verdana;
	font-size:18px;
	padding-top:40px;
	color:navy;
}
section{
	text-align:left;
	width:70%;
	margin:1%;
	padding:15px;
}
article {
 	 margin-bottom:25px;
	 padding:10px;
}

footer{
	    clear:both;
	    text-align:center;
		font-size:13px;
		padding-top:10px;
}
.box1{
	box-shadow:30px 10px 20px #aaa;
	width:40%;
	border:thin solid #eeeeff;
	background-color:#ffffff;
	color:navy;
	font-family:verdana;
	font-size:16px;
	padding:10px;
}
.box2{
	box-shadow:30px 10px 20px #aaa;
	width:40%;
	font-family:verdana;
	font-size:16px;
	border:thin solid #eeeeff;
	background-color:#ffffff;
	color:navy;
	padding:10px;
}
.box3{
	box-shadow:30px 10px 20px #aaa;
	width:40%;
	font-family:verdana;
	font-size:16px;
	border:thin solid #eeeeff;
	background-color:#ffffff;
	color:navy;
	padding:10px;
}
.frasefinal{
	   color:#CC0033;
	   text-align:center;
	   font-size:20px;
}
.icono-imprimir{
	color:#000;
	width:25px;
	height:auto;
	cursor:pointer;
	margin-top:5px;
	display:block;
}

@media print{
	header,nav,footer,aside, .icono-imprimir {display:none;} 
	
}
.reloj-fecha{
	background-size:cover;
	color:#fff;   
	font-size:10px;
	width:90%;
	height:auto;
	margin:-40px;
	padding:0px;
}
.wrap {
	width:90%;
	max-width:1000px;
	margin:auto;   
}
.widget {
	position:relative;
	left:50em;
	width:40%;
	margin:2em; 
}
.widget p {
	display:inline;
	line-height: 1em;
}
.fecha {
	font-family:Oswald, Arial;
	text-align:center;
	font-size:15px;
	background:#06C;
	padding:0px;
	padding-top:4px;
	margin:0px;
	width:100%;
	display:inline-block;
}
.reloj{
	font-family:Oswald, Arial;
	width:100%;
	padding:0px;
	font-size:20px;
	text-align:center;
	background:#06C;
	margin-top:1px;
	display:inline-block;
}
.reloj .caja-segundos {
	display:block;
}

.reloj .ampm {
	font-size:1rem;
	display: inline-block;
}