img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px; }
}

* {
    padding: 0;
    margin: 0;
    font-family: droid sans;
}
html {
    height:100%
}     

img {
    border: 0;
}
body {
    font-family: droid sans;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #fff;
    height:100%
}
a:link, a:visited {
    font-weight: normal;
    color: #fff;
    outline: none;
    text-align: left;
    text-decoration:none;
}
.float { 
    float: left; 
} 
.clear { 
    clear: both; 
} 
.overall {
    background-color: #fff;   
}
div.center {
    text-align: center;
    margin: 0px auto 0 auto;
    padding: 0;
    width: 950px;
    background: #FFFFFF;
}
div.componentheading{
    font-size:13px;
    text-transform:uppercase;
    font-weight:bold;
}
#top{
    height:225px;
    background-color:#d2d4d3;
    background:url(../imgs/bg.jpg) top left;
}
#top_container{
    width:960px;
    height:225px;
    margin:auto;
    position:relative;

}
#logo{
    width:206px;
    height:106px;
    position:absolute;
    float:left;
    padding:30px 0;
    z-index:1003;
}
#language{
    float:right;
    padding:10px 0;
    position:absolute;
    right:0px;
    z-index:1001;
}
#language a, a:visited{
    color:#FFF;
}
#search{
    float:right;
    padding-top:60px;
    position:absolute;
    right:10px;
    z-index:1000;
}
#contentor {
    width:960px;
    margin: 0px auto -230px;
    text-align: left;
    position:relative;
    min-height:100%;
    _height:100%; /* for IE6 as it doesnt understand min-height */
    z-index:9999;
    padding-bottom:230px;
}
#push{
    height:230px;
}
#header {
    text-align: center;
    background-color:#f4f9fc;
    height: 80px;
}
#header_logo{
    right:0;
    margin-top:-151px;
    position:absolute;
    z-index:999;
}
#header_logo2{
    right:34px;
    margin-top:0px;
    position:absolute;
    z-index:-1;
}

/*Menu*/
#menu{width:980px; text-transform:uppercase;padding:170px 0 0 0; color:#FFF;position:absolute;}

#menu a{color:#fff; border-bottom:3px solid #FFF; text-decoration:none;padding: 0 10px 5px 0;margin-right:10px; height:30px;}
#menu a:hover{color:#7DB915; border-bottom:3px solid #7DB915; text-decoration:none;padding:0 20px 5px 0;margin-right:16px;}

#menusimposio {position:relative; float:right; padding:80px 10px 0 0;z-index:1002; }

#menusimp{width:980px; text-transform:uppercase;padding:170px 0 0 0;color:#FFF;position:absolute;}
#menusimp a{color:#fff; border-bottom:3px solid #FFF; text-decoration:none;padding: 0 5px 5px 0;margin-right:20px; height:30px;}
#menusimp a:hover{color:#7DB915; border-bottom:3px solid #7DB915; text-decoration:none;padding:0 20px 5px 0;margin-right:20px;}


#slider{margin-top:40px; overflow:hidden;}

#content{
    padding-bottom:230px; /* assuming your footer height is 230px */
    height:100%;
}
#content_middle {
    width:78%;
    text-align: left;
    background-color:#ffffff;
    float:right;
    height:auto;
    position:relative;
}
.contentheading{
    padding:10px 0 10px 0;
}
.insidecontent{
    padding: 0;
    height:auto;
    color:#333;
}
.insidecontent a, a:visited{
    color:#333;
}
.insidecontent a:hover, a:active{
    color:#00abeb;
}

#sidebar_left {
    text-align: center;
    background-color:#a5aaae;
    width: 18%;
    float:left;
}
.breadcrumbs{
    background-color:#CCCCCC;
    color:#FFFFFF;
    font-weight:bold;
    height:30px;
    padding:10px 0 0 35px;
    font-size:90%;
}

#address{clear:both;display:block;}

#footermenu{
    width:500px;
    padding:20px;
    list-style-type: none;
    z-index:1003;
}
#footermenu a{
    color:#FFFFFF;
    text-decoration:none;
}
#footermenu a:hover{
    color:#eab707;
}
#footermenu a:active{
    color:#eab707;
}
#footer_logo{
    margin-top:-238px;
    position:absolute;
    z-index:-1;
    float:left;
    display:block;
    width:1160px;
}
#mainlevel_menu{
    display: inline; /* Shows each item side-by-side */
    list-style-type: none; /* Gets rid of the bullet points */
    padding:10px 0 0 10px;
    z-index:1002;
}


/* Default Joomla! Menu */
ul.menu {
    margin: 0;
    padding: 1px 0 0;
    list-style: none;
}

ul.menu li {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

ul.menu li a {
    padding: 2px 0;
    display: block;
    color: #333333;
    text-decoration: none;
    outline: none;
}

ul.menu li a span {
    padding-left: 16px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
    color: #333333;
    text-decoration: none;
}

ul.menu li.active a {
    color: #7BA566;
    font-weight: bold;
    text-decoration: none;
}

ul.menu li.active a span {

}

ul.menu li li a span {
    background: none;
}

ul.menu li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu li li {
    padding: 0 0 0 15px !important;
    list-style: none;
}

ul.menu li li a {
    color: #333333;
    background: none !important;
    font-size: 92%;
    font-weight: normal;
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
    color: #006699;
}

ul.menu li li a span {
    font-weight: normal;
}
/* Default Joomla! Footer Menu */
ul.menu_footer {
    margin: 0;
    padding: 1px 0 0;
    list-style: none;
    display:inline;
}

ul.menu_footer li {
    margin: 0 !important;
    padding: 18px !important;
    background: none !important;
    color:#fff;
    float:left;
}

ul.menu_footer li a {
    padding: 2px 0;
    display: block;
    color: #fff;
    text-decoration: none;
    outline: none;
}
ul.menu_footer li a:visited {
    padding: 2px 0;
    display: block;
    color: #fff;
    text-decoration: none;
    outline: none;
}

ul.menu_footer li a span {
    padding-left: 16px;
    text-transform:uppercase;
    font-weight:bold;
}

ul.menu_footer li a:hover{
    color: #eab707;
    text-decoration: none;
}

ul.menu_footer li.active a {
    color: #eab707;
    font-weight: bold;
    text-decoration: none;
}


ul.menu_footer li li a span {
    background: none;
    color:#fff;
    text-transform:none;
}

ul.menu_footer li li a:hover {
    padding: 2px 0;
    display: block;
    color: #eab707;
    text-decoration: none;
    outline: none;
}

ul.menu_footer li li a:visited {
    padding: 2px 0;
    display: block;
    color: #fff;
    text-decoration: none;
    outline: none;
}

ul.menu_footer li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color:#fff;
    float:left;
    clear:both;
}

ul.menu_footer li li {
    padding: 0px !important;
    list-style: none;
    color:#fff;
    float:left;
    clear:both;
}


ul.menu_footer li li a {
    color: #fff;
    background: none !important;
    font-size: 92%;
    font-weight: normal;
}

ul.menu_footer li li a:active,
ul.menu_footer li li a span:active{
    color: #eab707;
    background: none !important;
    font-weight: normal;
}


ul.menu_footer li li a span:hover,
ul.menu_footer li li a span:focus {
    color: #eab707;
    text-decoration: none;
}

ul.menu_footer li li a span {
    font-weight: normal;
    color:#fff;
}
/*Slide Show*/
.slideshow {
    border: 5px solid #EEEEEE;
    margin: 0 auto;
    padding: 0px;
    width: 745px;
}
img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
    width: 100%;
    margin-bottom: 10px;
    margin: 0 auto;
    background-color: #fff;
}

/* ----------banner for logo-------------- */
#banner {
    background:url(imgs/bg.jpg) no-repeat 0 0;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
#banner img {padding:10px 0px;} 
#banner_img {width:960px; margin:auto;padding-top:40px;} 

/* -----------------content--------------------- */
#content {
    background-color: #ffffff;
    padding: 0px;
    margin: auto;
    width:960px;
}
div#content { 
    min-height:600px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
    padding: 0px;
    margin:0px;
}

/* --------------left navi------------- */
#left {
    float: left;
    width: 100px;
    margin: 0;
    padding: 0;
}
#right {
    float: right;
    width: 200px;
    margin: 0;
    padding: 0;
}


/* -----------footer--------------------------- */
#footer {
    clear: both;
    margin:0 auto;
    padding: 0;
    text-align: left;
    height:230px;
    background:url(../imgs/bg_footer.jpg) repeat-x;
}




/* =========== CIB2018 ===================================*/
img[src="/images/stories/simposio.jpg"] { 
    border-bottom: 30px solid #fff;
}

div.cib18galery,
div.cib18galery4 {
    display: -webkit-box;
    margin: 10px -4px 30px -4px;
    width: 955px;
}
div.cib18galery > div{
     width: 33%;
     height: 195px;  
}
div.cib18galery4 > div{
     /*width: 25%;*/
     width: 24.5%;
     height: 150px;
}
div.cib18galery > div,
div.cib18galery4 > div{   
      
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border: 4px solid #fff;
}