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        ojo que no se deben repetir por pagina mejor pasarlos a class   */
/***********************************************/

#menucss {white-space: nowrap; width:100%; text-align: center; font-size: 130%; font-style:bold; float:left; 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;
}
/***********************************************/
/* 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;}

.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;}

.buttonize{display:inline-block;padding:.4em .7em;border:1px solid #666;border-radius:8px;background-color:#CCC;background-image:-webkit-linear-gradient(top,#a44c00,#b44c00);background-image:-moz-linear-gradient(top,#a44c00,#b44c00);background-image:linear-gradient(top,#a44c00,#b44c00)}
.buttonize:link,.buttonize:visited,.buttonize:active{text-decoration:none;color:#ffffff}
.buttonize:hover{text-decoration:none;color:rgba(160,29,0,1.00);}
.buttonize:hover{background-color:#BBB;background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(top,#ffffff,#dddddd)}
.buttonize:active{background:#a01d00}
.buttonize.left{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0;border-right-width:0}
.buttonize.middle{border-radius:0;margin-left:0;margin-right:0;border-right-width:0}
.buttonize.right{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}
.buttonize.bold{font-weight:bold}

.pad1000 {padding: 3px 0px 0px 0px;}
.pad0505 {padding: 0px 10px 0px 10px;}
.pad0500 {padding: 0px 10px 0px 0px;}

.img_der {
	float: right;
	padding-top: 10px;	
	padding-left: 10px;
	padding-bottom: 10px;
}
.img_izq {
	float: left;
	padding-top: 10px;	
	padding-right: 10px;
	padding-bottom: 10px;
}
.img_newline {
	clear: both;
}
.art_15 {
	box-sizing:border-box; 
	width: 14%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_25 {
	box-sizing:border-box; 
	width: 23%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_30 {
	box-sizing:border-box; 
	width: 28.5%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_30D {
	box-sizing:border-box; 
	width: 28.5%;
	float: right; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_33 {
	box-sizing:border-box; 
	width: 31.5%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_50 {
	box-sizing:border-box; 
	width: 49%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_50C {
	box-sizing:border-box; 
	width: 49%;
	float: left;
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_50D {
	box-sizing:border-box; 
	width: 49%;
	float: right; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_70 {
	box-sizing:border-box; 
	width: 68%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_100 {
	box-sizing:border-box; 
	width: 99%;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	/*margin-left: 0.8%;*/
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_300px {
	box-sizing:border-box; 
	width: 300px;
	float: left; 
	/*margin-top: 0.5%; */
	margin-bottom: 0.5%;
	/*margin-left: 0.8%;*/
	padding: 5px;
	border: #cccccc 1px solid;
	/*background-image: url(../img/fondo.jpg);*/
	border-radius: 20px 0px 20px 20px;
	box-shadow: 5px 5px 5px grey;
}
.art_0 {
 display:inline-grid;
 /*width: 150px;
 height: 280px; */
margin: 4px;
padding: 5px;
vertical-align: top;

/*background-image: url(../img/fondo.jpg);*/
border: #cccccc 1px solid;	
border-radius: 20px 0px 20px 20px;
box-shadow: 5px 5px 5px grey;
}

.art_0250 {
 display:inline-grid;
 width: 250px;
 /*height: 280px; */
vertical-align: top;
justify-content: center;
text-align: center;
margin: 6px;

padding: auto;

/*background-image: url(../img/fondo.jpg);*/
border: #cccccc 1px solid;	
border-radius: 20px 0px 20px 20px;
box-shadow: 5px 5px 5px grey;
}
.fondoclaro {background-color: rgba(255,225,192,1.00);}