/* - General CSS */
#wrapper {
	width:90%;
    min-width: 0;
	margin-left: auto;
	margin-right: auto;
}
#wrapper2 {
	width:90%;
    min-width: 0;
	clear: both;
	}
#div-menu {
	width:99%;
	margin-left: auto;
	margin-right: auto;}
.bloque1{float:left; width:25%;
}
.bloque2{float:left; width:25%;
}
.bloque3{float:left; width:25%;
}
.bloque4{float:left; width:25%;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #FFCC33;
} 
h1 { font-size: 2.1em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }
hr {
  width: 75%;
  color: #FFCC33;
}
.TitulosChicos {
     color: #FFCC33;
	 font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.TitulosChicosIzquierda {
     color: #FFCC33;
	 font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	 text-align: left;
}
.TitulosNegros {
     color: #000000;
	 font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.texto {
	color: #FFF;
	font:  1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.texto-izquierda {
	color: #FFF;
	font:  1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.textobold {
	color: #FFF;
	font:  bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	}
.textobold-izquierda {
	color: #FFF;
	font:  bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.textobold-sangria {
	color: #FFF;
	font:  bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.texto-justify {
	color: #FFF;
	font:  15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.texto-justify-movil {
	color: #FFF;
	font:  18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.TitulosRojos {
     color: #FF0000;
	 font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#div-menu-glosario {
	width: 160px;
	margin-left: 1px;
	float:left;
	border:1px solid #F00;
	border-radius: 10px;
}
div#div-contenido-glosario {
	width: 707px;
	float:right;
	border:1px solid #F00;
	border-radius: 8px;
	padding-top:3px;
    padding-bottom:3px;
    padding-right:22px;
    padding-left:3px;
}
.texto-glosario {
	color: #FFF;
	font:  13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.botones {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #474747) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 40px;
	width: 158px;
	text-decoration: none;
	text-align: center;
}
.botones:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #6E6E6E 5%, #fffcff 100% );
	background-color: #6E6E6E;
}.botones:active {
	position: relative;
	top: 1px;
}
.botones2lineas {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #6E6E6E) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius :6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 45px;
	width: 159px;
	text-decoration: none;
	text-align: center;
}
.botones2lineas:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #474747 5%, #fffcff 100% );
	background-color: #6E6E6E;
}
.botones2lineas:active {
	position: relative;
	top: 1px;
}
@media only screen and (min-width : 1151px) {
#wrapper {
	width:86%;
    min-width: 0;
	margin-left: auto;
	margin-right: auto;
}
#wrapper2 {
	width:90%;
    min-width: 0;
	clear: both;
	}
#div-menu {
	width:85%;
	margin-left: auto;
	margin-right: auto;}
.bloque1{float:left; width:25%;
}
.bloque2{float:left; width:25%;
}
.bloque3{float:left; width:25%;
}
.bloque4{float:left; width:25%;
}
.texto {
	color: #FFF;
	font:  1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.texto-izquierda {
	color: #FFF;
	font:  1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.textobold {
	color: #FFF;
	font:  bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	}
.textobold-izquierda {
	color: #FFF;
	font:  bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.textobold-sangria {
	color: #FFF;
	font:  bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.texto-justify {
	color: #FFF;
	font:  15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}
.texto-justify-movil {
	color: #FFF;
	font:  18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	}
	div#div-menu-glosario {
	width: 160px;
	margin-left: 1px;
	float:left;
	border:1px solid #F00;
	border-radius: 10px;
}
div#div-contenido-glosario {
	width: 707px;
	float:right;
	border:1px solid #F00;
	border-radius: 8px;
	padding-top:3px;
    padding-bottom:3px;
    padding-right:22px;
    padding-left:3px;
}
.texto-glosario {
	color: #FFF;
	font:  13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
.botones {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #474747) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 40px;
	width: 158px;
	text-decoration: none;
	text-align: center;
}
.botones:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #6E6E6E 5%, #fffcff 100% );
	background-color: #6E6E6E;
}.botones:active {
	position: relative;
	top: 1px;
}
.botones2lineas {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #6E6E6E) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius :6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 45px;
	width: 159px;
	text-decoration: none;
	text-align: center;
}
.botones2lineas:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #474747 5%, #fffcff 100% );
	background-color: #6E6E6E;
}
.botones2lineas:active {
	position: relative;
	top: 1px;
}
}
@media (max-width:568px){ 
#wrapper {
	width: 99%;
    min-width: 0;
	margin-left: auto;
	margin-right: auto;
}
#wrapper2 {
	width:90%;
    min-width: 0;
	clear: both;
	}
#div-menu {
	width: 99%;
    min-width: 50%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.bloque1{float: left;
} 
.bloque2{clear: left;
}
.bloque3{clear: left;
}
.bloque4{clear: left; width:auto;
}
.botones {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #474747) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 40px;
	width: 158px;
	text-decoration: none;
	text-align: center;
}
.botones:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #6E6E6E 5%, #fffcff 100% );
	background-color: #6E6E6E;
}.botones:active {
	position: relative;
	top: 1px;
}
.botones2lineas {
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffcff), color-stop(1, #6E6E6E) );
	background: -moz-linear-gradient( center top, #fffcff 5%, #6E6E6E 100% );
	background-color: #fffcff;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius :6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 4px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family:"Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 45px;
	width: 159px;
	text-decoration: none;
	text-align: center;
}
.botones2lineas:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6E6E6E), color-stop(1, #fffcff) );
	background: -moz-linear-gradient( center top, #474747 5%, #fffcff 100% );
	background-color: #6E6E6E;
}
.botones2lineas:active {
	position: relative;
	top: 1px;
}
}