body {font-family: Calibri, Verdana; color: rgba(160,29,0,1.00);
	text-align: justify;
	background-color: rgba(255,225,192,1.00);
	font-size: large;}
	
a{text-decoration: none; }
a:link, a:visited {text-decoration: underline; color: rgba(112,63,0,1.00);}


a:hover{text-decoration: underline;}


ul ul ul ul { list-style-type: disc; }
ul ul ul ul ul { list-style-type: circle; }
ul ul ul ul ul ul { list-style-type: square; }
ul ul ul ul ul ul ul { list-style-type: disc; }
ul ul ul ul ul ul ul ul { list-style-type: circle; }
ul ul ul ul ul ul ul ul ul { list-style-type: square; }


h1{font-size: 150%;}
h2{font-size: 140%;}
h3{font-size: 130%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 110%;}


article {padding:0px;}/**/

header { display:flex; flex-wrap:nowrap; justify-content: space-between; align-items: center; align-content: flex-start;} 
header > div {flex-grow:0; }

footer {clear: both;}

/***********************************************/
/* Layout Divs por ID                             */
/***********************************************/

#fondoclaro {background-color: rgba(255,225,192,1.00);}

#menucss {white-space: nowrap; width:100%; text-align: center; font-size: 130%; font-style:bold; float:left; text-align: center; color:rgba(246,234,191,1.00); margin-bottom: 20px; } 
#menucss ul {list-style-type: none; margin: 0px; padding: 0px; border: 0;} 
#menucss ul li ul {display: none; background-color: rgba(116,74,12,0.00); box-shadow:none; } 
#menucss ul li:hover > ul {display: block; position: absolute; top: 36px; left:0px; min-width:100%; } /**/
#menucss>ul>li {display: inline-block; width:13.3%; margin: 0px 0.75% 0px 0px; padding: 5px 0px; background-color: rgba(180,76,0,1.00); border-radius: 5px; box-shadow: 0px 3px 2px gray;}
#menucss ul li a {text-decoration:none; color:rgba(246,234,191,1.00);} 
#menucss ul li:hover {position: relative;}
#menucss>ul>li>ul>li {display: block; white-space: normal; font-size:90%; margin: 9px 0px; padding:4px 4px; background-color: rgba(180,76,0,1.00);  border-radius: 20px 0px 20px 0px; box-shadow: 2px 3px 2px gray;}

#MagicImage {
	width: 450px;
	height: 366px;
	float: right;
	margin-top: 0px;
	margin-left: 10px;
	padding: 0px;
	/*border: #cccccc 1px solid;
	background-image: url(../img/fondo.jpg);*/
	border-radius: 0px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
#pad0505 {padding: 0px 10px 0px 10px;}
#pad0500 {padding: 0px 10px 0px 0px;}

/***********************************************/
/* Components por CLASS                           */
/***********************************************/
/************** .feature styles ***************/
.sombra5 { width:160px; height:407px;  padding: 3px 0px 0px 0px; box-shadow: 5px 5px 3px gray;}
.titulopag {text-align: center; background-color: rgba(180,76,0,1.00); color:rgba(246,234,191,1.00); padding: 10px 0px 10px 0px; border-radius: 40px 40px 40px 40px; box-shadow: 5px 5px 5px grey;}
.pad1000 {padding: 3px 0px 0px 0px;}

.text_60 {font-size: 60%;}
.text_80 {font-size: 80%;}
.text_80C {font-size: 80%; text-align: center;}
.text_80j {font-size: 80%; text-align: justify;}
.text_80D {font-size: 80%; text-align: right;}
.text_c {text-align: center;}
.text_i {text-align: left;}
.text_j {text-align: justify;}
.text_d {text-align: right;}
.text_120 {font-size: 120%;}
.text_120C {font-size: 120%; text-align: center;}
.text_120j {font-size: 120%; text-align: justify;}
.text_120D {font-size: 120%; text-align: right;}