/* Here would be your child theme css */
/*
   You can put any css in this file to keep your child theme seperate from the parent.
   This way you can not touch the css from the parent for better and easy updates.

   An example is included in the text for you to see the format you can use

*/

/* example */
/*h1#mystyle{
        border-bottom: #fff;
}
*/
body {
    background: #fff;
    color: #686868;
}
a, a:link {
    color: #23598C;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
.articles {
    margin: 15px 0;
    width: 100%;
}
#site-wrapper, .footer-wrapper {
    width: 100%;
}
#headerContainer, #container {
    width: 1000px;
    margin: auto;
}
#dia-right-sidebar {
    float: right;
    width: 220px;
    /*    border: 1px solid #d8d8d8;
        background: #f8f8f8;*/
    background: #E6E7E8;
    padding: 15px;
    margin-top: 15px;
}
#content {
    /*float: left;*/
    padding-right: 0px;
}
#dia-right-sidebar, #content {
    margin-bottom: 20px;
}
#topbar ul {
    float: left;
}
img.header-image {
    margin: 0 20px;
}
#servicios-dia {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 944px;
    margin: 0 auto 0 auto;
    text-transform: lowercase;
    padding-top: 2px;
}
#servicios-dia a {
    color: #292b2f;
    text-decoration: none;
    background: url(../../images/servicio.png) no-repeat;
    width: 68px;
    height: 19px;
    vertical-align: middle;
    line-height: 19px;
    float: left;
    list-style: none;
    text-align: center;
    margin-right: 5px;
}
#servicios-dia a.mas_servicios {
    background: none;
    width: auto;
}
#servicios-dia a#activo {
    background: url(../../images/servicio-activo.png) no-repeat;
    color: #FFF;
}
#top-navigation-bar {
    border: 0;
    height: 40px;
    background-color: #0c3a7b;
}
#topbar ul li a {
    line-height: 40px;
}
.sf-menu li {
    background: none;
}
#topbar ul li.current, #topbar ul li.current_page_item,
#topbar ul li.current-menu-item {
    background-color: #000;
}
#topbar ul li a:hover {
    background-color: #5189bf;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: none;
}
/*footer*/
.site-info{
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    text-align: center;
    /*background: url('../../images/logodia-2016.png') no-repeat center left;*/
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 1.5em;
    background-size: auto 63px;
}
footer[role="contentinfo"]{
    font-size: 0.9em;	
    padding:10px 0px;
    background: #D1D3D4;
    border-top:0px;
    margin: 0px;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #E0E0E0;
}
footer[role="contentinfo"] a{
    color: #0c60c6;
    text-decoration: none;
}
footer[role="contentinfo"] a:hover{
    color: #147;
    text-decoration: underline;
}

#dia-right-sidebar h3  {
    position: relative;
    /*padding: 5px 10px 5px 15px;*/
    /*background: #00ADEE;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #0c3a7b;
    padding: 0px;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-serif!important;
}

#dia-right-sidebar h3:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 12px 8px 0;
    border-color: transparent #00ADEE;
    display: block;
    width: 0;
    z-index: 1;
    left: -12px;
    top: 9px;
}
.widget {
    padding: 0 0 40px 12px;
}
.widget.widget_shibboleth_autentication {
    padding: 0 0 40px 0px;
}
aside li {
    padding-left: 10px;
    margin: 10px;
    overflow: hidden;
}
a.sso {
    background-color: #00adee;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 5px 15px;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    border-style: outset;
    border-color: #00adee;
    margin-bottom: 10px;
}
a.sso.registro {
    background-color: #991129; /*#eea236;*/
    border-color: #991129; /*#eea236;*/
    padding: 5px 45px;
}
a.sso.ingreso {
    background-color: #076fb6;
}

#shibboleth-autentication ul li {
    overflow: visible;
}

.page_navigation a.active_page {
    background: #00ADEE;
}
#dia-right-sidebar #shibboleth-autentication h3 {
    /*background-color: #0c3a7b;*/
}
#dia-right-sidebar #shibboleth-autentication h3:after {
    content: none;
}
img#default-image {
    width: 100%;
}
/*Suscripcion*/
form.sbe-widget-subscribe-form p.sbe-widget-top-text {
    margin: 0px 0px 10px 0px;
}
form.sbe-widget-subscribe-form {
    padding: 5px 10px;
}
form.sbe-widget-subscribe-form .sbe-widget-form-field-title {
    visibility: hidden;
    height: 0px;
    margin: 0px;
}
#secondary form input[type="email"] {
    font-size: 11px;
    line-height: normal;
    padding: 4px;
    width: 140px;
    margin-bottom: 0px;
}
body.page #container-background #content { 
    width: 98%;
}
.tagcloud a:link {
    line-height: 100%;
}
/*CSS Para página de blogs */
#blog-page .no-break {
    visibility: hidden;
    display: none;
}
input[type=submit] {
    background: #003673;
}
input[type=submit]:hover {
    background: #003673;
}
.mu_register input[type="submit"] {
    width: 15% !important;
    font-size: 16px !important;
}
.mu_register input[type="button"] {
    background: #003673;
    /*background: #00ADEE;*/
}
#setupform .submit {
    text-align: center;
}
#blog-page div.post table th,
#blog-page div.post table td[style="background-color:#F2F2EA;"],
#blog-page div.post table td[style="background-color:#F2F2EA; padding-top:10px;"] {
    border-color: #D4DBE1 !important;
    background: #D4DBE1 !important;
}
.page #container-background {
    border: 0;
}
.page #blog-page .post {
    float: left;
    width: 100%;
}
#container-background.directorio #blog-page .post {
    border: 0px;
}
/*Fin de CSS Para página de blogs */
/*CSS para pagina academicos*/
#site-categories-wrapper .site-categories-list li.site-category-site {
    width: 100%;
    background-color: #D4DBE1;
    margin: 0;
    padding: 10px 5px;
}
#site-categories-wrapper .site-categories-list li.site-category-site:nth-child(even) {
    background-color: #FFFFFF;
}
#site-categories-wrapper .site-categories-list li.site-category-site:nth-child(odd) {
    background-color: #D4DBE1;
}
#site-categories-wrapper .site-categories-list li.site-category-site a {
    color: #23598C;
    font-size: 1.5em;
}
#site-categories-wrapper .site-categories-list li.site-category-site a img {
    padding: 0px 18px;
}
#site-categories-wrapper .site-categories-list li.site-category-site div.site-category-site-description p {
    font-size: 12px;
    color: #9D88B0;
    margin: 0;
}
/*Fin CSS para pagina academicos*/
#container-background.directorio #content, 
#container-background.categories #content { 
    width: 70%;
}
#container-background.directorio , 
#container-background.categories { 
    background: #FFFFFF;
}

/*Cambios del 2016-05*/
.articles li h2, .articles li h2 a {
    font-size: 16px;
}

.articles li h3 {
    font-size: 13px;
}

.page_navigation .first_link, .page_navigation .previous_link,
.page_navigation .next_link, .page_navigation .last_link {
    font-size: 0px;
    border: 0px;
    border: 0px;
    border-radius: 0px;
    padding: 14px 11px;
    background-repeat: no-repeat;
    background-position: top left;
}

.page_navigation .last_link {
    background-image: url(../../images/last_page.png);   
}

.page_navigation .first_link {
    background-image: url(../../images/first_page.png);
}

.page_navigation .previous_link {
    background-image: url(../../images/previous.png);
    padding: 14px 8px;
}

.page_navigation .next_link {
    background-image: url(../../images/next.png);
    padding: 14px 8px;
}

.page_navigation a.active_page {
    background: #076fb6;
    border: 0px;
    padding: 5px 9px;
}

#site-categories-wrapper .site-categories-list li.site-category-site div.site-category-site-description p {
    color: #686868;
}

.blogs_dir_search_blog_description {
    color: #686868 !important;
    display: inline-block;
}

#site-categories-navigation a.previous-page,
.blogs_directory_nav_table a.previous-page {
    background-image: url(../../images/anterior-01.png);
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 0px;
    padding: 12px 50px;
    float: left;
}
#site-categories-navigation a.next-page,
.blogs_directory_nav_table a.next-page {
    background-image: url(../../images/siguiente-01.png);
    float: right;
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 0px;
    padding: 12px 50px;
}

.articles li h3 a, .articles li h2 a {
    text-transform: capitalize;
}

.articles li span {
    font-size: 11px;
}

.site-info {
    width: 960px;
    margin: auto;
}

.site-info p {
    width: 70%;
    margin: auto;
}

.site-category-site-description {
    padding-left: 68px;
}

.blogs_directory_table tbody tr td + td {
    padding-left: 0px;
    padding-right: 20px;
}

.blogs_directory_table tbody tr td + td a {
    margin: 0px !important;
}

#site-categories-wrapper .site-categories-list li.site-category-site {
    padding-right: 20px;
}

#site-categories-wrapper {
    width: 96%;
}

/*fin cambios*/

/*Responsive*/
@media screen and (max-width: 1040px){
   #headerContainer, #container {
       width: 100%;
   }

   .site-info {
       width: 100%;
   }

   .site-info p {
       font-size: 10px;
       margin: auto;
       float: left;
   }

   footer[role="contentinfo"] {
       float: left;
       width: 100%;
   }
}

​@media screen and (max-width: 1000px){
    .articles {
        width: 100%;
        float: left;
    }
    #headerContainer, #container {
        width: 99%;
        margin: auto;
    }
    img.header-image {
        width: 100%;
        margin: 0;
    }
    
 .site-info {
        width: 100%;
    }

    .site-info p {
        margin: 0px;
        float: left;
    }

    footer[role="contentinfo"] {
        float: left;
        width: 100%;
    }   
    
}

@media screen and (max-width: 960px){
    img.header-image {
        width: 100%;
	margin: 0px;
    }
    #servicios-dia {
        width: 100%;
    }
}

@media screen and (max-width: 775px){
    #content {
        padding: 0 5px 0 0;
    }
}

@media screen and (max-width: 745px){
    .articles {
        width: 80%;
		margin: auto;
		float: none;
    }
}

@media screen and (max-width: 635px){
    .articles {
		width: 100%;
	}
}
@media screen and (max-width: 570px){
    
    .site-info {
        background: none;
        width: 100%;
    }

    .site-info p {
        margin: 0px;
        float: left;
    }

    footer[role="contentinfo"] {
        float: left;
    }

#headerContainer, #container {
      width: 100%;
  }

}

@media screen and (max-width: 515px){

    #content {
        /*width: 270px;*/
        margin: auto;
        float: none;
    }
    .articles li.withthumb {
        margin: auto;
        margin-top: 0px;
        margin-bottom: 5px;
        float: none;
    }

}
@media screen and (max-width: 360px){
    #topbar {
        width: 100%;
    }
    #topbar ul {
        width: 100%;
        background-color: #0c3a7b;
    }
    #topbar ul li {
        float: none;
        text-align: center;
    }
	#headerContainer, #container {
       float: left;
       width: 100%;
   }

img.header-image {
       margin: 0px;
       }
}

/**********FIN RESPONSIVE***************/