/* -------------------------------------------------------------- 
LAYOUT
-------------------------------------------------------------- */
@import "table.css";

/* --- BODY --- */
body { font: normal 13px Arial, sans-serif; background-color: #f7f7f7; margin: 0px; padding: 0px; }
div#contenedor { margin: 0 auto; background-color: #fff; width:90%; max-width: 946px; text-align: left }
div#contenido { color: #444; margin: auto; text-align: justify; }
div#generico {width:90%; margin: 0 auto; max-width: 860px; /*float: left; padding-left: 40px;*/ padding-top: 15px; line-height: 20px; }
div#izquierda { width: 540px; padding-left: 10px; padding-top: 15px; line-height: 0; line-height: normal; float: left; }
div#derecha { width: 300px; float: right; padding-right: -10px; line-height: 0; line-height: normal }
div#izquierda1 { width: 750px; float: left; padding-left: 10px; }
div#derecha1 { width: 175px; float: right; padding-right: -10px; }
#like {
    float: right;
    text-align: right;
}

/* --- Navigation --- */
div#navigation { background-color: #fff; }
    div#navigation div#menu { height: 56px; overflow: hidden; }
        div#navigation div#menu ol { float: left; list-style-type: none; }
            div#navigation div#menu ol li { border-left: 1px solid #ddd; float: left; font-size: 12px; }
                div#navigation div#menu ol li#menulast { border-right: 1px solid #ddd; }
                div#navigation div#menu ol li#menunowlast { border-right: 1px solid #ddd; border-left: 1px solid #666; background-color: #eee; }
                div#navigation div#menu ol li#menunow { border-left: 1px solid #666; background-color: #eee; }
                div#navigation div#menu ol li a { display: block; height: 56px; padding-left: 10px; width: 160px; }
                    div#navigation div#menu ol li a:hover, a:active { color: #333; background-color: #eee; }
                    /* Vertical centring with line-height:0 and marging-top */
                    div#navigation div#menu ol li a small { display: block; line-height: 15px; margin-top: 0px; }
        div#navigation div#menu div#feed { display: inline; float: right; margin: -10px 0 0 0; }
            div#navigation div#menu div#feed a { background: transparent url('../images/feed-nav.gif') no-repeat; display: block; height: 112px; width: 66px; }
                div#navigation div#menu div#feed a:hover { background-position: 0 -56px; }
                div#navigation div#menu div#feed a span { display: none; }
    div#navigation ol { margin: 0; }

        /* Vertical centring with line-height */
        div#navigation ol li a { color: #333; font-weight: bold; letter-spacing: .05em; line-height: 35px; text-decoration: none; }
            div#navigation ol li a:focus { background: 0; }
            div#navigation ol li a:hover.active { color: #ddd; }
            div#navigation ol li a small { color: #666; font-size: .90em; font-weight: normal; letter-spacing: 0; }
            div#navigation ol li a:hover small { color: #557799; }

    div#navigation div#menu5 { height: 140px; overflow: hidden; }
    div#navigation div#menu7 { height: 140px; overflow: hidden; }
    div#navigation div#menu2012 { height: 140px; overflow: hidden; }
    div#navigation div#menu2015 { height: 140px; overflow: hidden; }
    div#navigation div#menu2016 { height: 250px; overflow: hidden; }
    div#navigation div#menu2017 { /*height: 250px; overflow: hidden;*/ }
    div#navigation div#menu7 ol { float: left; list-style-type: none; padding-top: 120px; }
        div#navigation div#menu7 ol li { border: 0px; float: left; font-size: 11px; border-right: 1px solid #ddd; padding-right: 10px; }
            div#navigation div#menu7 ol li#menu7last { border-right: 0px }
            div#navigation div#menu7 ol li#menu7now a { color: #cbcbcb; }
            div#navigation div#menu7 ol li a { display: block; height: 20px; padding-left: 10px; line-height: 15px; margin-top: 0px; font-weight: normal; color: #fff; text-decoration: none; }
                div#navigation div#menu7 ol li a:hover, a:active { background-color: transparent; text-decoration: underline; }

/* --- FOOTER --- */

div#footer { background-color: #557799; margin: 0; clear: both; float: left; width: 100%; font-size: 12px; }
    div#footer div#foot { padding: 15px; }
        div#footer div#foot a { color: #fff; text-decoration: none; background-color: #557799 }
            div#footer div#foot a:hover { color: #ddd; text-decoration: none; }
        div#footer div#foot p { color: #999; clear: left; font-size: .9em; line-height: 20px; }
        div#footer div#foot .init { color: #ddd; }
            div#footer div#foot .init a { color: #999; text-decoration: none; background-color: #557799 }
                div#footer div#foot .init a:hover { color: #fff; text-decoration: none; }

/* --- LEGAL --- */
div#legal { background-color: #333; height: 15px; margin: 0; padding-top: 10px; padding-bottom: 5px; clear: both; width: 100%; text-align: center; color: #aaa; font-size: 11px; }
    div#legal a { color: #557799; text-decoration: none; background-color: #333 }
        div#legal a:hover { color: #fff; text-decoration: none; }
img#linkedin { border: 0; width: 20px; height: 20px; float: right; margin-right: 5px; margin-top: -5px; }

/*GENERAL DE CONTENIDOS*/

/* Links */
a:link { color: #c0362c; text-decoration: none; }
a:visited { color: #557799; text-decoration: none; }
a:hover, a:active { text-decoration: underline; color: #0033FF; }
a.interlink:link, a.interlink:visited, a.interlink:hover, a.interlink:active { text-decoration: none; background-color: #fff; color: #444; font-size: inherit; font-weight: normal; }

.Estilo1 { font-size: 12px; }
.Estilo11 { font-size: 12px; font-style: italic; }
.Estilo2 { color: #000000; font-weight: bold; }

/*gotop*/
a.gotop:link, a.gotop:visited { font-size: x-small; color: #557799; margin-bottom: 10px; float: right; background-color: #fff; }
a.gotop:hover, a.gotop:active { text-decoration: underline; font-size: x-small; color: #557799; margin-bottom: 10px; float: right; background-color: #fff; }

/* Html Elements */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 10px 0; padding: 0; }
h1 { font-size: 25px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; margin-top: 20px; }
h4 { font-size: 16px; margin-top: 20px; margin-bottom: 5px; font-weight: bold; }
h5 { font-size: 14px; margin-top: 20px; margin-bottom: 0px; font-weight: bold; }
h6 { font-size: 12px; text-transform: uppercase; margin: 5px 0; font-weight: bold; }

ul { line-height: 1.5em; list-style-type: square; color: #333333; padding: 10px 0 0 40px }
ol { line-height: 1.8em; color: #333333; }

img#topper { background-color: #eeeeee; border: 0; margin: 0; }
img { background-color: #eeeeee; border: 1px solid #cfcfcf; margin: 10px auto 10px auto; }
    img#cabeceras { float: right; margin-left: 15px; margin-top: -20px; }
    img#fotos-izqda { float: left; margin: 15px; }
    img#fotos-dcha { float: right; margin: 15px; }

blockquote#format { text-align: center; border: 0; width: 100%; background: transparent; }
blockquote { text-align: center; color: #555555; background-color: #eeeeee; border: 1px solid #cfcfcf; width: 75%; padding: 5px; margin: 10px auto 10px auto; }

code { color: #666; padding-left: 25px }
abbr, acronym { color: #335577; font-style: normal; border-bottom: 0px dotted #333333; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
del { text-decoration: none; color: #666666; font-weight: normal; }
ins { font-size: 13px; text-decoration: none; color: #335577; }
.headimg { margin: auto; width:100%; }

/*---Seminarios----*/
#programas { line-height: 1.8em; color: #fff; padding: 10px 0 0 40px }
    #programas p.details { text-align: left; width: 590px; padding-left: 25px; line-height: 20px; }
    #programas span { font-weight: bold; color: #3d5bb2; }
    #programas p.details a { color: #C0362C; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0 0 0 15px; }
        #programas p.details a:hover { color: #C0362C; text-decoration: underline; }

.ponentes { overflow: auto; font-size: 11px; color: #808080; }
    .ponentes p { font-size: 12px; color: #333333; padding-top: 15px; padding-bottom: 5px; }
    .ponentes img { border-width: 0px; float: left; padding-right: 10px; background-color: #FFFFFF; }

#equipo { font-size: 12px; margin-left: 60px; }
    #equipo p { color: #666666; font-weight: normal; line-height: 30px; padding-left: 25px; }
    #equipo a:link, #equipo a:visited, #equipo a:hover, #equipo a:active { font-weight: bold; font-size: 12px; color: #333333; background-color: #fff; }

.hidden { display: none }

ul.ListaSeminariosNuevos li a { color: #0000CC; }
ul.ListaSeminarios li.novedad { font-weight: bold; list-style-image: url('/style/images/nuevo.gif'); list-style-type: square; list-style-position: inside; }
    ul.ListaSeminarios li.novedad a { color: #669900; }
ul.ListaSeminarios li.aviso { font-weight: bold; list-style-image: url('/style/images/aviso.gif'); list-style-type: square; list-style-position: inside; }
    ul.ListaSeminarios li.aviso a { color: #c0362c; }
ul.ListaSeminariosRealizados li a { color: #c0362c; }

/*---Titulos----*/
ul#titles { margin: 0; padding: 0; list-style-type: none; overflow: auto; }
    ul#titles img { border-width: 0px; float: left; margin-right: 10px; margin-top: 0px; background-color: #FFFFFF; }
    ul#titles li { margin-top: 15px; height: 100px; padding: 5px; border-top: 1px dashed #ddd; }
        ul#titles li:hover { background-color: #eee; }
        ul#titles li .title { display: block; font-size: 20px; color: #000000; }
        ul#titles li .content { display: block; font-size: 11px; color: #666; padding: 5px }
        ul#titles li a:link, ul#titles li a:visited { padding: 0; color: #333333; }
        ul#titles li a:hover, ul#titles li a:active { color: #333333; background-color: transparent; font-weight: normal; }

/* --- SIDEBAR --- */
#sidebar { float: right; padding-left: 0px; margin-top: 10px }
    #sidebar img { background-color: transparent; border: 0px; margin: 0px; }
    #sidebar h1 { font-size: 20px; color: #666; background-color: #eee; line-height: 0.9em; }
    #sidebar h2 { width: 170px; font-size: 20px; color: #666; background-color: #eee; line-height: 0.9em; }
ul#sidenotes { margin: 0; padding: 0; line-height: 1.6em; list-style-type: none; }
    ul#sidenotes li { padding: 5px; border-bottom: 1px dotted #cccccc; }
        ul#sidenotes li:hover { background-color: #eee; }
        ul#sidenotes li .title { display: block; font-weight: bold; }
        ul#sidenotes li .date { display: block; color: #777777; font-size: smaller; }
        ul#sidenotes li .content { display: block; font-size: 11px; }
        ul#sidenotes li a:link, ul#sidenotes li a:visited { padding: 0; color: #333333; }
        ul#sidenotes li a:hover, ul#sidenotes li a:active { background-color: transparent; }

/* --- SLIDER HOME --- */
#slider { width: 620px; /* important to be same as image width */ height: 412px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ }
#sliderContent { width: 620px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: -40px; }
.sliderImage { float: left; position: relative; display: none; }
    .sliderImage span { position: absolute; top: 10px; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 420px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
ul { list-style-type: none; }


/* Bloques */
#bloques { text-align: center; margin: auto; padding-left: 30px; }
    #bloques img { background-color: transparent; border: 0px; margin: 0px; }

ul#bloqtres { margin: 0px; padding: 0px; line-height: 1.6em; list-style-type: none; text-align: center; }
    ul#bloqtres li { width: 400px; height: 75px; float: left; padding: 20px; border-bottom: 1px dotted #cccccc; }
        ul#bloqtres li:hover { background-color: #ddd; }
        ul#bloqtres li .date { display: block; color: #777777; font-size: smaller; }
        ul#bloqtres li .content { display: block; }
        ul#bloqtres li a:link,
        ul#bloqtres li a:visited { padding: 0; color: #333333; }
        ul#bloqtres li a:hover,
        ul#bloqtres li a:active { background-color: transparent; }

/*pestaņas*/
#pestanas { width: 100%; margin: 10px auto; font: 10px normal Verdana, Arial, Helvetica, sans-serif; }
    #pestanas p { padding-bottom: 5px; }

ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 23px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; width: 100%; }
    ul.tabs li { float: left; margin: 0; padding: 0; height: 22px; line-height: 22px; border: 1px solid #ddd; border-left: none; margin-bottom: -1px; background: #eee; overflow: hidden; position: relative; }
        ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none; }
            ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
.tab_container { border: 1px solid #ddd; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.tab_content { padding: 20px; font-size: 1.2em; }
    .tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
    .tab_content h3 { font-weight: bold; font-size: 1.2em; }
    .tab_content img { float: left; margin: 0 10px 10px 0; border: 1px solid #ddd; padding: 5px; }

/*acordeon*/
.accordion { position: relative; margin: 0 auto; width: 800px; border-bottom: solid 1px #c4c4c4; }
    .accordion h3 { background: #e9e7e7 url(/style/images/arrow-square.gif) no-repeat right -51px; padding: 7px 15px; margin: 0; font-size: small; border: solid 1px #c4c4c4; border-bottom: none; cursor: pointer; }
        .accordion h3:hover { background-color: #e3e2e2; }
        .accordion h3.active { background-position: right 5px; }
    .accordion span { font-size: smaller; color: #ff0000; }
    .accordion p { background: #f7f7f7; margin: 0; padding: 10px 15px 20px; border-left: solid 1px #c4c4c4; border-right: solid 1px #c4c4c4; }
        .accordion p.phide { visibility: hidden; margin: 0; padding: 0; }
    .accordion h3.h3hide { visibility: hidden; margin: 0; padding: 0; }

@media screen and (max-width:860px) {
    #like {
        float:none;
    }
    h1 {
        text-align: left;
        line-height: 32px;
    }
}