• /* ====== EVENT LIST ======= */

.registrations_event_list {width:95%;margin:1rem auto;position:relative;}
	@media (max-width: 400px) {
		.registrations_event_list {width:100%;margin:0.5rem auto;}
	}
.registrations_event_list .category_list a{display:block;padding:5px;width:100%;margin:9px 0px;text-align:center;font-size:1.5em;border:1px #aaa solid;
                                            background-color:#eee;font-weight:bold;}
.registrations_event_list .category_list a:hover{border:1px #000 solid;background-color:#eee;color:#000;}
.category_list a em{color:#888;font-size:0.9em;font-style: normal;display:block;}

.registrations_event_abstract {position:relative;padding:11px;width:100%;margin:9px 0px;border:1px #aaa solid;background-color:#f3f3f3;}
.registrations_event_abstract h1 {margin-top:0px;padding-bottom:11px!important;margin-bottom:31px!important;}
.registrations_event_abstract h1 em{color:#888;color:rgba(0,0,0,0.5);font-size:0.8em;font-style: normal;}
.registrations_event_abstract .event_button a {color:#fff;text-decoration:none;}
.registrations_event_abstract .event_button:hover {background-color: #333;}
.registrations_event_abstract a {text-decoration:underline;}
.registrations_event_abstract .event_description {padding:1.5rem;}
	@media (max-width: 400px) {
		.registrations_event_abstract .event_description {padding:0.3rem;}
	}
.registrations_event_abstract label{font-weight:bold;}

/* ====== EVENT PRICE LIST ======= */

.event_prices_and_places table{width:95%;margin:1rem auto;border-spacing: 0px;border-bottom:1px #888 solid;}
	@media (max-width: 400px) {
		.event_prices_and_places table{width:100%;margin:0.5rem auto;}
	}
.event_prices_and_places table tr td{border-top:1px #888 solid;padding:3px 7px;}
.event_prices_and_places table tr:hover td{background-color:#fffa;}
.event_prices_and_places .bt {text-decoration:none;}
.event_prices_and_places h3 { margin-top: 5px !important; margin-bottom: 10px !important; }
.event_prices_and_places p { margin-top: 3px !important; margin-bottom: 3px !important; }
.event_prices_and_places table tr td:last-child { text-align: right; }

/* ====== REGISTRATION FORM ======= */

.registrations_registration_form {width:95%;margin:1.5rem auto;padding:1.5rem;border:1px #aaa solid;background-color:#eee;}
	@media (max-width: 400px) {
		.registrations_registration_form {width:100%;margin:0.5rem auto;padding:0.5rem;}
	}
.registrations_registration_form h1 {font-weight:bold;border-bottom:1px #aaa solid;color:#aaa;margin:0px;margin-bottom:31px!important;}
.registrations_registration_form h1 em{color:#888;color:rgba(0,0,0,0.5);font-size:0.9em;font-style: normal;} 
.registrations_registration_form h2 {font-weight:bold;border:none;color:#777;margin-top:3px;}
.registrations_registration_form h3 {font-weight:bold;border:none;color:#777;margin-top:31px;border-bottom:1px #aaa solid;}
.registrations_registration_form .subtit {margin-top:31px;width:90%;font-weight:bold;border-bottom:1px #aaa solid;color:#888;line-height:31px;}
.registrations_registration_form p {clear:both;}
.registrations_registration_form p span{min-width:170px;display:block;float:left;margin-left:21px;}
.registrations_registration_form p em {font-size:0.9em;color:#888;}
.registrations_registration_form td {padding:5px 3px;line-height:1.2em;}
.registrations_registration_form td span {color:#555;}
.registrations_registration_form .alerted_field{background-color: yellow!important;background: yellow!important;}
.registrations_registration_form input[type=radio].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}
.registrations_registration_form input[type=checkbox].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}

.div_ocultable{display:none;width:500px;margin:11px auto;padding:15px;border:1px #aaa solid;background-color:#eee;}
.div_ocultable h2{font-weight:bold;border-bottom:1px #aaa solid;color:#aaa;}
.div_ocultable h3{font-weight:bold;color:#aaa;font-size:1.2em;}

.div_comentarios_inscripcion{padding:10px;}
.div_comentarios_inscripcion ._fec_comm{margin-top:12px; margin-bottom:5px; color:#aaa;}
.div_comentarios_inscripcion ._comm{padding-left:10px;}
.div_inscripcion_certificado_billete{margin-top:20px;margin-bottom:20px;text-align:center;}

/* ====== REGISTRATION FORM INSIDE MY_REGISTRATION SECTION ======= */

.registrations_myr_registration_form {}
.registrations_myr_registration_form h1 {font-weight:bold;border-bottom:1px #aaa solid;color:#aaa;margin:0px;margin-bottom:31px!important;}
.registrations_myr_registration_form h2 {font-weight:bold;border:none;color:#777;margin-top:3px;}
.registrations_myr_registration_form h3 {font-weight:bold;border:none;color:#777;margin-top:31px;border-bottom:1px #aaa solid;}
.registrations_myr_registration_form .subtit {margin-top:31px;width:90%;font-weight:bold;border-bottom:1px #aaa solid;color:#888;line-height:31px;}
.registrations_myr_registration_form p {clear:both;}
.registrations_myr_registration_form p span{min-width:170px;display:block;float:left;margin-left:21px;}
.registrations_myr_registration_form p b{color:#aaa;}
.registrations_myr_registration_form p em {font-size:0.9em;color:#888;}
.registrations_myr_registration_form td {padding:5px 3px;line-height:1.2em;}
.registrations_myr_registration_form td span {color:#555;}
.registrations_myr_registration_form .alerted_field{background-color: yellow!important;background: yellow!important;}
.registrations_myr_registration_form input[type=radio].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}
.registrations_myr_registration_form input[type=checkbox].alerted_field{box-shadow: 0px 0px 1px 4px yellow;}

/*************** Notifications ***************/

.notification {
        position: relative;
        margin: 0 0 15px 0;
        padding: 0;
        border: 1px solid;
        background-position: 10px 11px !important;
        background-repeat: no-repeat !important;
        font-size: 1.1em;
        width: 99.8%;
        }
.notification a:hover{
        color:#aae;
        }                

.attention {
        background: #fffbcc url('exclamation.png') 10px 11px no-repeat;
        border-color: #e6db55;
        color: #666452;
        }

.information {
        background: #dbe3ff url('information.png');
        border-color: #a2b4ee;
        color: #585b66;
        }

.success {
        background: #d5ffce url('tick_circle.png');
        border-color: #9adf8f;
        color: #556652;
        }

.error {
        background: #ffcece url('cross_circle.png');
        border-color: #df8f8f;
        color: #665252;
        }

.notification div {
        display:block;
        font-style:normal;
        padding: 10px 10px 10px 36px;
        line-height: 1.5em;
        }

.notification .close {
        color:#990000;
        font-size:0.8em;
        position:absolute;
        right:5px;
        top:5px;
        }

.div_ocultable{display:none;width:500px;margin:11px auto;padding:15px;border:1px #aaa solid;background-color:#eee;}
.div_ocultable h2{font-weight:bold;border-bottom:1px #aaa solid;color:#aaa;}
.div_ocultable h3{font-weight:bold;color:#aaa;font-size:1.1em;}

.div_comentarios_inscripcion{padding:10px;}
.div_comentarios_inscripcion ._fec_comm{margin-top:12px; margin-bottom:5px; color:#aaa;}
.div_comentarios_inscripcion ._comm{padding-left:10px;}
.div_inscripcion_certificado_billete{margin-top:20px;margin-bottom:20px;text-align:center;}

/* ====== REGISTRATION FORM ======= */

#registrations_login {min-width:300px;margin:11px auto;padding:15px;}
#registrations_login h1 {margin-top:0px;}
#registrations_login table{width:90%;}
#registrations_login table td{padding:11px 5px;}
#registrations_login .alerted_field{background-color: yellow!important;background: yellow!important;}
.block {padding:21px;}

/* ====== MY REGISTRATIONS PANEL ======= */
.registrations_event_box {min-width:300px;margin:11px auto;padding:15px;border:1px #aaa solid;background-color:#eee;}
.registrations_event_box label {font-weight:bold;}
.registrations_event_box table {max-width:90%; margin:11px auto;}
.registrations_event_box table img {max-width:16px;}
.registrations_event_box table td {padding:3px 7px!important;}
.registrations_event_box .tit {border-bottom:1px #aaa solid;}
.registrations_event_box h3 em{color:#888;font-size:0.9em;font-style: normal;}

            
/* ====== EVENT_MOSAIC gadget ======= */
.registrations_mosaic{
    width:95%;margin:1rem auto;position:relative;text-align:center;
}
    @media (max-width: 400px) {
            .registrations_mosaic{width:98%;margin:0.5rem auto;}
    }

.registrations_mosaic .category_node,
.registrations_mosaic .event_node{
    display:inline-block;position:relative;overflow:hidden;padding:5px;height:270px;
    margin:0.5rem;text-align:center;font-size:1.2em; text-decoration:none;
    box-shadow: inset 0px 0px 30px 2px rgba(0,0,0,0.7);
    width:100%;min-width:200px; 
    /* === nice light gradient === */
    background: #eee; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #eee, #aaa); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #eee, #aaa); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+,*/
    background-size:cover;
    background-position:center center;
    transition: all 0.2s ease-in 0s;
}
.registrations_mosaic .category_node{
height:140px;
}
    @media (max-width: 600px) {
        .registrations_mosaic .category_node,
        .registrations_mosaic .event_node{
            min-width:90%;
        }
    }
.registrations_mosaic .category_node:hover,
.registrations_mosaic .event_node:hover{
	background-color:#eee;color:#fff;text-decoration:none;
	box-shadow:none;
	z-index:1000;
	transform: scale(1.1);
}
.registrations_mosaic .category_node div,
.registrations_mosaic .event_node div{
    position:absolute; width:100%; bottom:0; left:0; padding:1rem 0.5rem;
    background-color: rgba(0,0,0,0.5); 
    color: #eee; text-align:center; text-shadow:1px 0px 1px black;
}
.registrations_mosaic .category_node:hover div,
.registrations_mosaic .event_node:hover div{
    color:#fff; text-shadow:1px 0px 1px #666;
}
.registrations_mosaic .category_node em,
.registrations_mosaic .event_node em{
    color:#ccc;font-size:0.8em;font-style: normal;
}

.registrations_event_abstract .td_header_image,
.registrations_registration_form .td_header_image{ width:25%;}
    @media (max-width: 400px) {
		.registrations_event_abstract .tb_header_event,      .registrations_registration_form .tb_header_event,
		.registrations_event_abstract .tb_header_event tr,   .registrations_registration_form .tb_header_event tr,
		.registrations_event_abstract .tb_header_event tbody,.registrations_registration_form .tb_header_event tbody,
						{display:block;}
		.registrations_event_abstract .td_header_image, .registrations_registration_form .td_header_image,
		.registrations_event_abstract .td_header_title, .registrations_registration_form .td_header_title
						{ display:block;width:100%;padding:0!important; }
		.registrations_event_abstract .td_header_image, .registrations_registration_form .td_header_image
						{ text-align:center;}
		.registrations_event_abstract .td_header_image img, .registrations_registration_form .td_header_image img
						{ max-width:100%;max-height:300px;}
		.registrations_event_abstract .td_header_title h1, .registrations_registration_form .td_header_title h1
						{ margin:0.5rem 0!important; }
    }
    .registrations_event_abstract .td_header_image img,
    .registrations_registration_form .td_header_image img{ max-width:98%; border-radius:5px;}

/* Cristian */

.registrations_event_abstract h1 {
    font-size: 20px;
    margin: 0 !important;
}

.registrations_event_abstract .td_header_image img, .registrations_registration_form .td_header_image img {
    border-radius: 4px;
}

.td_header_image {
    padding-right: 0 !important;
}

.registrations_event_abstract p[rel="other"] {
    display: none !important;
}

.event_description h3 {
    margin-top: 0 !important;
}

.registrations_mosaic .category_node, .registrations_mosaic .event_node {
    width: 88%;
    box-shadow: 1px 1px 10px 0px rgba(64, 64, 64, 0.14);
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.69) !important;
}

.registrations_mosaic .category_node:hover div, .registrations_mosaic .event_node:hover div {
    text-shadow: 1px 0px 1px #FFF;
    background-color: #fff !important;
}

.registrations_mosaic .category_node div, .registrations_mosaic .event_node div {
    background-color: rgba(255,255,255,0.95);
    text-shadow: 1px 0px 1px #FFF;
    color: #6f5b5b !important;
}

.registrations_mosaic .category_node:hover, .registrations_mosaic .event_node:hover {
    color: #aaa !important;
}

.registrations_mosaic {
    width: 100% !important;
}

.registrations_mosaic .category_node em, .registrations_mosaic .event_node em {
    color: #333 !important;
    font-weight: bold;
}

/* .registrations_event_abstract p[rel="price_and_places"]::after { 
    content: "A 1 Asistente"; / contrabarra /
    background-color: yellow;
    color: red;
    font-weight: bold;
    white-space: pre;
}

.event_prices_and_places p[rel="price_and_places"] label::after {
	content: " (Precios con IVA incluido)";
}
 */