/* CSS Document */

.item_directorio{
    width:30%;
    text-align:left;
    border:1px solid #CCC;
    display:none;
    margin:0px 10px 20px 10px;
    vertical-align:top;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor:pointer;
}

.item_directorio:hover{
    border: 1px solid #D91B5C;
}

.item_directorio h3{
    color: #D91B5C;
    padding:5px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:16px;
    -webkit-border-top-left-radius: 7px;
    -moz-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
}

.item_directorio div[content]{
    font-size:12px;
    padding:10px;
}
.item_directorio img[logo]{
    margin:10px !important;
}
.item_directorio div[content] b[local], .item_directorio div[content] b[visto]{
    display:block;
    margin-bottom:5px;
    text-transform:uppercase;
}
.item_directorio div[content]{
    float:left;
}
.item_directorio div[content] span{
    display:block;
    font-size:15px;
    color:#666;
}
.item_directorio span[vermas]{
    display:block;
    padding:5px;
    text-align:center;
    color: #333;
    font-weight:bold;
    background-color: #E6E6E6;
    cursor:pointer;
    clear:both;
    text-transform:uppercase;
    font-weight:normal;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.item_directorio span[vermas]:hover{
    background-color:#CCC;
}


.item_directorio a.main{
    display:block;
    padding:10px;
    padding-top:0px;
    color: rgb(0, 103, 0);
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    word-wrap:break-word;
    float:left;
}

.item_directorio a.main:hover{
    color: rgb(4, 156, 4);
}

.item_directorio a.disabled{
    color:#333;
    cursor:default;
}

.item_directorio a.disabled:hover{
    color:#333;
    cursor:default;
}

#view .selected{
    width:100%;
    margin:0px;
    margin-bottom:20px;
}

#view .selected div[content]{
    float:none;
    width:100%;
}

@media (max-width:980px)
{
    .item_directorio{
        width:46%;
    }
}


@media (max-width:767px)
{
    .item_directorio{
        width:100%;
        margin:10px 0px 10px 0px;
    }
    #txtbuscar{
        width:85%;
    }
}

@media (max-width:480px){
    #txtbuscar{
        width:75%;
    }
}