* {margin: 0; padding: 0; box-sizing: border-box;}
html {scroll-behavior:smooth;}
.inicio {margin-bottom:10px;}
body{font-family: 'Noto Sans JP', sans-serif;font-size:14px; background-color:#f2f2f2; color:#6d6d6d;}
a {text-decoration: none;outline: none;}
/* * ============================== */
/* * ============ HEADER ========== */
/* * ============================== */
.navbar {background: #FFCD48;position:sticky;top:0;}
.navbar a {color: #fff;display: inline-block;padding: 10px;width: 100%;text-align: center;color: #000;transition: .3s ease-out all;font-size:16px;}
.navbar a:hover {background: #1D2F3D;color: #fff;text-decoration: none;}
.contenedormenu {max-width: 1000px;width: 90%;margin: auto;display: flex;justify-content: space-between;}
/* * ============================== */
/* * ===== CONTENEDOR IMAGEN ====== */
/* * ============================== */
.contenedormenu-imagen img {width: 100%;height: 100%;vertical-align: top;object-fit: cover;object-position: 0 bottom;}


/* * ============================== */
/* * ============ MAIN ============ */
/* * ============================== */
#header{line-height:28px;width:768px;margin:0 auto;margin-top:4px;padding:6px;border:1px solid #ddd;} 
#page{width:98%;padding:10px;margin:0 auto;margin-top:0px;}
#migaspan,.migaspan{font-size:14px;margin-top:-8px;}
h1,h2,h3,h4{font-weight:normal;}
h1{font-size:40px;line-height:40px;margin:12px 0 12px 0;color:#0c95c9;}
h2{font-size:32px;line-height:30px;
margin-bottom:20px;}
h3{font-size:30px;line-height:26px;}
h4{font-size:26px;line-height:26px;}
h2,h3,h4{color:#000000;}
img, iframe, .video-responsive{max-width:100%;height:auto;border:0;border-radius:5px;}
#page img{margin:8px 0 8px 0;}
.imgcel{float:right;} 
.sep{margin:22px 0 22px 0;width:40%;text-align:left;border:1px solid #ddd;}
.intro{background-color:#d4eefd;padding:8px;margin:12px 0 12px 0;
font-size:10px; border-radius:10px;
text-align:justify;}
.marco1{border:1px solid #ccc;padding:12px;margin:12px 0 12px 0;}
.marco2{border:2px solid #56aaf3;padding:12px;margin:12px 0 12px 0;}
.marco3{border:1px solid #ff8f00;padding:12px;margin:12px 0 12px 0;}
.blue1{background-color:#d4eefd;padding:12px;margin:12px 0 12px 0;}
.blue2{
	background-color: #d4eefd;
	border: 1px solid #bce8f1;
	padding: 12px;
	margin: 12px 0 12px 0;
	font-size: 0.9em;
	color: #0033FF;
	height:auto;
	
}

.imgbox{
	width:100%;
	background-color:#399;
	border: 1px solid #bce8f1;
	margin-left: auto;
    margin-right: auto;
    display: block;
	
}

.divPadre{
	width:100%;
	background-color: #d4eefd;
	border: 1px solid #bce8f1;
	text-align:center;
	margin-top:2px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:2px;
	border-radius:10px;

	
}
.divHijo{
	color:#000;
	font-size:12px;
	
	margin-left:5px;
	margin-right:5px;

	
}




.relp{margin:6px 0 6px 0;line-height:30px;}
.cfoto{margin-top:12px;font-style:italic;}
.tfoto{margin:8px 0 12px 0px;}
#post3{clear:both;margin-top:10px;padding:6px;background-color:#b7e5ff;text-align:center;font-size:14px;line-height:24px;}
#footer{width:90%;height:49px;margin:0 auto;padding-top:10px;}
#footer p{margin:0;text-align:center;line-height:normal;font-size:12px;}
#footer a{color:#064f78;}
#up{position:fixed;right:20px;bottom:20px;opacity:0.300000011920928955078125;}
/* PRE y CODE */
pre{overflow:auto;font-family:monospace,monospace;border:1px solid #999;page-break-inside: avoid;display:block;padding:10px;margin:12px 0 10px;font-size:15px;line-height:1.4em;color: #333;word-break:break-all;word-wrap: break-word;background-color:#f5f5f5;border:1px solid #ccc;}pre code{white-space:pre-wrap;}.pre-scrollable{max-height:280px;overflow-y:scroll;}
/* BOTONES */
.btn{margin:2px 0 2px 0;color:#ffffff;font-weight:bold;display:inline-block;padding:6px 12px;font-size:16px;text-align:center;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:0px;outline:0;}
.btn2{margin:16px 6px 2px 0;color:#ffffff;font-weight:bold;display:inline-block;padding:6px 12px;font-size:16px;text-align:center;cursor:pointer;outline:0;float:left;}
.btn2 a {color:#ffffff;text-decoration:none;}
.fb{background-color:#3b5998;}.fb:hover{background-color:#7986cb;}.gp{background-color:#dd4b39;}.gp:hover{background-color:#f87362;}.tw{background-color:#55acee;}.tw:hover{background-color:#97d1fc;}.li{background-color:#007bb5;}
.li:hover{background-color:#5daed4;}.pint{background-color:#2bb24c;}.pint:hover{background-color:#50eb76;}.ins{background-color:#f571c8;}.ins:hover{background-color:#fab5e3;}
.fbtn{clear:both;}
.vejez {font-size: 12px;text-align: justify;}
.quevejez {color: #0033CC;}

#header #page .intro p {font-size: 16px;}
.dejale, .dejalegreen, .dejalered {color: #0000FF;font-size: 12px;}
.dejalegreen {color:#23AF04;}
.left {
	text-align:left;
	align:left;}
.dejalered {color:#F72A09;}
.dejale1 {color: #00000;font-size: 12px;}
.dejaleunderline {color: #0000FF;font-size: 12px;text-decoration:underline;}
.divcontenedor{border:1px solid black;width:auto;height:auto;background-color: #d4eefd;text-align:center;align-items: center;
display: flex;justify-content: center;border-radius:10px;}
 .divA{float:left;width:auto;height:auto;background-color:transparent;}
.divB{float:left;width:auto;height:auto;color: #0033CC;background-color:#FC6;}
.contenedor{width:100%;height:auto;background-color:#d4eefd;text-align:center;align-items: center;display: flex;justify-content: center;margin-bottom:10px;margin-top:10px;display:flex;justify-content: space-around; flex-flow: wrap;border-radius:10px;}
.box, .box_1{width:43%;background-color:transparent;margin:5px;font-size:12px;text-justify:auto;text-align:center;align:justify;color:#6d6d6d;box-sizing:border-box;}
.textobox, .box_1{text-align:justify;}
.centerbox{text-align:center;
font-size:14px;}
.divsincolor{font-size:12px;}
.intro2{text-align:justify;padding-left:05px;padding-right:05px;border-radius:10px;}
.intro3{background-color:#d4eefd;padding:8px;font-size:12px; width:90%; margin:0px auto; border: 5px solid #bce8f1;margin-bottom:5px;margin-top:5px;padding-left:3px;padding-right:3px;border-radius:10px;}
.intro4{background-color:#68ABF1;padding:8pxfont-size:12px; width:90%; margin:0px auto; border: 5px solid #0C549E;margin-bottom:5px;margin-top:5px;padding-left:3px;padding-right:3px;color:#FFF;text-align:justify;border-radius:10px;}
.intro10{background-color:#d4eefd;padding:8px;font-size:12px; width:80%; margin:0px auto; border: 5px solid #bce8f1;margin-top:10px;text-align:justify;border-radius:10px;}
.intro12, .intro1{background-color:#d4eefd;padding:8px;font-size:12px; margin:0px auto; border: 3px solid #bce8f1;text-align:center;text-align:justify;margin-top:10px;argin-bottom:5px;border-radius:10px;}
.intro1{border: 5px solid #bce8f1;}


.sobrecuadro, .sobrecuadrowhite{width:auto;text-align:center;font-size:16px;color:#0c95c9;;}
.sobrecuadrowhite{color:#FFF;}
.ir-arriba {padding:10px;display:inline-block;background:#024959;color:#fff;position: fixed;font-size:20px;bottom:20px;right:20px;display:none;cursor:pointer;}

.blue22{
	background-color: #d4eefd;
	border: 1px solid #bce8f1;
	padding: 12px;
	margin: 12px 0 12px 0;
	font-size: 0.9em;
	color: #0033FF;
	height:auto;
}

.sociales{
	font-size:12px;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed
.video-responsive video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	
.socialestitulo{
	font-size:16px;
	color:#0000FF;
	margin:10px 10px 10px 10px;
}	
.socialesiconos{
	font-size:16px;
	color:#0000FF;
	margin:10px 10px 10px 40px;
}	
.socialesfollow{
	width:90px;
	height:20px;
	background-color:#03C;
	color:#CCC;
}	

@media screen and (min-width:300px) and (max-width:860px) {
#header{width:98%;}
.navbar .contenedormenu {flex-wrap: wrap;margin: 0;width: 100%;}
.navbar a {width: auto;flex: 1;}
.contenedormenu-imagen {height: 100%;}
.contenedormenu-imagen img {max-width:100%;}
main .contenedor {flex-direction: column;}
aside {display: none !important;}


}
@media screen and (min-width:300px) and (max-width:800px) {
#header{width:98%;padding:2px;border:0;}
#page{padding:4px;}
#migaspan,.migaspan{margin-top:0px;}
.box{width:40%;}
aside, MARQUEE {display: none !important;} 


}
@media screen and (max-width:479px) {
.navbar a {font-size:10px;}
#header{font-size:16px;line-height:24px;}
h1{font-size:20px;line-height:36px;}h2{font-size:24px;line-height:30px;}h3{font-size:20px;line-height:28px;}
h4{font-size:22px;}
.imgcel{float:none;margin:8px 0 6px 0;display:block;} 
.sep{margin:16px 0 16px 0;}
.marco1,.marco2,.marco3{line-height:22px;}
.box, .box_1{width:90%;}
.intro3,.intro1{width:95%;}
.intro4{width:auto;}	
aside, MARQUEE {display: none !important;} 
/* BOTONES */
.btn{font-size:15px;padding:5px 12px;}
#migaspan,.migaspan{font-size:13px;}
.ir-arriba {padding:10px;}


}