/*
 Theme Name:     AEeconomistas Bonisoft
 Theme URI:      http://www.aeeconomistas.com
 Description:    Twentythirteen Child Theme by Bonisoft.com
 Author:         BONISOFT Soluciones Informaticas
 Author URI:     http://www.bonisoft.com
 Template:       twentythirteen
 Version:        1.0.0
*/

@import url("../twentythirteen/style.css");

/* =Theme twentythirteen starts here
-------------------------------------------------------------- */

.site{
    max-width: 100%;
    font-family: "Tahoma", Helvetica, sans-serif;
}
.site-description{
    font: 500 italic 1.5em "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 35% 0 -4%;
}

/*Desabilitar scroll vertical y horizontal*/
body {
   
   overflow-x: hidden;
   overflow-y: hidden;
   line-height: 1.2;
}

.navbar {
	background-color: #e3e3f1;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
        height: 37px;
}

.main-navigation{
    margin-top: 0%;
}

.nav-menu li {
left: 8%;
}
.nav-menu li a{
    padding: 11px 20px;
    display: compact;
}
ul.nav-menu, div.nav-menu > ul {
    margin-top: 0;
    margin-left: 10%;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #343191;
	color: #fff;
}


/*Fin Barra menu*/
/*SideBar*/
.site-main .sidebar-inner3 {
margin-left: 2%;
max-width: 1040px;
float:left;
margin-top: -3%;
color: #343191;
width: 16%
}
.site-main .sidebar-inner {
    margin-top: -2%;
    float: right;
    width: 16%;
    
}
.site-main .widget-area {
margin: -2% 0 10% 0;
width: 250px;
margin-top: 9%;
float: left;
list-style-type: none;/*quito estilo lista*/
overflow: hidden;
box-shadow:2px 2px 5px #999;
-webkit-box-shadow:2px 2px 5px #999; /*Sombra para chrome*/
-moz-box-shadow: 2px 2px 5px #999;  /*Sombra para firefox*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=’#666666?, Direction=45, Strength=4); Sombra para IE*/
}

.widget{
    font-size: 12px;
    margin: 0 0 3px;
    padding: 5px;
    text-align: center;
    background: none;
    
}
.textwidget{
    margin-left: 5%;
    line-height: 165%;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
font-size: 14px;
}

.entry-title {
font-weight: normal;
margin: 0 0 5px;
display: none;
}
/*entrada más ancha, ajuste de márgenes para evitar tanto scroll*/
.entry-content{
    background-image: url("http://www.bonisoft.com/aeeconomistas.com/wp-content/uploads/2014/05/Fondo pagina.png");
    background-repeat: no-repeat;
    max-width: 30%;
    margin-top: -5%;
    margin-bottom: -5%;
    margin-left: 20%;
    font-size: 14px;
}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 75%;
    padding: 0 20% 0 60px;
}

.hentry {
    padding: 5% 0;
}

.site-footer .sidebar-container {
background-color: transparent;
height: 65px;
position: relative;
padding:0;
}
.sidebar .site-footer .widget {
width: 100%;
color: #ac0404;
margin: 0.5% -5%;
}
.site-footer .widget{
   color: #3F3A3A;
   
}
.site-footer .widget a {
color: #3F3A3A;
}
.site-footer{
    background-color: transparent;

}
.sidebar .site-footer .widget-area {
    left: 11%;
    max-width: 80%;
    top: 10px;
}
.site-footer .widget-area, .sidebar .site-footer {
    text-align: center;
    width: 100%;
    float:left;
}
.site-header {
}
.site-add-header {
text-align:center;
}
.header-img {
width:100%;

}

.site-header .home-link {

max-width: 100%;
min-height: 0px;
margin-top: -1.3%;
margin-left: 26%;
position: absolute;
top: 65%;

}
.img-sidebar{
width:100%;
height: auto;

}




/*Formulario de contacto*/
.form_contact{
max-width: 50%;
margin-top: 5%;
margin-bottom: 5%;
margin-left: 10%;
font-family: sans-serif;
}
h2{
    color: #3D2307;
}
h5{
    font-size: 14px;
    margin-bottom: 4px;
}
/*Enlaces a Linkedin*/
.linkedin{
    width: 100%;
    margin-top: 20px;
    
}
/*Fin enlaces a linkdin*/


.logo_economistas{
    margin-top: -30px;
    margin-left: 40%;
}
/*Puntos suspensivos del sidebar Inner3*/
hr{
    width: 90%;
}
.logo_2002{
    left: 70%;
    position: absolute;
    top: 15%;
}
#telefono{
    font-size: 2.4em;
    font-family: "Tahoma", Helvetica, sans-serif;
    color: rgb(180, 6, 6);
}

#text-17 {
    position: relative;
    text-transform: uppercase;
    top: -2em;
    font-family: "Tahoma", Helvetica, sans-serif;
}

/*BLOG*/
b, strong{
    line-height: 3em;
}
.entry-content_blog{
  background-image: url("http://www.bonisoft.com/aeeconomistas.com/wp-content/uploads/2014/05/Fondo pagina.png");
    background-repeat: no-repeat;
    max-width: 30%;
    margin-top: -5%;
    margin-bottom: -5%;
    margin-left: 20%;
    font-size: 14px;
}
.sidebar .entry-header, .sidebar .entry-content_blog, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 72%;
    padding: 0 20% 3% 60px;
}

.sidebar .entry-header .entry-meta{
    padding:0 0 0 6%;
}
.paging-navigation {
    background-color: transparent;
}
.h1, h2, h3, h4, h5, h6{color:#343191;font-size: 1.4em; font-family: "Tahoma", Helvetica, sans-serif;}
/*FIN BLOG*/
 .site-main .sidebar-container{
        width: 90%;
    }
.archive-header {
    background-color: transparent;
    margin: 0 0 0 11%;
}
 .archive-title, .archive-meta{
    font: 300 italic 1.2em "Source Sans Pro", Helvetica, sans-serif;
    padding: 2% 2% 0;
}

@media screen and (max-width:1440px){ 
    .archive-title, .archive-meta{
    padding: 2% 17% 0;
   }
}
@media screen and (max-width:1024px){
   
    .img_2002{
     width: 140%;
     margin-left: -70%;
     margin-top: -8%;
     }
    .header-img{
     width: 150%; 
     margin-left: -20%;
     } 
   .site-description {
    font: italic 500 1.5em "Source Sans Pro",Helvetica,sans-serif;
    margin: -1% 35% 0 -4%;
    }  
    .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 75%;
    padding: 0 20% 0 9%;
    }
    .sidebar .entry-header, .sidebar .entry-content_blog, .sidebar .entry-summary, .sidebar .entry-meta {
    max-width: 75%;
    padding: 0 20% 2% 9%;
    }
    .archive-title, .archive-meta{
    padding: 2% 0 0;
    }
    .archive-header{
     margin: 0 0 0 27%;
    }
}


@media screen and (max-width:768px){
  
  .site-main .sidebar-inner {
    float:none;
    width: 100%;
    }

  .site-main .sidebar-inner3 {
    float:none;
    width: 100%;
    }
  
    .main-navigation{
        position: absolute;
        margin-left: -2%
    }   
    .site-main {
        margin-left: auto;
        width: 90%;
    }
    .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
    margin-top: -2%;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    }
       .sidebar .entry-header, .sidebar .entry-content_blog, .sidebar .entry-summary, .sidebar .entry-meta {
    margin-top: -2%;
    max-width: 90%;
    margin-left: -5%;
    margin-right: 0;
    padding: 0 0 0 0;
    }
    .toggled-on .nav-menu, .toggled-on .nav-menu > ul{
    background-color: #C8CFE6;
    position: relative;
    z-index: 1;
    }
    .nav-menu li a{
        color: #000;
    }   
    .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{
        color: #BE0A11;
    }
    .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover{
        background-color: #271A85;
    }
    .archive-header{
     margin: 0 0 0 7%;
    }
}   
@media screen and (max-width: 600px){
    .site-main .sidebar-inner {
    float:right;
    width: 100%;
    margin: 0 -45%;
    }

  .site-main .sidebar-inner3 {
    float:left;
    width: 100%;
    margin: 0 0 0 -12%;
    }
}
@media screen and (max-width:480px){
    .site-main .sidebar-inner {float:none; width: 100%;margin: 0 0 0 10%;}
    .site-main .sidebar-inner3 {float:none; width: 100%;margin: 0 0 0 10%;}
}

@media screen and (max-width:384px){
    .site-description {font-size: small; margin: -1% 35% 0 -4%;} 
    .h1, h2, h3, h4, h5, h6{color:#343191; font-size: 1.6em;}
    .site-main .widget-area {margin: -2% auto 10% auto;}
    .site-main .sidebar-inner {float:none; width: 100%;margin: 0 0 0 0;}
    .site-main .sidebar-inner3 {float:none; width: 100%;margin: 0 0 0 0;}
   }
@media screen and (max-width: 240px){
       .site-main .widget-area{margin: -2% auto 10% auto;width: 100%;}
       #telefono{font-size: 1.7em;}
           
       }