/*
Template name: Rendinet
Description: Il template 2013 per rendinet
*/
@import url('typography.css');

ul, body{
    margin:0;
    padding:0;
}

body{
    background: #DFDFDF;
    color:#666;
}

a, a:visited{
    color:#2162B1;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

img {
    width:100%;
    height: auto;
    max-width: 736px;
}

#topBar{
    background: #4B8EC0;
    height:22px;
    font-size: 0.81em;
    color:#fff;
    text-align: center;
}

#topBar a{
    color:#fff;
    text-decoration: none;
    text-align: left;
}

#topBarContent ul{
    list-style: none;
}

#topBarContent li{
    display: inline;
}

#topBarContent a{
    display: inline-block;
    width:20%;
}

.topMenuItem{
    background: url('images/icons.png') 0 -31px no-repeat;
    text-indent: 30px;
}

.topMenuItem:hover, .topMenuItem.selected{
    background-color: #3C7BAA;
}

#topItem-1{
    background-position: 0 -31px;
}

#topItem-2{
    background-position: 0 -57px;
}

#topItem-3{
    background-position: 0 -92px;
}

#topItem-4{
    background-position: 0 -121px;
}

#topItem-5{
    background-position: 0 -155px;
}

#login-content {
  display: none;
  position: absolute;
  top: 24px;
  left: 55%;
  z-index: 999;    
  background: #3C7BAA;
  padding: 15px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}

#wrapper{
    background: #fff;
    box-shadow: 0px 0 15px #aaa;
    max-width: 1344px;
}

#content{
    min-height:479px;
}

.home.page #logo, .home.page #description{
    margin-top: 100px;
    margin-bottom: 4.5%;

}

#logo a{
    text-align: center; 
    /*background: url('images/logo.png') center no-repeat;*/
    height:87px;

}

#logo img{
    width:70%;
}

#description img{
    width: 70%;
    height:auto;
    margin-left: 18%;
    max-width: 500px;
}

#descriptionContent {
    overflow: hidden;
}


/*MENU*/

#headerMenu{
    width: 102%;
    margin: 0;
    margin-left: -1.055%;
    display:table;
}
.grid_1.menuItem {
    text-align: center;
    height: 49px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width:16.666%;
    margin:0;
    font-size: 1em;
}

.menuItem a, .menuItem a:visited, .menuItem a:hover{
    color:#fff;
    text-decoration: none;
    padding:5px 15px;
    display: block;
    text-align: center;
}

#menuItem-1{
    background:#7EB048;
    border-bottom: 10px solid #A3C879;
}

#menuItem-2{
    background:#599A4E;
    border-bottom:10px solid #76B56A;
}

#menuItem-3{
    background:#44A470;
    border-bottom: 10px solid #7CC99E;
}

#menuItem-4{
    background:#4AA5D0;
    border-bottom: 10px solid #73B9DB;
}

#menuItem-5{
    background:#307BD8;
    border-bottom: 10px solid #478ADC;
}

#menuItem-6{
    background:#2162B1;
    border-bottom: 10px solid #347EDA;
}


/*=====CONTENT========*/

#contentLeft article{
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 25px;
}

.page #contentRight{
    padding:0 1%;
}

.page #secondary{
    padding-right:2%;
    padding-top:4%;
}

.home.page .entry-content{
    background: none;
    
}

.page .entry-content{
    background: #fff;
    opacity: 0.9;
}

.content-green{
    background: #e7f2d8;
    padding:4%;
    
}

.category article{
    border-bottom:1px solid #e2e2e2;
}


/*======ELEMENTI LATERALI======*/

.widget{
    border-bottom:1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.wpcf7-captchac{
    width:auto;
}

/*===PAGINE INTERNE=====*/

.page #logo, .page #description{
    margin:10px 0;
}


.page-id-2 #content{
    background: url('images/cose-rendinet-bg.gif') 120% 180% no-repeat ;
    
}

#footer{
    clear:both;
    background: #E0E0E0;
}

#footerBlog{
    border-right: 1px solid #999999;
    padding-right: 1%;
}

#footerBlog h3, #footerFocus h3 {
    background: url('images/greenLabel.png') no-repeat;
    width:162px;
    height:37px;
    padding:10px;
    color:#fff;
    margin-left:-1.5%;
}

#footerFocus h3{
    background: url('images/byexetesis.png') 0 15px no-repeat;
    text-indent:-30000px;
    overflow: hidden;
}

#footerBottom{
    background: #62AA95;
    color:#fff;
    font-size:0.8em;
    text-align: center;
    padding:1px;
    bottom:0;
    clear:both;
    margin-top:25px;
    margin-left:-2%;
    margin-right:-2%;
    
}

.greenLinkBT, .greenLinkBT:visited{
    display:block;
    color:#385F4F;
    text-indent: 29px;
    background: url('images/icons.png') no-repeat #9DD7B7;
}

#footer .greenLinkBT {
    float:right;
    padding:5px;
    width:65%;
    margin-top:-45px;
}


#footer .greenLinkBT#blogLink{
    background-position: 0 2px;
}

#footer .greenLinkBT#exLink{
    background-position:  0 -182px;
    
}

.blogItem{
    border-bottom: 1px solid #999;
}

.blogDate{
    width:20%;
    float:left;
    padding:2%;
    color:#4B7562;


}

.blogDescription{
    width:72%;
    float:left;
    padding:2%;
}


/*====GALLERIES====*/

.bx-wrapper{
    background: #E0F0F8;
    padding:2%;
    margin:4%;
    
}

.bx-wrapper .bx-viewport{
    background: none;
    left:0;
    border: none;
    box-shadow: none;
}


.bx-wrapper h3{
    margin-top: 10px;
}


.bx-wrapper .bx-pager{
    position: relative;
    bottom:auto;
}

/*EDITOR*/

.alignleft{
    float:left;
    margin-right:5%;
}


.home #contentLeft img{
    height:auto;
    max-width: 30%;
}


/*============ HIGH RESOLUTION ===============*/
@media screen and (min-width:1300px) {
    #wrapper{
        margin:auto;
    }
}



/*============ LOW RESOLUTIONS ==============*/
@media screen and (max-width: 1048px) { 

    #anim{
        visibility: hidden;
    }

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

    #anim{
        visibility: hidden;
        display:none;
    }
    
    #descriptionContent{
        padding:2%;
        text-align: center;
    }
    
    #descriptionContent canvas{
        width:100%;
        text-align: center;
    }
    
    #headerMenu{
        margin-left: 0;
        width: 101.6%;
    }

    
    .grid_1.menuItem{
        float:left!important;
        width:33%;
        height:46px;
    }
    
    #contentLeft, #contentRight{
        float:left!important;

    }

}


@media screen and (max-width: 640px) { 
    #wrapper{
        width:96%;
        margin:0 2%;
    }
    
    div{
        float:none;
        display: block;
    }
    
    #headerMenu{
        width:100%;
        margin:0;
        margin-bottom: 15px;
        font-size: 1.3em;
    }
    
    #topBar{
        height: 40px;
    }
    
    #topBarContent ul{
        width:auto;
        display: inline;
        float:none;
    }
    
    #topBarContent li{
        margin:0 10px;
    }
    
    #topBarContent a{
        background-position: center top;
        width: auto;
        padding: 5px 0px;
        text-indent: 0;
        text-align: center;
    }
    .entry-content{clear:both;}
    
    .home .wp-post-image{
        display: none;
    }
    #logo{
        width:96%;
        display: block;
        margin:2%;
        text-align: center;
        margin-top:2%;    
    }
    
    .home.page #logo, .home.page #description{
        margin:2%;    
    }
    
    #logo img{
    width:96%;
    }
    
    .home.page #description{
        display:none;
    }
    
    .alignleft{
        float:none!important;
    }
    
    #anim{
        visibility: hidden;
    }
    
    #descriptionContent{
        padding:2%;
        text-align: center;
        display: none;
    }
    
    #descriptionContent canvas{
        width:100%;
        text-align: center;
    }
    
    .grid_1.menuItem{
        display: block;
        width:100%;
        height:10%;
    }
    
    .container_6 .grid_3{
        display:block;
        float:none;
        width:96%;
    }
    
    #contentLeft{
        /*float:none!important;
        display: block;*/
        width:96%;
        padding: 2%;
    }
    
    #contentRight{
        width:100%;
        padding:0;
        margin:0;
    }
    #contentRight .bx-wrapper{
        width: 96%;
        margin:0;
        padding:2%;
        margin-left:0;
        margin-bottom: 15px;
    }
    
    #footer .greenLinkBT{
        width:36%;
    }
    
    #footerBlog, #footerFocus{
        float:none;
        width:96%;
        padding:0 2%;
        clear:both;
        display:block;
    }
    
    #login-content{
        left:30%;
    }
}