/*@import url('Fonts/fonts.css');
@import url('reset.css');*/
@import url('/fonts/Gotham_Rounded_Light_Regular/stylsheet.css');
@import url('/fonts/gotham_rounded/stylesheet.css');



/*.ajax__calendar_container { top: 0px !important; } */

/*ESTRUCTURA*/
@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/eot/GothamRnd-Book_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/woff2/GothamRnd-Book_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/woff/GothamRnd-Book_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/eot/GothamRnd-BookItalic_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/woff2/GothamRnd-BookItalic_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/woff/GothamRnd-BookItalic_Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/eot/GothamRnd-Medium_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/woff2/GothamRnd-Medium_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/woff/GothamRnd-Medium_Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/fonts/eot/GothamRnd-MediumItalic_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/fonts/woff2/GothamRnd-MediumItalic_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/fonts/woff/GothamRnd-MediumItalic_Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/eot/GothamRnd-Bold_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/woff2/GothamRnd-Bold_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/woff/GothamRnd-Bold_Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Rounded';
    src: url('../fonts/Gotham_Rounded/eot/GothamRnd-BoldItalic_Web.eot') format('eot'), url('../fonts/Gotham_Rounded/woff2/GothamRnd-BoldItalic_Web.woff2') format('woff2'), url('../fonts/Gotham_Rounded/woff/GothamRnd-BoldItalic_Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}


/*regular_nuevas*/


@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-Light_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-Light_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-Light_Web.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-LightItalic_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-LightItalic_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-LightItalic_Web.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-Book_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-Book_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-Book_Web.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-BookItalic_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-BookItalic_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-BookItalic_Web.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-Medium_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-Medium_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-Medium_Web.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-MediumItalic_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-MediumItalic_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-MediumItalic_Web.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-Bold_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-Bold_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-Bold_Web.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham/eot/Gotham-BoldItalic_Web.eot') format('eot'), url('../fonts/Gotham/woff2/Gotham-BoldItalic_Web.woff2') format('woff2'), url('../fonts/Gotham/woff/Gotham-BoldItalic_Web.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}


/*FIN_GOTHAM_NUEVAS*/

body {
    font-family: 'Gotham', 'Futura Bk', Geneva, sans-serif;
    background-color: #ededee;
    font-size: 1.1em;
    height: 100%;
}
#Contenedor{width:100%;margin: 0 auto 0 auto;height:auto;}
#Contenido{margin:0 3em 0em 3em; }
.container {
max-width:910px}
/*#Izquierda{width:20%;float:left;text-align:center;}*/
#Izquierda #ctl00_Logo{margin: 4.5em auto 2em auto;}


#Derecha {   
    /*float: right;*/
    margin:auto;
    /*padding: 0 0 0 2%;*/      
}
/*#Derecha #Cabecera{text-align:right;}*/
#Derecha #Cabecera Img{margin:0em auto 0em auto; width: 100%;}

/*DATOS DE SESION*/
    #Derecha div#DatosSesion {
        text-align: right;
        font-family: 'Gotham', 'Futura Bk', Verdana, sans-serif;
        padding: 0.5em 0 0.5em 0;
        font-size: 16px !important
    }
/*#Derecha div#DatosSesion div#usuario{border-bottom:2px solid #f0c820; display:inline-block;}*/
#Derecha div#DatosSesion div#usuario span{text-transform:capitalize;}
#Derecha div#DatosSesion div#usuario img{padding-right:1em;}
#Derecha div#DatosSesion div#opcionesusuario{margin-top:0.5em; }
#Derecha div#DatosSesion div#opcionesusuario a{text-decoration:none;color:black; padding-right:0.5em;}
#Derecha div#DatosSesion div#opcionesusuario a img{padding-right:0.3em; vertical-align:middle;}
#Derecha div#DatosSesion div#opcionesusuario a img{padding-right:0.3em;}

.TextoSession_active{color:#005678; font-weight:bold}



#Pie{background-color:red;float:none;clear:both;}



/*TITULO*/
#Derecha Div.Titulo{display:block; margin: 1em 0 1em 0; }
#Derecha Div.Titulo img{vertical-align:middle; display:inline-block;width:5%}
#Derecha Div.Titulo span{background-color:#f0c820;width:93.7%; display:inline-block; padding:0.3em 0 0.3em 0.3em;}

div.Pagos Div.Titulo{display:block; margin: 1em 0 1em 10em; }
div.Pagos Div.Titulo img{vertical-align:middle; display:inline-block;width:2%;}
div.Pagos Div.Titulo span{width:93.7%; display:inline-block; padding:0.3em 0 0.3em 0.3em;font-size:80%;}

#Menu Div.Titulo{display:block; margin: 1em 0 1em 0; border-bottom:solid #f0c820;padding-bottom:0.3em; font-size:150%;  }


/*FORMULARIO**/
#Derecha ul.formulario{margin:0;padding-left:10%;list-style-image: url("../Img/Principal/listitem.png");  }
#Derecha ul.formulario textarea{width:100%;}
#Derecha ul.formulario li{margin-bottom:1em;}

div.Pagos ul.formulario{margin:0;padding-left:10%;list-style-image: url("../Img/Principal/listitem.png");  }

/*CUADRO DE ADVERTENCIA*/
#Derecha div.advertencia{border:2px solid #f0c820;padding:1em;display:block;background-color:#d9dadb;margin: 0.5em 0 0.5em 0;margin-left:10%; }
#Derecha div.advertenciaespecial{margin-left:0%; }
#Derecha div.advertencia img{vertical-align:middle; display:inline-block;}
#Derecha div.advertencia span{display:inline-block;text-align:justify;  }
#Derecha div.advertencia span.Titulo{font-weight:bold;font-size:120%; font-family:'gotham_rounded_mediumregular', 'Futura Bk', Geneva, sans-serif;;}

/*BOTONES*/
div.botones{padding: 1em 0 1em 0;text-align: center; font-family:'gotham_rounded_mediumregular', 'Futura Bk', Geneva, sans-serif;;}
div.botones img{vertical-align:middle; display:inline-block; padding:0.3em;}
div.botones a{margin:0 0.3em 0 0.3em; color:black;text-decoration:none;}

#Derecha span.titulo{font-weight:bold;font-size:120%; font-family:'gotham_rounded_mediumregular', 'Futura Bk', Geneva, sans-serif;; }

/*
    #Derecha div.caja{border:2px solid #f0c820; padding:1em;}
#Derecha div.caja a{text-decoration:inherit; color:inherit;}
#Derecha div.caja a span{display: inline-block;}
#Derecha div.caja a img{vertical-align:middle; display:inline-block;padding:0.3em;}
#Derecha div.check div.caja div{width: 79%;display:inline-block;  }
#Derecha div.check div.caja a{text-align:right; display:block;  width: 20%;  text-align:center;float:right;margin-top:-0.5em;}
#Derecha div.check div.caja a span{display: inline-block;}
#Derecha div.check div.caja a img{vertical-align:middle; display:inline-block; padding:0.3em;}
    */
#Derecha div.caja{border:2px solid #f0c820; padding:1em;}
#Derecha div.caja a{text-decoration:inherit; color:inherit;}
#Derecha div.check{margin-top:1em;}
#Derecha div.check div.caja div{width: 98%;  }
#Derecha div.check a{float:right;margin-top:-1.1em; text-decoration:inherit; color:inherit;}


#Derecha div.cajacorta{border:2px solid #f0c820; padding:1em;margin-left:10%; }
#Derecha div.cajacorta a{text-decoration:inherit; color:inherit; }

.finfloat{float: none;clear: both;}
.novisible{ display:none;}
.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}


#Izquierda ul.mapapasos {
    background-color: white;
    width: 76%;
    margin: 1em 0 0 10%;
    padding: 1em 2% 1em 2%;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    text-align: left;
    font-family: 'Gotham', 'Futura Bk', Geneva, sans-serif;
}
#Izquierda ul.mapapasos li{padding:0.5em 0 0 1em;}
#Izquierda ul.mapapasos li span.numeroactivo{font-size:140%;background-color: transparent;display:inline;padding:0.1em 0.4em 0em 0.4em;color: #f0c820;margin:0.2em;}
#Izquierda ul.mapapasos li span.numeroinactivo{font-size:140%;background-color: transparent;display:inline;padding:0.1em 0.4em 0em 0.4em;color:grey;margin:0.2em;}
#Izquierda ul.mapapasos li span.numeroactual{font-size:140%;background-color: black;display:inline;padding:0.1em 0.4em 0em 0.4em;-moz-border-radius: 1em;-webkit-border-radius: 1em;border-radius: 1em;color: #f0c820;margin:0.2em;}

#Izquierda ul.mapapasos li a img{vertical-align:middle; display:inline-block; padding-right:0.3em;}
#Izquierda ul.mapapasos li a{text-decoration:none; color:black;}
#Izquierda ul.mapapasos li a span.inactivo{color: grey;}
#Izquierda ul.mapapasos li a span.actual{font-size:120%;}

.ModalPanel{
    background-color: #ffffff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:1.2em;
    width: 80%;
    height: 80%;
    text-align:left;
}
.PanelPopup
{
    width:25%;
    background-color:#ffffff;
    padding-right:1%;
    padding-left:1%;
    padding-bottom:1%;
    padding-top:1%;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.ModalWindow{
    background-color: #ffffff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:0.2em;
    width: 80%;
    height: 80%;
    text-align:center;
}
.ModalError {
    font-family: 'Gotham', 'Futura Bk', Geneva, sans-serif;
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 1.2em;
    width: 100%;
    height: 100%;
    text-align: left;
}






/*HTML Inscripción*/
div.resumen {
    width: 96%;
    background-color: white;
    padding: 1em 2% 1em 2%;
    text-align: left;
    margin-bottom: 1em;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    font-family: 'Gotham', 'Times New Roman';
}
div.resumen span.Titulo{font-weight:bold;font-size:120%; border-bottom:2px solid #f0c820;margin:1em;}



.gv{margin:1em 0em 1em 0em;
    border-radius: 4px;
}
.grid {width:100%;
    font-weight: 700;
}
.grid caption {background-color:#FF6400;text-align:left; font-size:120%; padding:0.3em 0.3em 0.3em 0.3em;
               border:1px solid black; border-radius: 4px;

}

/*.grid th{background-color:#808080;color:#ebecec;}
.footer{background-color: #808080; color: #ebecec;}*/
.footer{background-color:#FF6400;}
.grid th{background-color:#FF6400;}
.grid td, .grid th{vertical-align:middle;padding:0.2em 0.3em 0.2em 0.3em; font-size:80%;}
.grid td{width:auto;cursor:default; }

.grid td a{ text-decoration:none;display:block; color:inherit;}
.grid td img{display:inline-block;vertical-align:middle;}
.grid td a input[type='image'] {vertical-align:middle; display:inline-block;padding-right:0.3em; }
.grid td a span{vertical-align:middle; display:inline-block; }


div.inscribir{margin:1em 0 2em 0; }
div.inscribir a{margin-right:1em;padding:0.2em 0.5em 0.2em 0.5em; text-decoration:none; background-color:black; color:#ebecec;
                -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px; }
div.inscribir a img{ vertical-align:bottom;}

#instrucciones {
    font-family: 'Gotham', 'Times New Roman';} #instrucciones span.grande{font-size:120%; font-weight:bold;}


.Multilinea{width:94%;margin-left:2%;margin-right:2%;}


* {
            /*user-select: none;*/
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-tap-highlight-color: transparent;
            margin: 0;
            padding: 0;
        }

        #sortable {
            list-style-type: none;
            margin-left: auto;
            margin-right: auto;
        }

            #sortable li {
                float: left;
                width: 33%;
            }

                #sortable li img {
                    vertical-align: bottom;
                    width: 100%;
                    height: auto;
                }

        @media (orientation:landscape) {
            #sortable {
                width: 100vh;
            }
        }

        @media (orientation:portrait) {
            #sortable {
                width: 100%;
            }
        }

        #barra {
    width:auto;
background:#0099a9;
height: 3px;
margin-bottom: 20px;
}




.orange {
    background-color: #0099a9;
    color: white;
    /*float:left;*/
    /*padding-left:10px;*/
    font-family: 'Gotham';
}


.container2 {
    /* width: 910px; */
    background-color: white;
    text-align: justify;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0pt auto;
}