/*#coluna-esquerda {
    width: 220px !important;
}

#coluna-central {
    width: 100% !important;
    min-height: 45px !important;
    float: left !important;
    margin: 0 !important;
}*/

/*#menu-lateral{
    float: left;
    width: 20%;
    margin-right: 2%;
}*/

/*.center{
    width: 10%;
    float: left;
}*/

.separador{
    width: 100%;
    height: 2px;
    float: left;
}

.center h3{
    text-align: left;
}

#galeria-fotos {
/*    padding: 10px 0;
    margin: 0 auto;
    width: 654px;*/
}

#galeria-fotos ul {
    list-style: none;
}

#galeria-fotos ul li {
/*    display: inline-block;
    vertical-align: top;
    margin:6px;
    float: left;*/
}

#galeria-fotos ul .img-foto {
    border: 2px solid #d4d4d4;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 22%;
    float: left;
    margin: 0 1% 3% 0;
}

#galeria-fotos ul a:hover .img-foto {
    border: 2px solid #3e3e3e;
    color: #fff;
}

#galeria-fotos ul .img-foto img{
    width: 100%;
    /*height: 100%;*/
    float: left;
}


#galeria-fotos ul a:hover {
    color: #fff;
}

span.miniatura {
    height:105px;
    width:140px;
    display:inline-block;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    border-radius:5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#galeria-fotos ul span.legenda {
    display:block;
    font-size:10px;
    margin: 0;
    width:150px;
}

.titulo-foto {
    font-size:14px;
    padding:32px 10px 3px;
    background: transparent url('../imagens/linha-foto.png.html') no-repeat 0 5px;
}

.menu-lateral li a {
    font-size: 13px;
}

#addthis-superior{
	margin-left: 5px;
}

.separador-320,
.separador-425{
    display: none;
}

.li-sub{
	margin-left: 8px;
}

@media only screen and (max-width: 960px){
    .img-foto {
        margin: 0 1% 1% 0;
    }
}

@media only screen and (max-width: 768px){
    #menu-lateral-fotos{
        display: none;
    }

    .center{
        width: 100%;
        float: initial;
    }
}



@media only screen and (max-width: 480px){
    .separador-425{
        width: 100%;
        display: block;
        height: 2px;
        float: left;
    }

    .separador{
        display: none;
    }
}

@media only screen and (max-width: 425px){
    #galeria-fotos ul .img-foto {
        width: 30%;
    }
}

@media only screen and (max-width: 320px){
    #galeria-fotos ul .img-foto {
        width: 45%;
    }

    .separador-320{
        width: 100%;
        display: block;
        height: 2px;
        float: left;
    }

    .separador-425{
        display: none;
    }
}