#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;
}
div#div-footer {
width : 208px;
margin-left : auto;
margin-right : auto;
}
.Tipoazul {
color : #06F;
font : bold 18px Arial, Helvetica, sans-serif;
}
.Tipoazulchica {
color : #0CF;
font : bold 15px Arial, Helvetica, sans-serif;
font-weight : normal;
}
.Titulos {
     color: #FFCC33;
	 font: bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.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;
}
.Tipografiaroja {
     color: #FF0000;
	 font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#div-menu-glosario {
width : 155px;
margin-left: 1px;
margin-top: 25px;
float : left;
border : #F00 solid 1px;
border-radius : 10px;
}
div#div-contenido-glosario {
width : 80%;
float : right;
border : #F00 solid 1px;
border-radius : 8px;
margin-top: 25px;
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: 3px 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: 140px;
	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: 3px solid #000000;
	display: inline-block;
	color: #7d077d;
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	height: 42px;
	line-height: 45px;
	width: 140px;
	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;
}
li {
margin-bottom: 8px;
}
@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-contenido-glosario {
width : 80%;;
float : right;
border : #F00 solid 1px;
border-radius : 8px;
margin-top: 25px;
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 {
box-shadow : 0 0 0 0 #ffffff inset;
background-color : #fffcff;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
text-indent : 0;
border : #000000 solid 4px;
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-color : #6E6E6E;
}
.botones:active {
position : relative;
top : 1px;
}
.botones2lineas {
box-shadow : 0 0 0 0 #ffffff inset;
background-color : #fffcff;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
text-indent : 0;
border : #000000 solid 4px;
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-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;
}
div#div-menu-glosario {
	width: 85%;
	margin-left: 10px;
    margin-top: 25px;
    clear : both;
	border:1px solid #F00;
	border-radius: 10px;
}
div#div-contenido-glosario {
width : 85%;;
float : right;
border : #F00 solid 1px;
border-radius : 8px;
margin-top: 25px;
padding-bottom : 3px;
padding-right : 22px;
padding-left : 3px;
}
.bloque1 {
float : left;
}
.bloque2 {
clear : left;
}
.bloque3 {
clear : left;
}
.bloque4 {
clear : left;
width : auto;
}
.botones {
box-shadow : 0 0 0 0 #ffffff inset;
background-color : #fffcff;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
text-indent : 0;
border : #000000 solid 4px;
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-color : #6E6E6E;
}
.botones:active {
position : relative;
top : 1px;
}
.botones2lineas {
box-shadow : 0 0 0 0 #ffffff inset;
background-color : #fffcff;
border-top-left-radius : 6px;
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
border-bottom-left-radius : 6px;
text-indent : 0;
border : #000000 solid 4px;
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-color : #6E6E6E;
}
.botones2lineas:active {
position : relative;
top : 1px;
}
li {
margin-bottom: 20px;
}
}