body {
    padding: 0px;
    margin: 0px;
}

div.initialText {
    background-color: #ADFF2F;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding: 10px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    /* para Firefox */
    -moz-border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Safari y Chrome */
    -webkit-border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    clear: both;
    font-weight: 400;
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
}

div.initialTextmoodle {
    background-color: #ADFF2F;
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    margin-top: -18px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding: 8px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    /* para Firefox */
    -moz-border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Safari y Chrome */
    -webkit-border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    clear: both;
    font-weight: 400;
    font-family: Georgia;
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
}

div.initialText2 {
    background-color: rgba(255, 0, 0, 0.7);
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding: 15px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    /*para Firefox*/
    -moz-border-radius: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    clear: both;
    font-weight: 500;
    font-family: Georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    /*width:100%;*/
    background-color: rgba(255, 0, 0, 0.7);
}

div.recommend {
    /* background-color: #ADFF2F; */
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    /* 	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px; */
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: left;
    /* padding:10px; */
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    /* para Firefox */
    /* -moz-border-radius: 0px 0px 0px 0px;
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); */
    /* para Safari y Chrome */
    /* -webkit-border-radius: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); */
    /* para Opera */
    /* border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5); */
    clear: both;
    font-weight: 400;
    font-family: open sans;
    /* font-style: italic;  */
    font-size: 16px;
    font-weight: 500;
}

div.terms {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    clear: both;
    font-weight: 400;
    font-family: open sans;
    font-size: 16px;
    font-weight: 500;
}

div.opt {
    margin-top: 10px;
    /*width:100%;*/
}

div.dena {
    position: absolute;
    z-index: 20;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

div.back {
    background-color: white;
}

div.dena2 {
    position: absolute;
    z-index: 20;
    width: 220px;
    padding: 0px;
    margin: 0px auto;
    margin-left: 2px;
}

div.dena2moodle {
    position: absolute;
    z-index: 20;
    width: 100%;
    padding: 0px;
    margin: 0px auto;
}

div.goia_sub1 {
    /* background-color: #E6FAFF; */
    background-color: #f4f4f4;
    background-color: #f4f4f4;
}

div.group {}

div.mid {
    width: 20%;
    min-width: 280px;
    float: left;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    background-color: ;
    background-image: url(../Images/marco.png);
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 190px;
    /*margin-left:auto;
margin-right:auto;*/
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    padding-top: 25px;
    /*border: solid 1px;*/
}

div.midoptionsfoto {
    width: 24%;
    min-width: 280px;
    float: left;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    background-color: ;
    background-image: url(../Images/marco.png);
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 190px;
    /*margin-left:auto;
margin-right:auto;*/
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    padding-top: 25px;
    /*border: solid 1px;*/
}

div.midoptionsvideo {
    width: 24%;
    min-width: 280px;
    float: left;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    background-color: ;
    background-image: url(../Images/marco.png);
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 190px;
    /*margin-left:auto;
margin-right:auto;*/
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    padding-top: 25px;
    /*border: solid 1px;*/
}

div.mid2 {
    min-width: 15%;
    float: left;
    border-left: 0px solid gray;
    border-right: 0px solid gray;
    background-color: ;
    min-height: 190px;
    /*margin-left:auto;
margin-right:auto;*/
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    padding-top: 25px;
    /*border: solid 1px;*/
}

div.midint {
    width: 22px;
    min-width: 220px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align: middle;
    border-left: 0px solid gray;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
    min-height: 165px;
    /*-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);*/
}

div.midright {
    width: 63%;
    min-width: 63%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    text-align: middle;
    border: 0px solid gray;
    border-right: 0px solid gray;
}

div.pictures {
    width: 10%;
    height: 217px;
}

div.pictures2 {
    /* width: 10%;
height: 217px; */
}

div.errortext {
    position: absolute;
    left: 595px;
    top: 25px;
    z-index: 20;
    width: 235;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1px;
}

div.areatextos {
    text-align: left;
    /*position: absolute;
left: 78%;
top: 30%;*/
    text-decoration: none;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 14px;
    width: 140px;
    float: left;
}

div.right {
    width: 33%;
    min-width: 33%;
    min-height: 220px;
    float: right;
    /*border: 1px solid;*/
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

div.rightreg {
    min-height: 220px;
    float: left;
    /*border: 1px solid;*/
    min-width: 17%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

div.rightregtexto {
    min-height: 220px;
    float: left;
    /*border: 1px solid;*/
    min-width: 20%;
    margin-left: 3%;
    /*margin: 0px auto;*/
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

div.right1 {
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    padding: 0px;
    margin: 0px auto;
    font-weight: 500;
    min-height: 70px;
    margin-top: 0px;
    vertical-align: middle;
    text-align: center;
    min-width: 150px;
}

div.right2 {
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    padding: 0px;
    font-weight: 500;
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    /*margin-left: 60px;*/
}

div.right1reg {
    clear: both;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    margin: 0px auto;
    font-weight: 500;
    min-height: 60px;
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    padding-top: 40px;
}

div.right2reg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
}

div.right2regtexto {
    display: block;
    margin-left: 5px;
    margin-right: auto;
    margin-top: 6%;
    width: 75px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    float: right;
}

div.rightoptions1 {
    float: left;
    height: 220px;
    background-image: url(../Images/arrow.png);
    background-repeat: no-repeat;
    background-size: 100px 200px;
    background-position: left bottom;
    width: 106px;
    min-height: 220px;
    /*margin: 0px auto;
padding: 0px;
text-align: center;
vertical-align: middle;*/
}

div.rightoptionsreg1 {
    float: left;
    width: 90px;
    height: 220px;
    background-image: url(../Images/arrow.png);
    background-repeat: no-repeat;
    background-size: 90px 200px;
    background-position: left bottom;
    min-width: 90px;
    min-height: 220px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}

div.rightoptionsreg1texto {
    /* float: left;
width: 100;
height: 70;
background-image: url(../Images/arrowcut.png);
background-repeat: no-repeat;
background-size: 90px 65px;
background-position: center;
margin-top: 110px; */
}

div.rightregister1 {
    float: left;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    background-position: left bottom;
    min-width: 106px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    min-height: 220px;
}

div.rightregister1texto {
    float: left;
    background-repeat: no-repeat;
    background-size: 100px 200px;
    background-position: left bottom;
    min-width: 10%;
    margin-top: 1%;
    text-align: center;
    vertical-align: middle;
}

div.vacio {
    min-height: 10px;
    background-color: #0092d1;
    width: 100%;
    border: 0px solid;
    clear: both;
    /* para Firefox
-moz-box-shadow: 0px -12px 12px rgba(0, 0, 0, 0.5);
para Safari y Chrome
-webkit-box-shadow: 0px -12px 12px rgba(0, 0, 0, 0.5);
para Opera
box-shadow: 12px -12px 12px rgba(0, 0, 0, 0.5); 
z-index: 5;*/
}

div.vacio2 {
    min-height: 10px;
    background-color: #ff0000;
    width: 100%;
    border: 0px solid;
}

div.tab {
    border-bottom-left-radius: 75px 10px;
    border-bottom-right-radius: 75px 10px;
    position: relative;
    background-image: url(../Images/SMOWLBlanco.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center top;
    top: 0px;
    left: 80%;
    width: 160px;
    min-height: 30px;
    background-color: #0092d1;
    text-align: right;
    font-weight: 500;
    font-family: georgia;
    color: #fff;
    padding: 0px;
}

div.tab3 {
    border-bottom-left-radius: 75px 10px;
    border-bottom-right-radius: 75px 10px;
    position: relative;
    background-image: url(../Images/SMOWLBlanco.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center top;
    top: 0px;
    left: 80%;
    width: 150px;
    min-height: 30px;
    background-color: #ff0000;
    text-align: center;
    font-weight: 500;
    font-family: georgia;
    color: #fff;
}

div.tab2 {
    border-bottom-left-radius: 75px 10px;
    border-bottom-right-radius: 75px 10px;
    background-image: url(../Images/SMOWLBlanco.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center top;
    width: 100%;
    min-height: 30px;
    background-color: #0092d1;
    text-align: right;
    font-weight: 500;
    font-family: georgia;
    color: #fff;
    padding: 0px;
    margin: 0 auto;
}

div.tab4 {
    background-image: url(../Images/SMOWLBlanco.png);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center top;
    width: 100%;
    min-height: 30px;
    background-color: #0092d1;
    text-align: right;
    font-weight: 500;
    font-family: georgia;
    color: #fff;
    padding: 0px;
    margin: 0 auto;
}

div.corner1 {
    float: left;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    background-color: #0092d1;
}

div.corner2 {
    float: right;
    margin: 0px auto;
    padding: 0px;
    margin-right: 3%;
}

A:link {
    text-decoration: underline;
    color: #32ccdd;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

A:visited {
    text-decoration: none;
    color: #32ccdd;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

A:active {
    text-decoration: none;
    color: #32ccdd;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

A:hover {
    text-decoration: none;
    color: #32ccdd;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 12px;
}

div.form1 {
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    margin-top: -55px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    font-family: Tahoma, Geneva, sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: ;
    line-height: 50px;
    font-weight: ;
    color: #222;
    text-decoration: none;
    text-align: left;
    padding: 35px;
    padding-right: 25px;
    padding-top: 75px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    line-height: 150%;
    vertical-align: middle;
    background-color: ;
    float: left;
    min-width: 350px;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

form {
    padding: 0px;
    margin: 0px auto;
    background-color: ;
}

div.form2 {
    float: left;
    padding: 0px;
    margin: 0 auto;
    background-color: ;
    text-align: center;
    /*margin-left: 35px;*/
    margin: 0px auto;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    min-height: 160px;
    margin-left: 40px;
    margin-top: 60px;
    /*min-width: 33%;
	width: 33%;*/
}

.boton {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 50px;
    width: 100%;
    height: 50px;
    min-width: 220px;
    background-color: rgba(165, 201, 86, 0.7);
    -moz-border-radius: 50% 5px;
    -webkit-border-radius: 50% 5px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    margin-top: 110px;
    text-align: center;
    /*para Firefox*/
    -moz-border-radius: 50% 5px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 50% 5px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 50% 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 50px;
    width: 100%;
    height: 50px;
    min-width: 220px;
    background-color: rgba(165, 201, 86, 0.7);
    margin-top: 110px;
    text-align: center;
    /*para Firefox*/
    -moz-border-radius: 50% 5px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 50% 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 50% 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton2 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 20px;
    width: 70%;
    height: 50px;
    min-width: 220px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0px;
    text-align: center;
    /*para Firefox*/
    -moz-border-radius: 50% 5px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 50% 5px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 50% 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton2:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 20px;
    width: 70%;
    height: 50px;
    min-width: 220px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0px;
    text-align: center;
    /*para Firefox*/
    -moz-border-radius: 50% 5px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 50% 5px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 50% 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton3 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgb(81, 194, 236);
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/cameraicon2.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton3:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgb(81, 194, 236);
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/cameraicon2.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton3:disabled {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(150, 150, 150, 0.7);
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/cameraicon2.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton4 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/acept.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton4:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/acept.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton4:disabled {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(150, 150, 150, 0.7);
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/acept.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton6 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/star.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton6:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/star.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton7 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/update.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton7:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/update.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton6corner {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 45px;
    height: 45px;
    min-width: 35px;
    min-height: 35px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/star.png);
    background-repeat: no-repeat;
    background-size: 40px 30px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.silence {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 45px;
    height: 45px;
    min-width: 35px;
    min-height: 35px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/sound.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton6corner:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 45px;
    height: 45px;
    min-width: 35px;
    min-height: 35px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/star.png);
    background-repeat: no-repeat;
    background-size: 40px 30px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton7corner {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 45px;
    height: 45px;
    min-width: 35px;
    min-height: 35px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/update.png);
    background-repeat: no-repeat;
    background-size: 40px 30px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton7corner:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 45px;
    height: 45px;
    min-width: 35px;
    min-height: 35px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 0%;
    text-align: center;
    background-image: url(../Images/update.png);
    background-repeat: no-repeat;
    background-size: 40px 30px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.boton5 {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    /* background-color: rgba(165, 201, 86, 0.7); */
    background-color: rgba(150, 150, 150, 0.7);
    margin-top: 30%;
    text-align: center;
    background-image: url(../Images/acept.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.boton5:active {
    border: 0;
    color: #000000;
    font-weight: 500;
    font-family: georgia;
    font-style: italic;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 7px;
    width: 95px;
    height: 95px;
    min-width: 75px;
    min-height: 75px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    background-color: rgba(165, 201, 86, 0.7);
    background-color: #ADFF2F;
    margin-top: 30%;
    text-align: center;
    background-image: url(../Images/acept.png);
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.b2 {
    background-color: rgba(81, 194, 236, 0.7);
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    color: #222;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    border: 0px solid #999;
    border: inset 0px solid #333;
    clear: both;
    font-weight: 500;
    font-family: tahoma;
    /*font-style: italic; */
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
}

.container {
    clear: both;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: black;
    opacity: 0.7;
}

.botonX {
    border: 0;
    color: #000000;
    padding: 7px 7px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    /*background-color: rgba(165, 201, 86, 0.7);
	background-color: #ADFF2F;*/
    margin-right: 0%;
    text-align: right;
    background-image: url(../Images/close2.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center;
    margin-right: 35px;
    margin-top: 4px;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.botonX2 {
    border: 0;
    color: #000000;
    padding: 7px 7px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    /*background-color: rgba(81, 194, 236, 0.7);*/
    /*background-color: rgba(165, 201, 86, 0.7);
	background-color: #ADFF2F;*/
    margin-right: 0%;
    text-align: right;
    background-image: url(../Images/close2.png);
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center;
    margin-right: 15px;
    margin-top: 4px;
    /*para Firefox*/
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /*para Safari y Chrome*/
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    /* para Opera */
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}