body {
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 90%;
    line-height: 1.5em;
    color: #000000;
    background: #737373;
    padding: 0px;
    margin: 0px;
}
.inbody {
    width: 900px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
textarea {
    resize: none
}
#contentColumn pre {
    text-wrap: wrap;
    resize: none;
    padding: 2px;
    border: 1px solid black;
}
img {
    border: hidden;
}
a {
    text-decoration: none;
    color: #101090;
    font-weight: bold;
}
a:visited {
    color: #101090;
}
a:hover:not(.btn) {
    background-color: #00ff80;
    cursor: pointer;
    font-weight: bold;
}
a.linker {
    width: 220px;
    height: 22px;
    padding: 4px;
    display: block;
    cursor: pointer;
}
a.linker:hover {
    background-color: #00ff80;
}
a.file {
    padding: 4px;
    margin: 0px;
    display: block;
    cursor: pointer;
}
a.file:hover {
    background-color: #A0A0A0;
}
.banner {
    display: block;
    margin-bottom: 4px;
    margin-top: 4px;
    width: 230px;
    height: 60px;
    overflow: hidden;
}
.page {
    width: 900px;
    background-color: #FFFFFF;
}



/* HEADER ---------------------------- */
header, .header {
    width: 900px;
    height: 184px;
    background: transparent url(../pics/headerAAMSX900_04.jpg) no-repeat;
}
.headBox {
    width: 490px;
    height: 155px;
}
.headBox a {
    width: 100%;
    height: 100%;
    display: block;
}
.headBox a:hover {
    background-color: transparent;
}

/* DEPRECATED */
.header_upspa {
    width: 900px;
    height: 155px;
}


.headMenu {
    width: 900px;
    height: 22px;
}

/* DEPRECATED */
.level1_menu {
    height: 22px;
    padding-left: 10px;
}

.level1Menu {
    width:710px;
    display:inline-block;
    padding-left:10px;
}
.lang_menu {
    width: 168px;
    height: 22px;
    text-align: right;
    padding-right: 8px;
    display: inline-block;
}
a.level1_but {
    color: #333333;
    text-align: center;
    width: 140px;
    margin-right: 2px;
    padding: 4px;
    background-color: #5f9fef;
    display: inline-block;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
a.level1_but:hover {
    color: #000000;
    background-color: #00ff80;
    cursor: pointer;
}
.level1_sel {
    color: #000000;
    text-align: center;
    width: 140px;
    height: 21px;
    margin-right: 2px;
    padding: 4px;
    font-weight: bold;
    background-color: #FFFFFF;
    display: inline-block;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
a.lang_but {
    color: #333333;
    text-align: center;
    width: 30px;
    margin-right: 4px;
    padding: 4px;
    background-color: #5f9fef;
    display: inline-block;
    cursor: pointer;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
a.lang_but:hover {
    color: #000;
    background-color: #00ff80;
}
/* ----------------------------END HEADER */



.titlebox {
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
	margin: 0px;
}
.iconbox {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background: transparent url(../pics/tomasha.png) no-repeat;
}
.titleNote, #contentColumn > h1 {
    font-size: 20px;
    font-weight: 100;
    margin: 0;
    display: block;
    padding-bottom: 8px; /* */
    color: #000000;
}
a.titleNote h1,
a.titleNote h2 {
    font-size: 20px;
    font-weight: 100;
    margin: 0;
}
a.titleNote:hover {
    background-color: #F48C23;
}
a.titleNote:visited {
    color: #000000;
}
.subtitleNote {
	font-size: 14px;
	margin: 0px;
}


/* MENU SECOND LEVEL---------------------------- */
.level2box {
    width: 230px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #DDDDDD;
    overflow: hidden;
}

.level2_sel {
    color: #000000;
    text-align: center;
    width: 220px;
	margin: 0px 0px 5px 0px;
    padding: 4px;
    background-color: #FFFFFF;
    font-weight: bold;
    display: block;
}
a.level2_but {
    color: #333333;
    text-align: center;
    width: 220px;
    margin-bottom: 5px;
    padding: 4px;
    background-color: #5f9fef;
    display: block;
    cursor: pointer;
}
a.level2_but:hover {
    background-color: #00ff80;
}

/* menu lateral de enlaces: arreglar separación entre botones */
#sideMenu p:not(.titlebox) { margin: 0; }
#sideMenu p.level2_sel { margin-bottom: 5px; }

#otherLinks p { margin: 0; }
#otherLinks p a { vertical-align: middle; }
#otherLinks p img { vertical-align: middle; width: 16px; height: 16px;  }
/* ----------------------------END MENU SECOND LEVEL */

.bodyContent {
    width: 100%;
    max-width: 900px;
    display: inline-block;
    background-color: #FFFFFF;
}
#contentColumn {
    width: 100%;
    max-width: 640px;
    vertical-align: top;
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
}
#contentColumn.mobile {
    max-width: 100%;
}
#contentColumn.mobile + #rightColumn {
    display: none !important;
}
#contentColumn.mobile .notebox_up,
#contentColumn.mobile .notebox_down {
    background-size: cover;
}
#rightColumn {
    width: 250px;
    vertical-align: top;
    padding-top: 10px;
    padding-right: 10px;
    display: block;
    float: right;
}
.rbox_up {
    width: 250px;
    height: 8px;
    background: transparent url(../pics/rbox_up_250.gif) top;
}
.rbox_down {
    width: 250px;
    height: 10px;
    background: transparent url(../pics/rbox_down_250.gif) top;
    margin-bottom: 10px;
}
.notebox_up {
    width: 100%;
    height: 10px;
    background: transparent url(../pics/notebox_up_620.gif) top;
    /* background-size: cover; */
}
.notebox_down {
    width: 100%;
    height: 10px;
    background: transparent url(../pics/notebox_down_620.gif) top;
    /* background-size: cover; */
    margin-bottom: 10px;
}
.level2titbox {
    width: 200px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #DDDDDD;
    overflow: hidden;
}
.notehead, #contentColumn > h1 {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #ffad5b;
    font-weight: normal;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
	margin: 0px;
}

:not(.notebox_up > .notehead) .notehead{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 0;
    border-radius: 0;
}
.notebody {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #DDDDDD;
    overflow: hidden;
}

.noticia img,
.noticia picture {
    display: block;
    min-height: 100px;
    text-align: center;
    border: 0;
}
.noticia .back-link { text-align: right; }
.noticia .read-link { text-align: left; }

#contentColumn > p {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
	background-color: #DDDDDD;
	margin: 0px;
}

#contentColumn > table,
#contentColumn > form,
#contentColumn > center,
#contentColumn > h3,
#contentColumn > ul {
    width: 100%;
    box-sizing: border-box;
	background-color: #DDDDDD;
}
#contentColumn > ul {
	margin: 0px;
	padding-top: 5px;
}

#contentColumn > pre,
#contentColumn > h3 {
	margin: 0px;
	padding: 10px;
}

#contentColumn > h3 {
	margin: 0px;
	padding: 10px;
}

.notebody p {
	text-align: justify;
}
footer, .footbox {
    text-align: center;
    margin: 0px;
    padding: 4px;
    background-color: #5050e8;
    color: #FFFFFF;
}
/* area botonera de paginacion */
.page_bar {
    height: 36px;
    float: right;
    text-align: right;
    vertical-align: top;
}
/* pagina actual */
.pageCurrent {
    width: 28px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
    background: transparent url(../pics/page_selected.png) top;
    display: inline-block;
}
/* boton de numero de pagina */
a.pageNum {
    width: 28px;
    height: 20px;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    background: transparent url(../pics/page.png) top;
    display: inline-block;
}
a.pageNum:hover {
    background: transparent url(../pics/page_hover.png) top;
}
/* boton de pagina anterior */
a.pageLeft {
    width: 28px;
    height: 20px;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    background: transparent url(../pics/pageleft.png) top;
    display: inline-block;
}
a.pageLeft:hover {
    background: transparent url(../pics/pageleft_hover.png) top;
}
/* boton de siguiente pagina */
a.pageRight {
    width: 28px;
    height: 20px;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    background: transparent url(../pics/pageright.png) top;
    display: inline-block;
}
a.pageRight:hover {
    background: transparent url(../pics/pageright_hover.png) top;
}
/* NEW 03122013 */
.nextRU_header {
    height: 140px;
    background: url(../pics/nextRU_header_ES.png) center no-repeat;
}
.titlebar {
    font-size: 18px;
    padding: 6px;
    margin-bottom: 10px;
    text-align: left;
    color: #000000;
    background-color: #5F9FEF;
    border-radius: 3px;
}
.returnbar {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 50px;
    margin-top: 14px;
}
a.pageReturn {
    width: 32px;
    height: 32px;
    background: transparent url(../pics/return.png) top;
    display: inline-block;
}
a.pageReturn:hover {
    background: transparent url(../pics/return_hover.png) top;
}
.actividad, .stand {
    padding: 6px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #EEEEEE;
    border-radius: 5px;
}
.actividad_arcadez {
    width: 352px;
    height: 190px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 230px;
    margin: 15px auto;
    border-radius: 5px;
    background: #75CDFF url(../pics/arcadezone_box.png) no-repeat top;
}
.actividad_partyz {
    width: 572px;
    height: 190px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    background: #A45BFF url(../pics/partyzone_box.png) no-repeat top;
}
.actividad_title, .stand_title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 8px;
}
.nota {
    font-style: italic;
    font-size: 80%;
    padding: 4px;
    margin-bottom: 20px;
}
.contenido {
    padding-left: 10px;
    padding-right: 20px;
}
a.RUmenuOption {
    color: #FFFFFF;
    text-align: center;
    width: 135px;
    height: 50px;
    margin-right: 2px;
    margin-bottom: 6px;
    padding: 4px;
    background-color: #5455ED;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}
a.RUmenuOption:hover {
    color: #000000;
    background-color: #00ff80;
    cursor: pointer;
}
a.RUmenuOptionGreat {
    color: #000000;
    text-align: center;
    font-size: 20px;
    width: 135px;
    height: 50px;
    margin-right: 2px;
    margin-bottom: 6px;
    padding: 4px;
    background-color: #ffad5b;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}
a.RUmenuOptionGreat:hover {
    color: #000000;
    background-color: #00ff80;
    cursor: pointer;
}
#RUMenu {
    padding: 0;
}
#RUMenu li {
    display: inline;
}
/* Quienes somos? ---------------------------- */
.whoBox {
    padding: 10px;
    width: 550px;
    background-color: #EEEEEE;
    display: inline-block;
    clear: both;
	border: 25px solid #DDDDDD;
	margin-bottom: -25px;
}
.whoPhoto img {
	float: left;
    border-radius: 5px;
}
.whoPhoto {
    float: left;
    text-align: center;
    display: block;
    width: 140px;
    overflow: hidden;
}
.whoInfo {
    width: 400px;
    padding-left: 10px;
    float: left;
}/* ----------------------------END  */
#ListaRUS {
	padding: 0px 10px;
}
#ListaRUS td {
    background-color: #A0A0FF;
    padding: 8px;
    border-radius: 5px;
    margin: 4px;
    font-size: 12px;
}
/* Adapta las img de las noticias al ancho de la columna(26102018) */
.NotiPic {
    min-width: 100%;
    max-width: 100%;
}

#album-list .album ,
#album-list .foto {
    float: left;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    min-height: 200px;
}

#album-list .album>a ,
#album-list .foto>a {
    display: block;
    text-align: center;
}

#album-list .album a>img ,
#album-list .foto a>img {
    min-width: 80px;
    max-width: 178px;
    min-height: 80px;
    max-height: 127px;
}

#album-list .album a:hover>img {
    background-color: none !important;
}

#album-list .album a>img:hover {
    background-color: none !important;
    border: 1px solid #00ff80;
}

.file-list {
    display: block;
		clear: both;
		margin-bottom: 10px;
}

.file-list img {
    max-width: 70px;
    margin-right: 20px;
}

.file-list div {
	display: table-cell;
	vertical-align: top;
}

.file-list div:last-child :not(p) a,
.file-list div:last-child > a {
    display: block;
    float: left;
}

.file-list div a.webmsx {
    margin-left: 10px;
    /* padding: 2px 5px; */
    /* font-family: 'Fira Mono', 'Consolas', 'Menlo', 'Monaco', 'Liberation Mono', monospace;
    color: white;
    background: #1c1ce4; */
    width: 78px;
    height: 19px;
    float: left;
    display: block;
    background: url('../pics/runwebmsx_horizontal_button.png') no-repeat;
}

.file-list div a.webmsx:active {
    background: url('../pics/runwebmsx_horizontal_button_click.png') no-repeat;
}

.file-list div:last-child p {
    padding-top: 5px;
    display: block;
    clear: both;
}

#blueskyTimeline input[type="checkbox"] { display: none; }
#blueskyTimeline input[type="checkbox"] + label > img {
    float: right;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer;
}

#blueskyTimeline input[type="checkbox"] + label:hover > img {
    filter: sepia(1) saturate(5) hue-rotate(-20deg) brightness(1.1);
    cursor: pointer;
}

#blueskyTimeline input[type="checkbox"]:checked + label > img {
    transform: rotate(180deg); /* slide up */
}

#blueskyTimeline .titlebox:has(input[type="checkbox"]:not(:checked)) {
    padding-bottom: 0; /* no padding bottom when closed */
}

#reservaStand {
    margin: -15px;
    width: 500px;

    padding: 10px;
    border: 1px solid #B0B0B0;
    border-radius: 6px;
}
#reservaStand label {
    display: inline-block;
    width: 140px;
    text-align: right;
}
#reservaStand input,
#reservaStand textarea {
    width: 350px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #A0A0A0;
    margin-bottom: 6px;
    padding: 5px;
}
#reservaStand input:focus,
#reservaStand textarea:focus {
    border-color: #000;
}
#reservaStand textarea {
    vertical-align: top;
    height: 140px;
    resize:none;
}
#reservaStand .button {

}
#reservaStand button {
    margin-left: 5px;
    font-weight:bold;
    padding: 5px;
}

.error {
    border: 2px solid red;
    padding: 1em;
}

.row {
    display: flex;
    clear: both;
}

.newsletter-banner { margin-bottom: 10px; }
.newsletter-banner .btn { margin-left: 10px; font-size: 1.4em; }

.to-right { float: right; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.btn-red {
    display: inline-block;
    padding-bottom: 10px;
    box-sizing: content-box;
    color: black;
    background-color: #fd8277;
    text-decoration: none;
    border-radius: 4px;
}

.btn-red::before {
    content: '';
    display: block;
    width: 148px;
    height: 10px;
    background: url('/pics/notebox_up_148.png') no-repeat top left;
    background-color: white;
}