body, html {
	font-weight: normal; 
	font-size: 18px; 
	color: #000; 
	font-family: 'Poppins', 'Open Sans', 'Sans serif';
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #eee; 	
}
iframe {width: 100%; border:0px;}
img { border: 0; }
h2 { font-size: 40px; font-weight: 700; color: #00c;}
h3 { font-size: 36px; font-weight: 700; }
h4 { font-size: 32px; font-weight: 700; }
h5 { font-size: 28px; font-weight: 700; }
h6 { font-size: 24px; font-weight: 700; }

.titulo {font-size: 28px;	font-weight: 700;}
.subtitulo {font-size: 20px;	font-weight: 700;}

.contenedortotal {width: 100%; margin: 0px auto; background-color: #fff; overflow: auto;}
.contenedorflexible {width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; padding: 0px; border: 0px; justify-content: center;}
.contenedorgrande {width: 1200px; margin: 0px auto; display: flex; flex-wrap: wrap; padding: 0px; border: 0px; justify-content: center;}
.contenedorgrande > div {box-sizing: border-box; margin: 0px 10px 0px 10px;	padding: 10px 0px 10px 0px;}
.contenedormedio {width: 800px; margin: 0px auto; display: flex; flex-wrap: wrap; padding: 0px; border: 0px; justify-content: center;}
.contenedormedio > div {box-sizing: border-box; margin: 0px 10px 0px 10px;	padding: 10px 0px 10px 0px;}
.contenedorfino {width: 400px; margin: 0px auto; display: flex; flex-wrap: wrap; padding: 0px; border: 0px; justify-content: center;}
.contenedorfino > div {box-sizing: border-box; margin: 0px 10px 0px 10px;	padding: 10px 0px 10px 0px;}

.caja800 { width:780px; border:0px solid; margin: 10px; padding: 10px 0px 10px 0px; overflow:hidden; box-sizing: border-box;}
.caja600 { width:580px; border:0px solid; margin: 10px; padding: 10px 0px 10px 0px; overflow:hidden; box-sizing: border-box;}
.caja400 { width:380px; border:0px solid; margin: 10px; padding: 10px 0px 10px 0px; overflow:hidden; box-sizing: border-box;}
.caja300 { width:280px; border:0px solid; margin: 10px; padding: 10px 0px 10px 0px; overflow:hidden; box-sizing: border-box;}
.cajagraficodeformulario { width:380px; border:0px solid; margin: 10px; padding: 10px 0px 10px 0px; overflow:hidden; box-sizing: border-box;}
.pagina { width:100%; margin:0px auto; background-color: #fff; padding: 10px 0px 10px 0px; overflow: hidden;}
.hoja { margin:0px auto; vertical-align: top; }

.banda { margin:0px auto; text-align:center; }
.logosuperior {width: 280px; padding: 10px; text-align: center; float: auto; }

.barra {font-size: 20px; font-weight: bold; color: #fff;}

.rayagrande { width:1200px; margin:0px auto; overflow: hidden; height: 1px; background:#333333; }
.rayamedia { width:800px; margin:0px auto; overflow: hidden; height: 1px; background:#333333; }
.rayafina { width:400px; margin:0px auto; overflow: hidden; height: 1px; background:#333333; }
.raya { width:100%; margin:0px auto; overflow: hidden; height: 1px; background:#333333; }

.titulodeseccion {font-weight: bold; vertical-align: top; text-align: center; font-size: 18px; color: #333;}
.titulodeblog {font-weight: bold; vertical-align: top; text-align: left; font-size: 18px; color: #333;}

.boton {border: #333 1px solid;	padding: 0px, 8px, 0px, 8px; background: #ddd; line-height: 1em;}

.rojo {color: #f00; }
.verde {color: #0f0;}
.azul {color: #00f; }
.amarillo {color: #ff0; }
.naranja {color: #c60; }
.violeta {color: #90c; }
.rojooscuro {color: #900; }
.verdeoscuro {color: #060;}
.azuloscuro {color: #009; }
.blanco {color: #eee; }
.negro {color: #111; }