﻿/*=======ESTILOS GENERALES DEL CONTENIDO DEL POST==========*/
.blog_post
{
    position:relative;
    clear:both;
    float: left;
    width: 655px !important;
    border: solid 2px #fff;
    padding: 5px;
    margin: 0 0 10px 0;
    background: #363435 !important;
	color:#fff;	
	font:300 13px Arial !important;
}

.blog_post h2{
    font:700 14px Arial;
    color:#bbc139;
}

.post_content{
    margin:15px 0 0 0;
    padding:0;
}

.lblDate
{
    color: #B7B7B7;
    font: 300 12px Arial;
}

a.lnkTitlePost:link,a.lnkTitlePost:visited,a.lnkTitlePost:hover
{
    color: #E4AE0D;
    font: 700 18px Arial;
    width:450px;
    text-decoration:none;
}

.lblAutor
{
    color: #f1f1f1;
    font: 300 12px Arial;
    font-style: italic;
}

.lblWhite
{
    color: #fff;
    font: 700 12px Arial;
}

.img_category
{
    position:absolute;
    top:2px;
    right:2px;
    z-index:10;
    height:55px;
    background:#444;
    border:solid 1px #666;
}
/*========================*/

.content_blog
{
    position:relative;
    float: left;
    width: 985px;
    min-height: 500px;
    margin: 10px auto;
}

.content_blog .left_blog
{
    float: left;
    width: 669px;
    margin: 0 0 0 10px;
    padding: 8px 8px 15px 8px;
    min-height: 500px;
    background: #555;
}

.content_blog .right_blog
{
    /*position:absolute;
    right:2px;
    top:0;
    z-index:10;
    */
    width: 243px;
    float: right;    
    margin: 0 0 0 10px;    
    padding: 15px 15px 5px 15px;
    min-height: 500px;
    background: #555;
    border: solid 2px #fff;
}

.title_right_blog
{
    float: left;
    width: 250px;
    font: 700 17px Arial;
    color: #fff;
    margin: 10px 0 0 0;
}

.advertisement
{
    float: left;
    padding: 0;
    margin: 8px 0 10px 0;
    border: solid 2px #fff;
}

.white_boxes
{
    float: left;
    min-width: 216px;
    padding: 10px;
    margin: 8px 0 10px 0;
    background: #fff;
    border: solid 2px #000;
}

.black_boxes
{
    float: left;
    min-width: 216px;
    padding: 10px;
    margin: 8px 0 10px 0;
    background: #333;
    border: solid 2px #fff;
    font: 700 17px Arial;
}

a.lnk_PrincipalCategories:link, a.lnk_PrincipalCategories:visited
{
    float: left;
    width: 178px;
    font: 700 15px Arial;
    color: #6A6A6A;
    text-decoration: none;
    background: url(../../Blog/images/arrow_off.png) 2px 14px no-repeat;
    padding: 12px 0 12px 32px;
    margin: 0 2px;
    border-bottom: solid 1px #222;
}

a.lnk_PrincipalCategories:hover
{
    text-decoration: none;
    color: #000;
    padding: 12px 0 12px 32px;
    background: #f1f1f1 url(../../Blog/images/arrow_on.png) 2px 14px no-repeat;
}

a.lnk_blogroll:link, a.lnk_blogroll:visited
{
    color: #434343;
    font: 300 12px Arial;
    text-decoration: none;
}

a.lnk_blogroll:hover
{
    text-decoration: underline;
}

.date_blogroll{
    font:300 12px Arial;
    color:#000;
}

.filters_blog
{
    float: left;
    width: 665px !important;
    border: solid 2px #fff;
    padding: 5px 0;
    margin: 0 0 10px 0;
    background: #363435 !important;
}

.filters_blog .input
{
    border: solid 2px #ccc;
    width: 200px;
}

.content_blog .header_category
{
    float: left;
    width: 665px !important;
    border: solid 2px #fff;
    padding: 0;
    margin: 10px 0;
    height: 79px;
}

.blog_post div{
    max-width:650px !important;    
}

.post_footer{
    float:left;
    background: #4E4E4E; 
    border: solid 1px #ccc; 
    width: 645px; 
    height:30px;
    margin: 10px 0 5px 2px;
}



a.lnkReadMore:link, a.lnkReadMore:visited
{
    float:left;
    color: #B58C12;
    font: 700 14px Arial;
    text-decoration: none;
    padding: 0 15px 0 0;
    margin:15px 0 0 3px;
    background: url(../../Blog/images/read_more_arrows.jpg) 78px 2px no-repeat;
}

a.lnkReadMore:hover
{
    color: #9F7C13;
    text-decoration: none;
    padding: 0 15px 0 0;
    background: url(../../Blog/images/read_more_arrows.jpg) 80px 2px no-repeat;
}


