/*---------------------------------------------------------------------------------
[elcolombiano.com]
Project:		Masificados
Version:		1.0
Created:		11/7/2014
Last change:	*********
Assigned to:	Danny Davila
Primary use:	Website Master
---------------------------------------------------------------------------------*/
@charset "utf-8";

/*Font del sitio*/
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/roboto/roboto-bold/robotocondensed-bold-webfont.eot');
    src: url('fonts/roboto/roboto-bold/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-bold/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-bold/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/roboto/roboto-light/robotocondensed-light-webfont.eot');
    src: url('fonts/roboto/roboto-light/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-light/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-light/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/roboto/roboto-regular/robotocondensed-regular-webfont.eot');
    src: url('fonts/roboto/roboto-regular/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-regular/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-regular/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto/roboto-medium/roboto-medium-webfont.eot');
    src: url('fonts/roboto/roboto-medium/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-medium/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto-medium/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto/roboto/roboto-regular-webfont.eot');
    src: url('fonts/roboto/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Reset*/ 
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time,p { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/*General*/
body{ font-size:13px; font-family: 'roboto_condensedregular';}
#wrapper-widget{ background:url(../images/bg-widget.jpg) repeat; width:998px; border:1px solid #c3c3c3; height:296px;}
#wrapper-widget .left{ background:url(../images/masificados.png)center 19px no-repeat; width:281px; padding:19px 29px; float:left; border-right:1px solid #c3c3c3; text-transform:uppercase;} 
#wrapper-widget .left p{ font-size:13px; font-weight:bold; padding-top:194px; text-align:center;}	
#wrapper-widget .left a{ -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;display: block;background:#00344C; padding:5px; color:#FFFFFF; font-size:13px; text-decoration:none; width:115px; margin:14px auto 0px; font-weight:bold;text-align: center;}


#wrapper-widget .category-propiedades{ float:left;}
#wrapper-widget .category-propiedades .head{  color:#FFFFFF; padding:8px 0px 7px 25px; font-size:14px; text-transform:uppercase; -webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;border-radius: 0px 0px 8px 8px; text-align:center; font-weight:bold;}
#wrapper-widget .category-propiedades .head-propiedades{ background:#a3c80b url(../images/icon-propiedades.png) 15px 5px no-repeat;} 
#wrapper-widget .category-propiedades .head-vehiculos{ background:#FD6A12 url(../images/icon-vehiculos.png) 18px 5px no-repeat;} 
#wrapper-widget .category-propiedades .head-empleos{ background:#039BCA url(../images/icon-empleos.png) 27px 5px no-repeat;} 
#wrapper-widget .category-propiedades .head-otros{ background:#FA3619 url(../images/icon-otros.png) 36px 5px no-repeat;} 
#wrapper-widget .category-propiedades .wrap{ width:145px; padding:0px 10px; border-right:1px solid #c3c3c3;}
#wrapper-widget .category-propiedades .wrap p{ height:78px; overflow:hidden; line-height:16px;}
#wrapper-widget .category-propiedades .wrap h4{ display:block; font-size:15px; margin:8px 0px 2px 0px; height:18px; overflow:hidden;}
#wrapper-widget .category-propiedades .wrap h5{ display:block;  margin-bottom:5px;height:16px; overflow:hidden;}
#wrapper-widget .category-propiedades .wrap p span{ display:block; margin:10px 0px 4px; height:16px; overflow:hidden;}
#wrapper-widget .category-propiedades .wrap p span.propiedades{  color:#A3C80B;}
#wrapper-widget .category-propiedades .wrap p span.vehiculos{  color:#FD6A12;}
#wrapper-widget .category-propiedades .wrap p span.empleos{  color:#039BCA;}
#wrapper-widget .category-propiedades .wrap p span.otros{  color:#FA3619;}
#wrapper-widget .category-propiedades .wrap a{ display:block; color:#FFFFFF; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-decoration:none; font-size:15px; text-align:center; width:65px; margin:10px auto 0px; text-shadow: 2px 1px 4px #000000;}
#wrapper-widget .category-propiedades .wrap a.propiedades {background:#A3C80B; border:1px solid #88A900;}
#wrapper-widget .category-propiedades .wrap a.vehiculos {background:#FD6A12; border:1px solid #C14900;}
#wrapper-widget .category-propiedades .wrap a.empleos {background:#039BCA; border:1px solid #005C78;}
#wrapper-widget .category-propiedades .wrap a.otros {background:#FA3619; border:1px solid #A91701;}
#wrapper-widget .category-propiedades .last{ border-right:none; width:140px;}