/* ======================================================================================
#BASIC STYLES
====================================================================================== */

body {
    background-color: #fff;
    word-wrap: break-word;
}
tr,
th,
td {
    vertical-align: top
}
::-moz-selection {
    /* Code for Firefox */
    
    color: #fff;
    background: #333;
}
::selection {
    color: #fff;
    background: #333;
}
.color1 {
    color: #666
}
.color2 {
    color: #c00
}
.color3 {
    color: #69c
}
.color4 {
    color: #333
}
.color5 {
    color: #fff
}
.color6 {
    color: #000
}
.bg_color2 {
    background: #c00
}
.bg_color3 {
    background: #69c
}
.bg_color4 {
    background: #0A9145
}
.bg_color5 {
    background-color: #FCB426
}
.bg_color6 {
    background-color: #339999
}
.bg_color7 {
    background-color: #990000
}
.bg_color8 {
    background-color: #996633
}
.bg_color9 {
    background-color: #666
}
.border_bottom1 {
    border-bottom: 5px solid #c00;
}
.border_bottom2 {
    border-bottom: 5px solid #69c;
}
.border_bottom3 {
    border-bottom: 5px solid #399;
}
.border_bottom4 {
    border-bottom: 5px solid #FCB426;
}
.border_bottom5 {
    border-bottom: 5px solid #399;
}
.border_bottom6 {
    border-bottom: 5px solid #429cd6;
}
.border_bottom7 {
    border-bottom: 5px solid #f90;
}
.border_bottom8 {
    border-bottom: 5px solid #777;
}
.border_bottom9 {
    border-bottom: 5px solid #f96;
}
.border_bottom10 {
    border-bottom: 5px solid #333;
}
.font12 {
    font-size: 12px
}
.font14 {
    font-size: 14px
}
.font15 {
    font-size: 15px
}
.font16 {
    font-size: 16px
}
.font17 {
    font-size: 17px
}
.font18 {
    font-size: 18px
}
.font19 {
    font-size: 19px
}
.font20 {
    font-size: 20px
}
.font24 {
    font-size: 24px
}
.font_bold {
    font-weight: 900
}
.font_normal {
    font-weight: 100
}
.font_italic {
    font-style: italic
}
.btn_text {
    border-bottom: 1px solid #c00;
}
.btn_text a {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    color: #444;
    text-decoration: none
}
.btn_text a:hover {
    text-decoration: none;
    color: #69c
}
.main_content .btn_text,
.aside_content .btn_text {
    border-bottom: 1px solid #c00;
}
.main_content .btn_text a,
.aside_content .btn_text a {
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    color: #444;
    text-decoration: none
}
.main_content .btn_text a:hover,
.aside_content .btn_text a:hover {
    color: #c00;
}
.main_content .btn_url_ext a{background:#c00;color:#fff;padding:1px 5px}
.main_content .btn_url_ext a:hover{background:#69c;color:#fff;padding:1px 5px;text-decoration:none}

.video-wrap {
    margin: 10px 0 30px 0
}
.hide_last {
    display: none
}
.lowercase {
    text-transform: lowercase
}
.uppercase {
    text-transform: uppercase
}
sup {
    vertical-align: top
}
.hr_main,
.hr0_0,
.hr0_10,
.hr10_10,
.hr10_20,
.hr0_20,
.hr20_10,
.hr20_20,
.hr20_0,
.hr20_30,
hr {
    width: 100%;
    height: 3px;
    border-top-color: transparent;
    border-bottom-color: #ccc;
    border-style: dotted none;
    border-width: 1px 0;
    margin: 10px auto 0 auto;
    clear: both;
    float: left;
}
hr {
    margin: 20px auto
}
.hr0_20 {
    margin: 0 auto 20px auto
}
.hr0_10 {
    margin: 0 auto 10px auto
}
.hr10_10 {
    margin: 10px auto
}
.hr10_20 {
    margin: 10px auto 20px auto
}
.hr0_0 {
    margin: 2px auto
}
.hr20_20 {
    margin: 20px auto
}
.hr20_0 {
    margin: 20px auto 2px auto
}
.hr20_10 {
    margin: 20px auto 10px auto
}
.hr0_30 {
    margin: 0 auto 30px auto
}
.hr20_30 {
    margin: 20px auto 30px auto
}
.hr30_30 {
    margin: 30px auto 30px auto
}
.separator_aside_top {
    margin-bottom: 33px;
    width: 200px;
    height: 1px;
    clear: left
}
.separator_main_content {
    margin-bottom: 30px;
    width: 100%;
    height: 1px;
    clear: left
}
@media only screen and (max-width: 767px) {
    .separator_main_content {
        margin-bottom: 0px
    }
    .hr20_20 {
        margin: 10px auto
    }
}
.separador_footer {
    width: 100%;
    height: 10px;
    margin: 140px auto 0 auto
}
/* #PRELOADER
================================================== */

.container {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    
    -o-animation: fadein 2s;
    /* Opera */
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    /* Firefox */
    
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    /* Safari and Chrome */
    
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein {
    /* Opera */
    
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.highlight_title {
    /*border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #00FFFF;*/
	padding: 1px 3px;
    color: #fff;
    text-shadow: none;
    background-color: #FF6600;
}
.highlight_post {
	padding: 1px 3px;
	color: #fff;
	text-shadow: none;
	background-color: #FF6600;
}
.copyright {
    font-family: Arial, sans-serif;
    font-size: 14px
}
/*TYPOGRAPHY
==========================================================*/

body,
p {
    color: #666;
    font-size: 16px;
    line-height: normal;
    font-family: "Roboto", sans-serif;
    text-shadow: none;
}
p {
    margin-bottom: 20px;
    line-height: 1.5em
}
h1,
h1 a,
h1 a:visited {
    color: #555;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Roboto Condensed', sans-serif;
}
h1 a:hover {
    text-decoration: underline
}
h2,
h2 a,
h2 a:visited {
    color: #555;
    line-height: 22px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    margin-top: 10px;
}
h3 {
    color: #555;
    font-size: 20px;
    line-height: normal;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0
}
/* #Tablet (Portrait)
	================================================== */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    h1,
    h1 a,
    h1 a:visited {
        font-size: 22px;
        margin: 0 0 5px 0;
    }
    h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    /*capital letter*/
    
    .two-thirds.column big,
    .three-thirds.column big {
        font-size: 26px;
        line-height: 30px;
        margin: 5px 5px 0 -3px;
    }
}
@media only screen and (max-width: 767px) {
    h1,
    h1 a,
    h1 a:visited {
        font-size: 18px
    }
    h2 {
        font-size: 17px
    }
    h3 {
        margin-bottom: 0px
    }
    .two-thirds.column big,
    .three-thirds.column big {
        font-size: 56px;
        line-height: 30px;
        margin: 5px 5px 0 -7px;
        padding-left: 0px
    }
}
h4 {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
    line-height: normal;
    font-weight: 100;
    font-family: 'Roboto Condensed', sans-serif;
}
h5 {
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-weight: 100;
    font-family: Arial, sans-serif;
}
h6 {
    font-size: 12px;
    color: #555;
    margin: 0;
    line-height: normal;
    font-weight: 100
}
/*capital letter*/

big {
    float: left;
    color: #c00;
    font-size: 34px;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 15px;
    margin-left: -3px;
}
.two-thirds.column big,
.three-thirds.column big {
    float: left;
    color: #c00;
    font-size: 44px;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 8px;
    padding-left: 5px
}
.one-third.column big {
    float: left;
    font-size: 44px;
    line-height: 30px;
    margin-right: 5px;
    margin-top: 5px;
    margin-left: -3px;
    padding-left: 1px
}
cite {
    font-style: italic
}
q {
    display: inline;
    font-weight: 600
}
q:before {
    content: open-quote
}
q:after {
    content: close-quote
}
.title_bar_aside,
.title_bar_aside_top,
.title_bar_main,
.title_bar_main2,
.subtitle_bar_main {
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0 0 15px 0;
    font-size: 20px;
    color: #666;
    line-height: normal;
}
.title_bar_main,
.title_bar_main2,
.title_bar_aside {
    width: auto;
    color: #777;
    font-size: 25px;
    line-height: 24px;
    font-weight: 100;
    float: left;
    padding: 0 0 5px 0;
    margin: 0px 20px 25px 0;
}
.title_bar_main,
.title_bar_main2 {
    font-size: 30px;
    width: 100%;
    margin: 40px 0 25px 0;
    padding-bottom: 10px
}
.title_bar_main {
    margin: 0px 20px 25px 0;
}
.title_bar_main a,
.title_bar_main2 a {
    color: #999
}
.title_bar_main a:hover,
.title_bar_main2 a:hover {
    text-decoration: none;
    color: #000
}
.subtitle_bar_main {
    color: #c00;
    font-size: 16px;
    border: none
}
.title_bar_aside,
.title_bar_aside_top {
    font-size: 22px;
    width: 99%;
    padding: 0 0 5px 0;
    text-transform: none;
    font-weight: 100;
    margin: 15px 0 15px 0;
}
.title_bar_aside_top {
    margin: 0 0 15px 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title_bar_main,
    .title_bar_main2 {
        margin: 70px 0 15px 0;
        font-size: 24px;
        padding: 0 0 5px 0
    }
    .title_bar_main2 {
        margin: 40px 0 20px 0
    }
    .title_bar_aside,
    .title_bar_aside_top {
        padding: 0 0 5px 0;
        margin: 10px 0 15px 0;
    }
}
@media only screen and (max-width: 767px) {
    .title_bar_main,
    .title_bar_main2 {
        margin: 20px 20px 10px 0;
        font-size: 24px;
        padding: 2px 6px 5px 0
    }
    .title_bar_main small {
        font-size: 12px
    }
}
.aside_content h1 {
    font-size: 22px;
    margin-bottom: 10px
}
/*LINKS
 ========================================================*/

.main_content .main_post a {
    text-decoration: underline;
    color: #c00
}
.main_content .main_post a:hover {
    text-decoration: underline;
    color: #69c
}
.main_content .main_post a:visited {
    text-decoration: underline;
    color: #69c
}
/*TABLE ELEMENTS
==========================================================*/

.main_post table tbody {
    background: #fff
}
.main_post table {
    width: 90%;
    margin: 30px auto
}
.main_post table th {
    font-family: 'Playfair Display', serif;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    background: #69c;
    padding: 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.main_post table td {
    color: #444;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc
}
@media only screen and (max-width: 767px) {
    .main_post table th {
        padding: 2px;
        font-size: 14px;
    }
    .main_post table td {
        font-size: 12px
    }
    .main_content table,
    .main_content table p {
        font-size: 12px
    }
}
/*OL LISTS
==========================================================*/

ol {
    counter-reset: li;
    /* Initiate a counter */
    
    margin-left: 0;
    /* Remove the default left margin */
    
    padding-left: 0;
    /* Remove the default left padding */
    
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 20px;
    margin: 12px 0 32px 25px;
}
ol > li {
    position: relative;
    /* Create a positioning context */
    
    margin: 0 0 16px 0;
    /*Give each list item a left margin to make room for the numbers */
    
    padding: 0;
    /*Add some spacing around the content */
    
    list-style: none;
    /* Disable the normal item numbering */
    
    border-top: none;
    line-height: 1.5em
}
ol > li:before {
    content: counter(li);
    /* Use the counter as content */
    
    counter-increment: li;
    /* Increment the counter by 1 */
    
    position: absolute;
    /* Position and style the number */
    
    top: -3px;
    left: -1.7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    margin-right: 4px;
    /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */
    
    padding: 4px 2px;
    border-top: none;
    color: #c00;
    background: #none;
    font-weight: 900;
    font-size: 15px;
    text-align: center;
}
li ol {
    margin-top: 6px
}
ol ol li:last-child {
    margin-bottom: 0
}
.main_home ol {
    font-size: 14px;
    font-weight: 100;
    margin-top: 25px
}
/*tamaño del texto*/

.main_home ol > li:before {
    font-size: 14px
}
/*tamaño de los numeros*/
/*UL LISTS*/

.main_content ul {
    list-style-type: none;
    list-style-position: outside;
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 20px;
}
.main_content ul li {
    margin-bottom: 0px;
    margin-left: 20px;
    line-height: 1.4em
}
.main_content ul li:before {
    content: "\2022 ";
    color: #69c;
    font-size: 22px;
    margin-right: 10px;
}
/* #tablet (Portrait)
		================================================== */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*OL & UL LISTS
			==========================================================*/
    
    ol > li {
        margin: 0;
        /*Give each list item a left margin to make room for the numbers */
    }
    .main_content ul {
        margin: 0 0 30px 0;
    }
    .main_content ul li {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 767px) {
    ol li {
        margin: 0 0 0 8px
    }
    .main_content ul li {
        margin: 0 0 0 20px;
    }
}
/*7-NAV elements
==========================================================*/

#container_menu_aside1 {
    display: block;
    margin: 0
}
#container_menu_aside2 {
    display: none;
    margin: 0;
    width: 100px
}
#container_menu_aside2 .menu_button {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 30px;
}
#container_menu_aside2 .menu_button a {
    color: #555;
    text-decoration: none
}
#container_menu_aside2 .menu_button a:hover {
    text-decoration: none
}
.languages_menu {
    margin: 2px 30px 0 0;
    width: 100px;
    height: 22px;
    text-align: right;
    float: right
}
@media only screen and (max-width: 767px) {
    .languages_menu {
        margin: 0;
        width: 80px;
    }
}
/*MENU ASIDE*/

.menu_aside_margin_top {
    width: 300px;
    height: 12px;
    border-top: 1px solid #ccc;
    margin-top: 26px
}
#menu_aside_wrapper {
    width: 300px;
    margin: 20px auto;
    font-size: 15px;
    background: #fff
}
#menu_aside_wrapper a:hover {
    text-decoration: none
}
.menu_aside_ul-acord,
.menu_aside_ul {
    width: auto;
    height: auto
}
.menu_aside-item img {
    border: none;
    box-shadow: none;
    margin-right: 5px
}
@media only screen and (max-width: 767px) {
    #container_menu_aside1 {
        display: none
    }
    #container_menu_aside2 {
        display: block
    }
    .menu_aside_margin_top {
        display: none
    }
    #menu_aside_wrapper {
        width: 100%
    }
    .one-third #container_menu2 {
        margin-bottom: 15px
    }
}
/*ITEMS MENU CASE - RESPONSIVE*/

.menu_aside_ul-acord > li > a,
.menu_aside_ul > li > a {
    font-size: 18px;
    width: 100%;
    height: 1.8em;
    line-height: 1.8em;
    text-indent: 0;
    display: block;
    position: relative;
    font-weight: 600;
    color: #555;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}
/*SUBITEMS MENU CASE*/

.menu_aside_ul-acord ul li a,
.menu_aside_ul ul li a {
    width: 92%;
    height: 2.1em;
    line-height: 2.1em;
    text-indent: 0;
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin-top: 10px;
    margin-left: 10%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #333
}
.menu_aside_ul-acord ul li:last-child a {
    border-bottom: 1px dotted #666
}
.menu_aside_ul-acord > li > a:hover,
.menu_aside_ul-acord > li > a.active,
.menu_aside_ul > li > a:hover,
.menu_aside_ul > li > a.active {
    border-bottom: 1px solid #666;
    color: #666
}
/*menu botton line item*/

.menu_aside_ul-acord > li > a.active {
    border-bottom: 1px solid #666
}
.menu_aside_ul-acord ul li a:hover {
    color: #666;
    border-bottom: 1px solid #666
    /*submenu botton line item*/
}
.menu_aside_ul-acord ul li img {
    border: none;
    box-shadow: none
}
ul.menu_aside_ul-acord li .search_field {
    font-size: 12px;
    width: 235px;
    height: 18px;
    float: left;
    border-radius: 15px;
    padding: 2px 0 2px 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 5px;
}
ul.menu_aside_ul-acord li .sel_option {
    width: 280px;
    margin: 0 0 10px 20px
}
.submenu img {
    border: none;
    box-shadow: none;
}
.menu_aside-item_title {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-family: Arial, sans-serif;
    font-size: 17px
}
.menu_aside-subitem_title {
    margin-top: 10px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*ASIDE menu*/
    
    .menu_aside_margin_top {
        width: 236px;
        margin-top: 26px
    }
    #menu_aside_wrapper {
        width: 235px;
        font-size: 14px
    }
    .menu_aside-item_title {
        font-size: 16px
    }
    .menu_aside_ul-acord ul li a {
        font-size: 14px
    }
    ul.menu_aside_ul-acord li .search_field {
        font-size: 12px;
        width: 175px;
        padding: 2px 0 2px 10px;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 5px
    }
    ul.menu_aside_ul-acord li .sel_option {
        width: 215px;
        margin: 0 0 10px 20px
    }
}
/*TOP BAR MENU*/

#menu_top_container,
#menu_top_container_arbor {
    width: 100%;
    height: 26px;
    margin: 0 auto;
    padding: 8px 0 5px;
    background-color: #222;
    border-top: 2px solid #fff;
    position: fixed;
    z-index: 900000000000;
    filter: alpha(opacity=95);
    -moz-opacity: .95;
    opacity: .95;
    /*box-shadow: 1px 1px 4px #666*/
}
#menu_top_container_arbor a {
    color: #fff;
    font-size: 22px;
    margin-bottom: 5px
}
@media only screen and (max-width: 767px) {
    #menu_top_container {
        display: none
    }
}
#menu_top {
    font-size: 14px;
    margin: 0
}
/*@media only screen and (min-width: 768px) and (max-width: 1023px) {
#menu_top {
    font-size: 28px;
	}

}*/

#menu_top li {
    margin: 0 1px;
    padding: 0 8px;
    float: left;
    position: relative;
    list-style: none;
    color: #fff
}
#menu_top a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0px;
    margin: 0 5px;
}
#menu_top .current a,
#menu_top li:hover >a {
    color: #fff;
    text-decoration: none;
    padding: 0px;
    /*border-top:4px solid #c00*/
}
/*SUBMENUS*/

#menu_top ul li:hover a,
#menu_top li:hover li a {
    background: none;
    border: none;
    color: #fff;
    box-shadow: none;
    padding: 2px 5px;
}
#menu_top ul a:hover {
    background: #666 !important;
    color: #fff !important;
    text-shadow: none;
    padding: 5px;
    text-decoration: none;
    border-bottom: 1px dotted #fff
}
#menu_top ul {
    display: none;
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 240px;
    top: 18px;
    /*space between menu and submenu box*/
    
    left: 0;
    border: none;
    /* box-shadow: 1px 1px 4px #666;*/
    
    z-index: 500000000;
    filter: alpha(opacity=98);
    opacity: .98;
    background-color: #000;
    border-radius: 0
}
#menu_top li:hover >ul {
    display: block
}
#menu_top ul li img {
    width: 16px
}
#menu_top ul li {
    float: none;
    margin: 5px;
    padding: 0
}
#menu_top ul a {
    font-weight: normal;
    text-shadow: none
}
#menu_top ul ul {
    left: 181px;
    top: -3px;
    left: 170px
}
#menu_top:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
#menu_top .search_field_top {
    font-size: 12px;
    width: 160px;
    height: 10px;
    float: left;
    margin: -5px 0 20px 5px;
    padding: 4px
}
#menu_top .sel_option_top {
    width: 170px;
    margin: 15px 0 10px 5px
}
#menu_top {
    display: inline-block
}
html[xmlns] #menu_top {
    display: block
}
* html #menu_top {
    height: 1%
}
.button_menu_top {
    border: none;
    text-align: center;
    width: auto;
    transition: all 0.4s;
    cursor: pointer;
    margin: 0 5px;
}
.button_menu_top span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.4s;
}
.button_menu_top span:after {
    content: '\27A4';
    color: #fff;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0px;
    transition: 0.4s;
}
.button_menu_top:hover span {
    padding-right: 15px;
}
.button_menu_top:hover span:after {
    opacity: 1;
    right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #menu_top {
        font-size: 13px
    }
}
/*TAGS CLOUD*/

div .tags_cloud a {
    color: #777;
    text-decoration: none;
    font-weight: 100
}
div .tags_cloud a:hover {
    color: #242225;
    text-decoration: none;
    border: none 0 transparent;
    padding: 0
}
div .tags_cloud a:visited {
    color: #c00
}
/*ARROW BACK TO TOP*/

#back-top {
    position: fixed;
    bottom: 210px;
    margin-left: 600px;
    z-index: 999;
    filter: alpha(opacity=99);
    -moz-opacity: .99;
    opacity: .99
}
#back-top a {
    width: 30px;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}
#back-top a:hover {
    color: #000;
    border-bottom: none
}
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    background-color: #69c;
    background-image: url(graphics/arrow-top.svg);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #69c;
    /*box-shadow: 1px 1px 3px #666;*/
    
    border-radius: 0.2em
}
#back-top a:hover span {
    background-color: #c00;
    border: 1px solid #c00
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #back-top {
        margin-left: 48%
    }
}
@media only screen and (max-width: 767px) {
    #back-top {
        bottom: 160px;
        margin-left: 41.5%;
    }
}
/*PAGINATOR
==========================================================*/
/* #paginator
================================================== */

.container_paginator {
    overflow: hidden;
    height: auto;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
.paginator,
.paginator_current,
.paginator_navigation {
    display: inline-table;
    padding: 0;
    background: #69c;
    margin: 10px 4px;
    min-width: 20px;
    height: 26px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    padding: 0px 4px;
    /* border-radius: 5px;*/
    
    border: 1px solid #69c;
    background: transparent;
    border: none;
    color: #69c;
    font-weight: 900;
    border-top: 5px solid #69c;
}
.paginator_current {
    background: transparent;
    border: none;
    color: #c00;
    font-weight: 900;
    border-bottom: 5px solid #c00;
}
.paginator_navigation {
    background: transparent;
    color: #000;
    font-size: 16px;
    border: none;
    line-height: 26px;
}
.paginator a,
.paginator_navigation a {
    text-decoration: none;
    color: #69c;
}
.paginator_navigation a {
    color: #000
}
.paginator a:hover {
    color: #c00;
    cursor: pointer;
}
div.pagination {
    margin-right: 0
}
@media only screen and (max-width: 767px) {
    div.pagination {
        margin-bottom: 20px;
        margin-top: 5px;
    }
}
/*
==========================================================================================================
LAYOUT
==========================================================================================================

*/
/*HEADER elements
===================================================*/

#header {
    height: 120px;
    width: 100%;
    border-bottom: solid 1px #ddd;
    background: #eee;
    position: relative;
    top: 40px;
    text-align: center;
}
#header img {
    width: 400px;
    margin-top: 15px
}
@media only screen and (max-width: 767px) {
    #header {
        top: 0;
        height: auto;
        margin: 0;
    }
    #header img {
        height: auto;
        width: 94%;
        margin-top: 10px
    }
}
.info_header1,
.info_header2 {
    position: relative;
    font-size: 14px;
    margin-top: 10px;
    color: #666
}
.info_header1 {
    text-align: left;
    float: left
}
.info_header2 {
    text-align: right;
    float: right;
    margin-top: 13px;
}
.info_header1 a,
.info_header2 a {
    color: #444;
    text-decoration: underline
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .info_header2 {
        margin-right: 10px
    }
}
#logotype,
#logotype2 {
    text-align: center;
    margin-bottom: 20px;
    background: green;
    width: 100%;
    height: 200px
}
#logotype img,
#logotype2 img {} @media only screen and (max-width: 767px) {
    #logotype,
    #logotype2 {
        margin: 10px auto;
        max-width: 300px
    }
    #logotype img,
    #logotype2 img {
        width: 100%
    }
    .info_header1 {
        display: block
    }
}
/*ASIDE COL - ONE-THIRD
general elements
==========================================================*/

.one-third .aside_content {
    margin: 0 0 15px
}
.one-third .aside_container_top {
    margin-top: 80px
}
.one-third .aside_container_top_search {
    margin-top: 110px
}
.one-third .aside_container_img {
    margin-top: 70px
}
.one-third.column .gravatar img {
    width: 32px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 3px #999
}
.aside_content p {
    margin: 0;
    font-size: 14px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .one-third .aside_container_top {
        margin-top: 60px
    }
    .one-third .aside_container_top_search {
        margin-top: 35px
    }
    .one-third .aside_container_img {
        margin-top: 45px
    }
    .one-third .aside_content {
        margin: 0 5px 15px 0
    }
    .aside_content p {
        line-height: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .aside_content p {
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: auto;
        text-align: left;
    }
    .one-third .aside_container_top {
        margin-top: 0px
    }
}
.aside_content h1,
.aside_content h1 a {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 20px;
    color: #000
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .aside_content h1,
    .aside_content h1 a {
        font-size: 17px;
        line-height: 18px
    }
}
.aside_content .titulo {
    font-family: Arial, sans-serif;
    margin-bottom: 15px
}
.aside_content .fecha,
.aside_content .fecha_evento,
.aside_content .fuente {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #333;
    line-height: 26px
}
.aside_content .fecha {
    color: #c00
}
.aside_content .nick {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #69c;
    font-weight: 100;
    margin-left: 5px
}
.aside_content .read_more {
    margin-bottom: 20px
}
.aside_content .read_more a {
    border-bottom: none
}
.aside_content .read_more a:hover {
    border-bottom: none;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80
}
.aside_content .img_aside img,
.aside_content .img_aside_top img,
.aside_content .logo_aside img {
    width: 100%;
    margin: 5px auto 10px;
    border: 1px solid #eee
}
.aside_content .img_aside_top img {
    width: 96%;
    border: 5px solid #000;
}
.aside_content .logo_aside img {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.aside_content .img_aside_top img {
    margin: 25px auto 10px
}
/*FRAME IMG ASIDE BIO*/

.frame_aside {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 0;
    position: relative;
    z-index: 1;
    width: 265px;
    height: 265px;
    background-color: #222;
    padding: 14px;
    margin-bottom: 20px;
    &:after {
        position: absolute;
        z-index: 10;
        left: 18px;
        top: 18px;
        width: 263px;
        height: 263px;
    }
}
.frame_aside img {
    width: 100%
}
.frame_aside figcaption {
    position: absolute;
    color: #FFCC33;
    font-size: 10px;
    opacity: 0.6;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    top: 12px;
    right: -64px;
    cursor: vertical-text;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*.aside_content .img_aside_top img {
        width: 98%;
    }*/
    
    .aside_content h3 {
        font-size: 15px
    }
    .aside_content p {
        font-size: 14px
    }
    .aside_content .img_aside,
    .aside_content .logo_aside {
        width: 235px;
        margin: 10px auto 5px
    }
    .aside_content .logo_aside img {
        width: 100%
    }
    /*FRAME IMG ASIDE BIO*/
    
    .frame_aside {
        width: 206px;
        height: 206px;
        &:after {
            width: 204px;
            height: 204px;
        }
    }
}
@media only screen and (max-width: 767px) {
    .aside_content .img_aside img,
    .aside_content .img_aside_top img,
    .aside_content .logo_aside img {
        width: 97%;
    }
    .aside_content .img_aside_top img {
        margin: 0 0 30px 0
    }
    /*FRAME IMG ASIDE BIO*/
    
    .frame_aside {
        width: 90.5%;
        height: 90.5%;
        &:after {
            width: 90%;
            height: 90%;
        }
    }
    .one-third .aside_container_img {
        margin-top: 0px
    }
}
.aside_content .publications_item {
    margin-bottom: 5px
}
.aside_content .categoria,
.aside_content .fuente,
.aside_content .autor,
.aside_content .journal,
.aside_content .col,
.aside_content .pag,
.aside_content .year {
    font-family: "Lucida new", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
}
.aside_content .fuente {
    font-weight: 900;
}
.aside_content .categoria {
    font-weight: 100;
}
.aside_content .categoria,
.aside_content .fuente {
    border-right: 1px solid #666;
    padding-right: 7px
}
.aside_content .categoria {
    padding-left: 7px
}
.aside_content .fecha,
.aside_content .fecha_evento {
    font-size: 12px;
    font-style: normal;
    color: #c00;
    margin-bottom: 0;
    margin-left: 5px;
}
.aside_content .autor {
    font-weight: 900;
    font-size: 13px;
    color: #666
}
.aside_content .journal {
    font-weight: 100;
    font-size: 14px;
    color: #69c
}
.aside_content .col {
    font-weight: 900;
    font-size: 14px
}
.aside_content .pag {
    font-weight: 100;
    font-size: 14px;
    font-style: italic
}
.aside_content .container_video {
    width: 300px;
    height: auto;
    float: left;
    margin: 10px 0 0 0
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .aside_content .container_video {
        width: 234px;
        margin: 3px 0 0 0
    }
}
.aside_content .container_video .video-wrap {
    margin: 0 0 10px
}
.aside_content .container_video iframe {
    width: 99.8%;
    height: 100%
}
.aside_content .container_video_alt_img {
    width: 300px;
    float: left;
    margin: 0 0 10px
}
.aside_content .container_video_alt_img img {
    width: 100%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .aside_content .container_video_alt_img {
        width: 234px;
    }
}
.aside_content h4 {
    font-size: 14px;
    font-weight: 100;
    border: none;
    margin-top: 0;
    color: #69c
}
/*MAIN COL - THREE-THIRDS
general elements
==========================================================*/

.three-thirds.column .main_content,
.three-thirds.column .main_content_hr {
    float: left;
    width: 940px;
    height: 1%;
    overflow: hidden;
    margin: 0;
    font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .three-thirds.column .main_content,
    .three-thirds.column .main_content_hr {
        width: 100%;
        padding: 0;
        border: none
    }
}
/*MAIN COL - TWO-THIRDS
general elements
==========================================================*/

.two-thirds.column .main_content,
.two-thirds.column .main_content_hr {
    float: left;
    width: 600px;
    height: 1%;
    overflow: hidden;
    margin: 0;
    font-size: 15px;
    padding-right: 20px;
}
.two-thirds.column .main_content_hr {
    width: 600px;
    border: none;
    padding: 0;
    position: relative
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .two-thirds.column .main_content,
    .two-thirds.column .main_content_hr {
        width: 490px;
        padding: 0;
        border: none
    }
}
@media only screen and (max-width: 767px) {
    .two-thirds.column .main_content,
    .two-thirds.column .main_content_hr {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none
    }
    .three-thirds.column .main_content,
    .three-thirds.column .main_content_hr {
        width: 100%;
        padding: 0;
        border: none;
        margin: 0
    }
}
.main_content p {
    margin-bottom: 10px;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content p {
        font-size: 15px;
        line-height: 19px
    }
}
@media only screen and (max-width: 767px) {
    .main_content p {
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: auto;
        text-align: left;
    }
}
.main_content h3 a {
    color: #69c
}
.main_content_post a {
    border-bottom: 1px solid #c00
}
.main_content .read_more a,
.main_content .read_list a {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #c00;
}
.main_content .read_more a:hover,
.main_content .read_list a:hover {
    border-bottom: none;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80
}
.main_content .read_list a {
    color: #666;
    font-size: 18px
}
.main_content .zoom_container {
    text-align: left;
    float: left;
    width: 100%;
    margin: 10px 0;
    border-bottom: 1px dotted #666
}
.main_content .zoom_container a {
    font-size: 14px;
    color: #c00;
}
.main_content .zoom_container a:hover {
    color: #888;
    border-bottom: none
}
/*SEARCH COMPONENTS*/

#container_buscadores,
#container_buscadores2 {
    position: absolute;
    width: 220px;
    top: 0px;
    right: 20px;
    text-align: right;
}
#container_buscadores2 {
    right: 10px;
}
#search_container_publications,
#search_container_big {
    width: 270px;
    height: 30px;
    float: right;
    margin-bottom: 15px
}
#search_container_publications{
width:300px;

}
#search_container_medium {
    width: 220px;
    height: 30px;
    float: right;
    margin-bottom: 0;
    margin-right: 20px
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #search_container_medium {
        top: 0;
        right: 0;
        position: absolute;
        z-index: 9999999;
        margin-right: 0px
    }
}
@media only screen and (max-width: 767px) {
    #search_container_publications,
    #search_container_big {
        top: 45px;
        right: 0px;
        position: absolute;
        z-index: 9999999
    }
    #search_container_medium {
        top: -20px;
        right: 0;
        position: absolute;
        z-index: 9999999;
        margin-right: 0px
    }
	
	.btn_hidden{display:none}
}
.box_search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    float: right;
    width: 80px;
    z-index: 10;
    top: 0;
    right: 10px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 2px;
	text-align:center
}
.button_search,
.button_search:hover,
.button_search:active {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #333;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    line-height: normal;
    padding: 7px 9px;
    border: none;
    margin: 0
}
.select_publications {
    width: auto;
    height: 29px;
    float: right;
    margin-right: 0;
    margin-left: 15px
}
@media only screen and (max-width: 767px) {
    .button_search:active {
        background: #c00;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #container_buscadores {
        width: 190px;
        top: 90px;
        margin-right: 0;
    }
    #container_buscadores2 {
        width: 250px;
        top: 90px
    }
    .caja_buscador {
        width: 60px;
        margin-right: 0
    }
    #caja_lupa {
        right: 0px
    }
    .select_publications {
        width: 110px;
        margin-right: 8px;
        font-size: 10px
    }
}
@media only screen and (max-width: 767px) {
    #container_buscadores,
    #container_buscadores2 {
        position: absolute;
        width: 270px;
        height: 80px;
        float: none;
        top: 15px;
        right: 0;
        text-align: right;
        margin: 0
    }
    #container_select {
        display: none
    }
}
.main_content .categoria img,
.main_content .read_more img,
.main_content .icon img {
    border: none;
    box-shadow: none
}
.main_content .publications_item {
    margin-bottom: 5px
}

.main_content .publications_item .citations{
	color:#fff;
	background:#c00;
	border-radius:3px;
	padding:1px 4px;
	cursor:pointer;
	margin-left:14px;
	font-size:14px;
	margin-top:2px;
	float:right;
	min-width:12px;
	text-align:center
}

.main_content .categoria,
.main_content .categoria_research,
.main_content .fuente,
.main_content .autor,
.main_content .journal,
.main_content .col,
.main_content .pag,
.main_content .year {
    font-family: "Lucida new", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
}
.main_content .categoria,
.main_content .fuente {
    border-right: 1px solid #666;
    padding-right: 7px
}
.main_content .categoria_research {
    margin-left: 5px;
}
.main_content .fecha,
.main_content .fecha_evento {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #c00;
    margin-bottom: 0;
    margin-left: 5px;
}
.main_content .fecha_evento {
    color: #c00
}
.main_content .fuente {
    font-weight: 900;
}
.main_content .categoria {
    font-weight: 100;
    margin-left: 5px
}
.main_content .autor {
    font-weight: 900;
    font-size: 14px
}
.main_content .journal {
    font-weight: 600;
    font-size: 14px;
    color: #69c
}
.main_content .col {
    font-weight: 900;
    font-size: 14px
}
.main_content .pag {
    font-weight: 400;
    font-size: 14px;
    font-style: italic
}
/*MCol images that fit the text*/

.main_content .main_content_img,
.main_content .main_content_img_small,
.main_content .main_content_illustration {
    float: left
}
.main_content .main_content_img,
.main_content .main_content_illustration {
    margin: 3px 20px 5px 0
}
.main_content .main_content_img {
    margin: 6px 15px 0 0;
    width: 398px;
}
.main_content .main_content_img_small {
    margin: 6px 15px 0 0;
    width: 200px;
}
.main_content .main_content_img img,
.main_content .main_content_img_small img {
    height: auto;
    border: 1px solid #eee;
    clear: left
}
.main_content .main_content_img_big img,
.main_content .main_content_img_small img {
    width: 100%
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content .main_content_img {
        width: 235px;
        margin: 2px 20px 5px 0
    }
    .main_content .main_content_img img {
        width: 235px;
    }
    .main_content .main_content_img_small {
        margin: 2px 15px 0 0
    }
}
@media only screen and (max-width: 767px) {
    .two-thirds.column .main_content .main_content_img,
    .two-thirds.column .main_content .main_content_img_small {
        width: 98%;
        margin-bottom: 10px
    }
    .two-thirds.column .main_content .main_content_img img,
    .two-thirds.column .main_content .main_content_img_small img {
        width: 100%;
    }
    /*MCol images that fit the text*/
    
    .three-thirds.column .main_content .main_content_img,
    .three-thirds.column .main_content .main_content_img_small {
        width: 150px;
        margin-bottom: 10px
    }
    .three-thirds.column .main_content .main_content_img img,
    .three-thirds.column .main_content .main_content_img img_small {
        width: 100%;
    }
}
/*MCol floating lists images */

.main_content .thumbnail_float {
    width: 180px;
    float: left;
    margin: 0 25px 25px 0
}
.main_content .thumbnail_float img {
    width: 100%;
    border: 3px solid #fff;
    box-shadow: 1px 1px 4px #666;
    border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content .thumbnail_float {
        width: 140px;
        float: left;
        margin: 0 0 30px;
    }
    .main_content .thumbnail_float img {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .main_content .thumbnail_float {
        display: block
    }
    .main_content .thumbnail_float {
        width: 35%;
        float: left;
        margin: 0 0 10px;
    }
}
/*MCol floating container info item */

.main_content .container_item_info,
.main_content .container_item_info_thumb,
.main_content .container_item_info_img {
    width: 410px;
    height: auto;
    float: left;
    overflow: auto
}
.main_content .container_item_info_img {
    width: 260px
}
.main_content .container_item_info h1,
.main_content .container_item_info_img h1 {
    font-size: 18px;
    margin: 0
}
.main_content .container_item_info p {
    font-size: 16px;
    margin: 0
}
.main_content .container_item_info_thumb .abstract,
.main_content .container_item_info_img .abstract {
    font-size: 14px;
    margin: 0;
    line-height: 1em;
}
.main_content .container_item_info a:hover {
    text-decoration: underline
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content .container_item_info,
    .main_content .container_item_info_thumb,
    .main_content .container_item_info_img {
        width: 330px;
        height: auto;
        float: right;
        overflow: auto
    }
    .main_content .container_item_info_img {
        width: 230px
    }
    .main_content .container_item_info h1,
    .main_content .container_item_info_img h1 {
        font-size: 17px;
        margin-top: 0
    }
    .main_content .container_item_info p {
        font-size: 16px
    }
    .main_content .container_item_info_thumb .abstract {
        font-size: 13px;
        line-height: normal
    }
    .main_content .container_item_info a:hover {
        text-decoration: underline
    }
}
@media only screen and (max-width: 767px) {
    .main_content .container_item_info {
        width: 60%;
        float: right;
    }
    .main_content .container_item_info_img {
        margin: 0 auto;
        float: none;
        clear: left;
        width: 100%
    }
    .main_content .container_item_info .hr0_10 {
        display: none
    }
    .main_content .container_item_info_thumb {
        width: 100%;
        float: left;
        clear: left;
        margin: 0 0 10px 0
    }
    .main_content .container_item_info h1,
    .main_content .container_item_info_img h1 {
        font-size: 16px;
        margin-bottom: 0
    }
    .main_content .container_item_info p {
        margin-bottom: 5px
    }
}
.main_content .main_post {
    margin: 0 auto;
    width: 600px
}
.main_content .main_post img {
    width: 500px;
    /*important for centering*/
    
    display: block;
    margin: 40px auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content .main_post {
        width: 490px;
    }
    .main_content .main_post img {
        width: 300px;
        height: auto
    }
}
@media only screen and (max-width: 767px) {
    .main_content .main_post {
        width: 100%;
        padding-bottom: 10px
    }
    .main_content .main_post img {
        max-width: 97%
    }
}
.main_content .iframe_map {
    width: 99%;
    margin: 10px 0 30px 0;
}
.main_content .iframe_map iframe {
    width: 100%;
    border: 1px solid lightgrey
}
.main_content .container_video,
.main_content .container_video_big {
    width: 380px;
    height: auto;
    float: left;
    margin: 5px 0 0 0
}
.main_content .container_video_big {
    width: 320px;
}
.main_content .container_video .video-wrap,
.main_content .container_video_big .video-wrap {
    margin: 0 0 30px
}
.main_content .container_video iframe,
.main_content .container_video_big iframe {
    width: 99.8%;
    height: 100%
}
.main_content .container_video_alt_img {
    width: 380px;
    float: left;
    margin: 3px 0 30px
}
.main_content .container_video_alt_img img {
    width: 100%;
    border: 1px solid #ddd
}
.main_content .container_video_info {
    width: 400px;
    height: auto;
    float: right;
    overflow: auto;
}
.main_content .container_video_info_big {
    width: 800px;
    height: auto;
    float: right;
    overflow: auto;
}
.main_content .container_video_info p {
    text-align: left;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}
.main_content .container_video_info h1 {
    font-size: 22px;
    font-weight: 100;
    border: none;
    margin-top: 0
}
.main_content .container_video_info h2 {
    font-size: 22px;
    font-weight: 100;
    border: none;
    margin-top: 0
}
.main_content .container_video_info p {
    font-size: 14px
}
.main_content .main_post .video-wrap {
    margin: 30px 0
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .main_content .container_video,
    .main_content .container_video_big {
        width: 300px;
    }
    .main_content .container_video_info {
        width: 280px;
    }
    .main_content .container_video_info_big {
        width: 600px;
    }
    .main_content .container_video_alt_img {
        width: 300px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .main_content .container_video .video-wrap {
        margin: 0 0 30px
    }
    .main_content .container_video {
        width: 230px
    }
    .main_content .container_video_big {
        width: 360px
    }
    .main_content .container_video_info,
    .main_content .container_video_info_big {
        width: 240px;
    }
    .main_content .container_video_info_big {
        width: 370px;
    }
    .main_content .container_video_alt_img {
        width: 230px;
    }
    .main_content .main_post_video {
        width: 100%;
        margin-bottom: 5px
    }
    .main_content .container_video_info h1 {
        margin-top: 12px;
        margin-bottom: 10px;
        font-size: 18px
    }
    .main_content .container_video_info_big h1 {
        margin-top: 6px;
        margin-bottom: 10px;
        font-size: 22px
    }
    .main_content .main_post_video_alt_img img {
        width: 100%;
        float: left;
        margin-bottom: 5px
    }
    #container_comentarios_icons #contador_comentarios2 {
        top: 25px
    }
}
@media only screen and (max-width: 767px) {
    .main_content .main_post iframe {
        margin: 15px auto
    }
    .main_content .container_video,
    .main_content .container_video_big {
        clear: left;
        margin-bottom: 5px;
        width: 100%;
        position: relative;
    }
    .main_content .container_video .video-wrap,
    .main_content .container_video_big .video-wrap {
        margin: 0 0 10px 0
    }
    .main_content .container_video iframe,
    .main_content .container_video_big iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0
    }
    .main_content .container_video_info,
    .main_content .container_video_info_big {
        width: 100%;
        height: auto;
        float: left;
        clear: left;
        margin: 0
    }
    .main_content .container_video_alt_img {
        width: 99%;
        float: left;
        margin-bottom: 5px;
    }
    .main_content .container_video_info h1 {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 16px
    }
}
#container_comentarios_icons {
    position: relative;
    margin: 0 auto;
    text-align: right;
    padding-top: 0;
    padding-bottom: 5px
}
#container_comentarios_icons a {
    color: #333;
    text-decoration: none
}
#container_comentarios_icons a:hover {
    border-bottom: none
}
#container_comentarios_icons img {
    margin: 0
}
#container_comentarios_icons #contador_comentarios,
#container_comentarios_icons #contador_comentarios2 {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 40px;
    top: 0;
    text-align: center;
    font-size: 10px;
    padding-top: 3px
}
#container_comentarios_icons #contador_comentarios2 {
    top: 33px
}
#container_comentarios_icons #contador_comentarios2 a {
    color: #666
}
.two-thirds.column .nick {
    color: #333;
    font-size: 16px;
    margin-left: 5px;
    font-family: Arial, sans-serif;
}
.two-thirds.column .gravatar img {
    width: 32px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 3px #999
}
.two-thirds.column .main_coment p {
    font-size: 14px;
    margin: 0
}
.two-thirds.column .coment_reply {
    color: #444;
    margin: 0 0 0 40px;
    font-size: 14px;
    font-style: italic
}
.two-thirds.column .coment_reply img {
    width: 28px;
    margin: 15px 10px 0 0;
    border: 1px solid #fff;
    box-shadow: 1px 1px 3px #999
}
/*FOOTER
==========================================================*/

.container_footer1,
.container_footer2,
.container_footer3 {
    width: 100%;
    height: 300px;
    margin: 220px auto 0;
    background-color: #3A3A3A;
    border-top: 5px solid #999;
}
.container_footer2,
.container_footer3 {
    height: 40px;
    margin: 0 auto;
    border-top: 1px solid #555;
    padding: 10px 0 0 0
}
.container_footer3 {
    height: 120px;
}
.hr_footer {
    width: 100%;
    height: 3px;
    border-top-color: transparent;
    clear: both;
    float: left;
    border-style: solid none;
    border-width: 3px 0;
    margin: 40px auto 0 auto
}
@media only screen and (max-width: 1279px) {
    .container_footer1 {
        display: none
    }
    .container_footer2 {
        border-top: none;
        margin-top: 100px
    }
    .container_footer3 {
        text-align: left
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container_footer1,
    .container_footer2,
    .container_footer3 {
        width: 100%;
    }
    .footer_ml {
        margin-left: 10px
    }
}
@media only screen and (max-width: 767px) {
    .container_footer1 {
        height: 120px;
    }
}
#nav_foot {
    margin: 20px auto 0;
    padding: 0;
    width: auto;
}
#nav_foot li {
    list-style: none;
    font-size: 12px;
    float: left;
}
#nav_foot a {
    display: block;
    margin: 0 40px 10px 0;
    width: auto;
    color: #fff;
    font-weight: 900;
}
#nav_foot ul {
    margin: 0;
    padding: 0;
    min-width: 160px;
}
#nav_foot ul li a {
    color: #aaa;
    font-weight: 100;
    margin: 0;
}
#nav_foot ul li {
    clear: left;
    list-style-position: outside;
    list-style-type: square;
    margin-left: 12px
}
/*SUBMENUS*/

#menu_footer ul li:hover a,
#menu_footer li:hover li a {
    background: none;
    border: none;
    color: #fff;
    box-shadow: none;
    padding: 2px 5px;
}
#menu_footer ul a:hover {
    background: #69c !important;
    color: #fff !important;
    text-shadow: none;
    padding: 5px;
    text-decoration: none;
    border-bottom: 1px dotted #fff
}
#menu_footer ul {
    display: none;
    position: absolute;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 190px;
    top: 18px;
    left: 0;
    border: none;
    box-shadow: 1px 1px 4px #000;
    z-index: 500000000;
    filter: alpha(opacity=89);
    -moz-opacity: .89;
    opacity: .89;
    background-color: #000;
    border-radius: 0
}
#menu_footer li:hover >ul {
    display: block
}
#menu_footer ul li img {
    width: 16px
}
#menu_footer ul li {
    float: none;
    margin: 5px;
    padding: 0
}
#menu_footer ul a {
    font-weight: normal;
    text-shadow: none
}
#menu_footer ul ul {
    left: 181px;
    top: -3px;
    left: 170px
}
#menu_footer:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
#menu_footer .search_field_top {
    font-size: 12px;
    width: 160px;
    height: 10px;
    float: left;
    margin: -5px 0 20px 5px;
    padding: 4px
}
#menu_footer .sel_option_top {
    width: 170px;
    margin: 15px 0 10px 5px
}
#menu_footer {
    display: inline-block
}
html[xmlns] #menu_footer {
    display: block
}
* html #menu_footer {
    height: 1%
}
@media only screen and (min-width: 1280px) {
    /*MAIN COL - THREE-THIRDS
general elements
==========================================================*/
    
    .three-thirds.column .main_content,
    .three-thirds.column .main_content_hr {
        width: 1150px;
    }
    /*MAIN COL - TWO-THIRDS
general elements
==========================================================*/
    
    .two-thirds.column .main_content,
    .two-thirds.column .main_content_hr {
        width: 810px;
        padding-right: 20px;
    }
    .two-thirds.column .main_content_hr {
        width: 810px;
        border: none;
        padding: 0;
        position: relative
    }
    /*MCol embedded images in text*/
    
    .main_content .main_post {
        margin: 0 auto;
        width: 810px
    }
    #back-top {
        margin-left: 1165px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*MCol calendar*/
    
    #ifr_calendar iframe {
        height: 300px
    }
    #calendar_big,
    #calendar_mini {
        display: none
    }
    #calendar_medium {
        display: block;
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 767px) {
    #container_comentarios_icons #contador_comentarios2 {
        top: 35px
    }
    /*MCol blog elements*/
    
    .main_content .fecha,
    .main_content .fecha_evento {
        font-size: 12px;
    }
    .main_content #container_comentarios_icons {
        margin: 10px auto 0 auto;
    }
    .coment_reply p {
        margin-top: 20px
    }
    /*forms*/
    
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
        width: 97%;
        max-width: 97%;
    }
}
@media only screen and (min-width: 240px) and (max-width: 294px) {}
/* #Clearing
================================================== */
/* Self Clearing Goodness */

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after,
.clearfix:after {
    clear: both;
}
.row,
.clearfix {
    zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}