/*-------- HTML5 display definitions --------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block;}

/* Corrects inline-block not defined in IE6/7/8 and FF3 */
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}

/* Ensures content is hidden from all presentations, including screenreaders */
[hidden] {display: none;visibility: hidden;}

/*-------- Base structure --------*/
html {font-size: 100%;overflow-y: scroll; /* Force a scrollbar in non-IE */-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */-ms-text-size-adjust: 100%;}
body {}
::selection {background:plum; color:#000; }
::-moz-selection {background:plum; color:#000; }
::-webkit-selection {background:plum; color:#000; }	


.title_section {background: red; margin-bottom: 30px; }
.title_page {background: transparent url(../images/nuestro-trabajo/seperator_default.png) repeat-x bottom left; margin-bottom: 30px; padding-bottom: 30px; padding-top: 30px; }

div h1, div h2, div h3, div h4, div h5, div h6 {margin-top: 30px;}
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {margin-top: 0px;}


/* Embedded content */
img, object, video {max-width: 100%; height: auto;display:block; margin: 0 auto;}
img {border: 0;-ms-interpolation-mode: bicubic;}


/* Others */
strong, b, dt {font-weight: bold; }

i, dfn {font-style: italic; }

sub, sup {font-size: 0.625em;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* paragraph rules */
p { margin-top: 30px; font-size: 1.2em;}
div p:first-child { margin-top: 0px; }	
p.blockquote {padding-left: 35px;background: transparent url(../images/nuestro-trabajo/quote.png) no-repeat center left;}
p.blockquote span {border-left: 1px dashed #865c91;padding-left: 15px;display: block;}
	

/* General ID's or Classes */
#page_casos {position: relative;overflow: hidden;}

/*content*/
.video_pleca {position: relative;width: 60%;padding: 0;margin: 0;float: left;}
#maincontent {width: 60%; padding: 0;margin: 0;float: left;}
#sidebar {width: 38%;padding: 0;float: right;}

.wrapper {width: 100%; margin: 0 auto;padding: 0; position: relative;}
.galeria { width: 95%; padding: 3px; margin: 0 auto;position: relative;overflow: hidden;}
.wrappergaleria{background: #3b3b3b;width: 100%;}
.temporal {width: 100%;background-repeat: no-repeat;background-position:center;background-color:#ededed;margin: 0 auto;position: relative;}	
.clearfix:after {background: purple; content: "";display: block;clear: both;visibility: hidden;font-size: 0;height: 0;}
.clearfix {*display: inline-block;height: 1%;}
	
iframe{width: 100%;height: 400px;}

.sidebar_section {margin: 0;}
#sidebar .sidebar_section:first-child {margin: 3;}
.img_principal {max-width: 100%;padding: 0; margin:0 auto;}
.img_principal img{width: 100%;}

/*PLECA*/
.pleca_gris {background:#222;width:100%;height:auto;margin: auto;color:#fff;padding:0;overflow: hidden;}
.pleca_gris .gris {width:95%;height:auto;margin: auto;color:#fff;padding:30px 0;overflow: hidden;}

/*DATA*/
.wrapperdata {background:#444;width:100%;padding:0;overflow: hidden;}
.wrapperdata .data {width:95%;margin: 0 auto;color:#fff;padding:30px 0;overflow: hidden;}

/*content img*/
.video_pleca img{width: 100%;}
#maincontent img{width: 100%;}
#sidebar img{max-width: 100%;}

/* Header */
headerr, #headerr {overflow: hidden;padding:130px 0 10px 0;text-align: center;}
.wrappertagline{background: black;}
.header_tagline {width: 95%;margin: 0 auto; padding: 40px 0 10px 0; display: block;overflow: hidden; text-align: left;}
.header_tagline h1, .header_tagline h2, .header_tagline h3, .header_tagline h4, .header_tagline h5, .header_tagline h6 {margin:  0 0 5px 0;}

/******************************SECTION1**************************************/
.wrappersection1{background: #3d3d3d url('../images/nuestro-trabajo/recs3.png')no-repeat right bottom;padding: 0;margin: 0;}
.wrappersection1 .section1{position: relative;overflow: hidden;}

.wrappersection1 .section1 > article:first-child{width: 74.8%;float: left;}
.wrappersection1 .section1 > article:nth-child(2){width: 24.4%;float: right;height: 100%;padding: 40px 30px 20px 20px;}

.wrappersection1 .section1 > article h3{font-size: 2em;}
.wrappersection1 .section1 > article p{font-size: 1.1em;color: #f1f1f1; line-height: 1.2;}

.wrappersection1 .section1 .tendencias{margin: 20px 0 0 0;}
.wrappersection1 .section1 .tendencias .categories{width: 17%; display: inline-block;margin: 0 3px 0 0;}



/******************************SECTION2**************************************/
.wrappersection2{background: black;padding: 10px 0 2px 0;margin: 0;}
.wrappersection2 .section2{position: relative;overflow: hidden;padding:0 0 0 0;margin: 0;}

.wrappersection2 .section2 > article{}

.wrappersection2 .section2 > article:first-child{width: 43%;float:left;margin: 0 0.6% 0 0;}
.wrappersection2 .section2 > article:nth-child(2){background: #ff6e00 url('../images/nuestro-trabajo/recs-naranja.png')no-repeat right bottom;width: 24.6%;height:100%; float:left;position: absolute;left: 43.6%;top: 0;bottom: 0;right: 0;overflow:auto;}
.wrappersection2 .section2 > article:nth-child(3){width: 31.2%;height: 100%;position: absolute;float:right;padding: 0;margin: 0;top: 0;bottom: 0;right: 0;overflow:auto;}

.wrappersection2 .section2 > article:nth-child(3) img{height: 100%;}

.wrappersection2 .section2 > article .full{height: 100%;min-height: 100%; position: relative;padding: 0;}
.wrappersection2 .section2 > article p{font-size: 1.1em;color: #232323; line-height: 1; font-weight: bold; padding:30px 20px; }



/******************************SECTION3**************************************/
.wrappersection3{background: black;padding: 0;margin: 0;}
.wrappersection3 .section3{position: relative;overflow: hidden;padding: 10px 0;}

.wrappersection3 .section3 .destacada3{width: 49.5%; padding: 0;}
.wrappersection3 .section3 .destacada3 img{width: 100%;}

.wrappersection3 .section3 .destacada3:first-child{float: left;}
.wrappersection3 .section3 .destacada3:nth-child(2){float: right;}

iframe{width: 100%;height: 301px;;}


.left_float { float: left; }
.right_float {float: right; }
	
article .seperator { background: transparent url(../images/nuestro-trabajo/seperator_default.png) repeat-x top left; padding-top: 30px;margin-top: 30px;}
.add_padding {padding-left: 30px;padding-right: 30px;}




#loader {width: 16px;display: block;/*position: absolute;*/text-align: center;display: none;margin: 0 auto;/* hidden on start */}

#close {background: red url(../images/nuestro-trabajo/close.png) no-repeat top left;position: absolute;bottom: 0px;right: 3%;display: none;/* hidden on start */width: 100px;height: 20px;text-indent: -9999px;cursor: pointer;}
#close:hover {background-position: bottom left;}
	

/* P A G E C O N T E N T */
#pagecontent {width: 100%;height: auto;padding:0;margin: 0;display: block;}

/* Entries */
.entries {text-align: center; width: 100%;}
.entry {display: inline-block; width: 31%;background: #fff;margin: 10px 10px;border-bottom: 1px solid #e0e0e0;position: relative;box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;-moz-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;-webkit-box-shadow:  rgba(0,0,0, 0.1) 0px 0px 3px;}
.entry .entry-headline {border-left: 5px solid #EA1D79;padding-left: 15px;margin: 20px 15px 20px 15px;}
.entry .entry-title {margin-bottom: 5px;}
.entry-date {font-size: 10px;line-height: 1;text-transform: uppercase;}	
.entry .entry-info { background: url(../images/nuestro-trabajo/seperator_default.png) repeat-x top left;font-size: 11px;line-height: 1;padding: 20px 15px 20px 15px;position: relative;overflow: hidden; }
.entry .entry-meta {margin-top: 15px;}
.entry .entry-meta div.right_float {margin-left: 15px;}
.entry-single .entry-headline {padding-left: 15px;}
.entry-single .entry-title {margin-bottom: 5px;}
.entry-single .entry-info { margin-top: 0;padding: 0; }
.entry-single .entry-meta { background: url(../images/nuestro-trabajo/seperator_main.png) repeat-x top left;margin-top: 30px;padding-top: 30px; }

.sidebar_section h3{line-height:1;}
.sidebar_section p{color:#a3a3a3;line-height:1.3;}
.entry-single .entry-info p{color:#b3b3b3;line-height:1.3;}
.entry-single .entry-info .categories{display: inline-block;}
	

/* Filter */
.filter {margin:25px 0;text-align: center; overflow: hidden;align-content:center;}
	
.filter li {display: inline-block; background: url(../images/nuestro-trabajo/seperator_filter.png) no-repeat center right;padding-right: 15px;margin-right: 10px;margin-bottom: 0;}
	
.filter li:last-child {margin-right: 0px;padding-right: 0px;background: none;}

.filter li a {text-decoration: none;color: #666;}
.filter li a:hover { color: red; text-decoration: none;}
.filter li a.active { color: red; }


/*---------------------------------------------- 
Meta Datas
------------------------------------------------*/
.entry-meta div {font-size: 11px;line-height: 1;}
	
.meta_likes a {background: url(../images/nuestro-trabajo/likes_icon.png) no-repeat 0px 1px;padding-left: 17px;color: #999999;}
.meta_likes a:hover { background: url(../images/nuestro-trabajo/likes_icon-hover.png) no-repeat 0px 1px; color: #139083; }
.meta_comments a {background: url(../images/nuestro-trabajo/comments_icon.png) no-repeat 0px 1px;padding-left: 17px;color: #999999;}
.meta_comments a:hover { background: url(../images/nuestro-trabajo/comments_icon-hover.png) no-repeat 0px 1px; color: #139083; }
.meta_views {background: url(../images/nuestro-trabajo/views_icon.png) no-repeat 0px 4px;padding-left: 17px;}
.meta_tags {background: url(../images/nuestro-trabajo/tags_icon.png) no-repeat 0px 4px;padding-left: 17px;}

	
/* Columns */
.columnsection {padding-bottom: 30px;}

.column { float: left; padding-bottom: 30px; 	/* IE7 BUG  ->  margin-bottom on a floating object doesn't appear in IE7  ->  therefore PADDING */margin-right: 30px;}

.one_full { width: 100%; float: none; margin-right: 0; }
.one_half  { width: 405px; }
.one_third { width: 260px; }
.two_third { width: 550px; }

.last {	margin-right: 0px; }


/* Overlay Images */
.img_holder {margin: 0;padding: 0; position: relative;cursor: pointer;}

.img_holder a .overlay {width: 100%;height: 100%;background: #ffffff /*url(../images/overlay.png) center center no-repeat*/;position: absolute;top: 0;left: 0;cursor: pointer;margin: 0;padding: 0;}

/* Overlay Images */
.img_holder {margin: 0;padding: 0; position: relative;cursor: pointer;}

.img_holder a .overlay1 {width: 100%;height: 100%;background: #ffffff /*url(../images/overlay.png) center center no-repeat*/;position: absolute;top: 0;left: 0;cursor: pointer;margin: 0;padding: 0;}


/* RESPONSIVE #Media Queries-------------------------------------------------------------------------------------------------------- */
/* SALMON /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and ( min-width: 2401px) and ( max-width: 6000px ) {
    .header_tagline {width: 1440px;padding: 20px 0;}
    .img_principal {width: 1440px;}
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{width: 1440px;margin: 0 auto;}
    /******************************section2**************************************/
    .wrappersection2{}
    .wrappersection2 .section2{width: 1440px;margin: 0 auto;}
    /******************************section3**************************************/
    .wrappersection3{}
    .wrappersection3 .section3{width: 1440px;margin: 0 auto;}
    iframe{width: 100%;height: 350px;;}
    
    /*PLECA*/
    .pleca_gris {width:1440px;padding: 0;}
    .pleca_gris .gris {padding: 0;}
    /*DATA*/
    .wrapperdata {width:1440px;margin: 0 auto;}
    /*GALERIA*/
    .galeria {width: 1440px; padding: 0;}
}
/* PURPLE /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and ( min-width: 1500px) and ( max-width: 2400px ) {
    .header_tagline {width: 1440px;padding: 20px 0;}
    .img_principal {width: 1440px;}
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{width: 1440px;margin: 0 auto;}
    /******************************section2**************************************/
    .wrappersection2{}
    .wrappersection2 .section2{width: 1440px;margin: 0 auto;}
    /******************************section3**************************************/
    .wrappersection3{}
    .wrappersection3 .section3{width: 1440px;margin: 0 auto;}
    iframe{width: 100%;height: 350px;;}
    
    /*PLECA*/
    .pleca_gris {width:1440px;padding: 0;}
    .pleca_gris .gris {padding: 0;}
    /*DATA*/
    .wrapperdata {width:1440px;margin: 0 auto;}
    /*GALERIA*/
    .galeria {width: 1440px; padding: 0;}
    
}
/* GRAY /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 1186px) {
    .header_tagline {width: 93.5%;padding: 20px 0;}
    .img_principal {width: 100%;}
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{margin: 0 auto;}
    .wrappersection1 .section1 > article:first-child{width: 54.8%;}
    .wrappersection1 .section1 > article:nth-child(2){width: 44.4%;padding: 20px 20px 8px 15px;}
    .wrappersection1 .section1 > article h3{font-size: 1.9em;}
    .wrappersection1 .section1 > article p{font-size: 1.1em;line-height: 1.1;margin: 10px 0 0 0;}
    .wrappersection1 .section1 .tendencias{margin: 19px 0 0 0;}
    .wrappersection1 .section1 .tendencias .categories{width: 10%;margin: 0 3px 0 0;}
    /******************************section2**************************************/
    .wrappersection2{}
    .wrappersection2 .section2{margin: 0 auto;}
    /******************************section3**************************************/
    .wrappersection3{}
    .wrappersection3 .section3{margin: 0 auto;}
    iframe{width: 100%;height: 232px;}
    
    .entry {background: red; width: 30%;margin: 10px 10px;}
.entry .entry-headline {border-left: 5px solid #EA1D79;padding-left: 15px;margin: 20px 15px 20px 15px;}
    /*PLECA*/
    .pleca_gris .gris {width: 93.5%;}
    /*DATA*/
    .wrapperdata .data {width: 93.5%;}
    /*GALERIA*/
    .galeria {width: 93.5%;}
    /*content*/
    .video_pleca {width: 60%;}
    #maincontent {width: 60%; }
    #sidebar {width: 37%;}
}
/* RED //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and ( min-width: 769px) and ( max-width: 980px ) {
    .header_tagline {width: 95%;padding: 20px 0;}
    .img_principal {width: 100%;}
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{margin: 0 auto;}
    .wrappersection1 .section1 > article:first-child{width: 44.8%;}
    .wrappersection1 .section1 > article:nth-child(2){width: 54.4%;padding: 11px 20px 0 10px;}
    .wrappersection1 .section1 > article h3{font-size: 1.5em;}
    .wrappersection1 .section1 > article p{font-size: 0.9em;line-height: 1.1;margin: 8px 0 0 0;}
    .wrappersection1 .section1 .tendencias{margin: 10px 0 0 0;}
    .wrappersection1 .section1 .tendencias .categories{width: 8%;margin: 0 3px 0 0;}
    /******************************section2**************************************/
    .wrappersection2{}
    .wrappersection2 .section2{margin: 0 auto;}
    .wrappersection2 .section2 > article:first-child{width: 38%;margin: 0 0.6% 0 0;}
    .wrappersection2 .section2 > article:nth-child(2){width: 29.6%;height: 98%;left: 38.6%;top: 0;bottom: 0;right: 0;}
    .wrappersection2 .section2 > article:nth-child(3){width: 31.2%;padding: 0;margin: 0;}
    .wrappersection2 .section2 > article p{font-size: 0.9em;line-height: 1.1;padding:15px 15px; }
    iframe{width: 100%;height: 180px;}
    /*PLECA*/
    .pleca_gris .gris {width: 95%;}
    /*DATA*/
    .wrapperdata .data {width: 95%;}
    /*GALERIA*/
    .galeria {width: 95%;}
    .entry {width: 30%;margin: 7px 7px;}
}
/* YELLOW ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 769px) {
    /* Header */
    headerr, #headerr {padding:20px 0 10px 0;}
    .header_tagline {width: 95%;padding: 20px 0;text-align: center;}
    .entry {width: 46%;margin: 6px 6px;}
   .img_principal {width: 100%;}
    
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{margin: 0 auto;}
    .wrappersection1 .section1 > article:first-child{width: 100%;float: none;display: block;}
    .wrappersection1 .section1 > article:nth-child(2){width: 100%;float: none;display: block;padding: 20px 25px;}
    .wrappersection1 .section1 > article h3{font-size: 2em;}
    .wrappersection1 .section1 > article p{font-size: 1.1em;line-height: 1.2;margin: 14px 0 0 0;}
    .wrappersection1 .section1 .tendencias{margin: 18px 0 0 0;}
    .wrappersection1 .section1 .tendencias .categories{width: 8%;margin: 0 3px 0 0;}
    /******************************section2**************************************/
    .wrappersection2{padding: 0;}
    .wrappersection2 .section2{margin: 0 auto;}
    .wrappersection2 .section2 > article:first-child{width: 100%;float: none;display: block; margin: 0 0 0 0;}
    .wrappersection2 .section2 > article:nth-child(2){width: 100%;height: auto;float: none;display: block; position: relative; left: 0;top: 0;bottom: 0;right: 0;}
    .wrappersection2 .section2 > article:nth-child(3){width: 100%;float: none;display: block;padding: 0;margin: 0; position: relative;}
    .wrappersection2 .section2 > article p{font-size: 1.1em;line-height: 1.2;padding:32px 20px; }
    iframe{width: 100%;height: 250px;}
    .wrappersection2 .section2 > article:nth-child(3) > img{width: 100%;}
    
    /*PLECA*/
    .pleca_gris .gris {width: 100%;}
    /*DATA*/
    .wrapperdata .data {width: 100%;}
    /*GALERIA*/
    .galeria {width: 100%;}
    /*content*/
    .video_pleca {width: 100%;}
    #maincontent {width: 100%; }
    #sidebar {width: 100%;clear: both;float: none;}
    /*style*/
    .sidebar_section h3{font-size: 2em;width: 94%;margin: 0 auto 10px auto; line-height:1;}
    .sidebar_section p{color:#a3a3a3;line-height:1.3;width: 94%;margin: 10px auto 20px auto;}
    .entry-single .entry-info p{color:#b3b3b3;line-height:1.3;width: 94%;margin: 0 auto;}
    .entry-single .entry-info .categories{display: inline-block;}
    
}
/* PINK ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and ( max-width: 480px) {
    .entry {width: 43%;margin: 5px 5px;}
    /*style*/
    .sidebar_section h3{font-size: 1.7em;width: 88%;}
    .sidebar_section p{font-size: 1em;width: 88%;}
    .entry-single .entry-info p{font-size: 1em;width: 88%;}
    .entry-single .entry-info .categories{display: inline-block;}
    
    /******************************section1**************************************/
    .wrappersection1{}
    .wrappersection1 .section1{margin: 0 auto;}
    .wrappersection1 .section1 > article:first-child{width: 100%;float: none;display: block;}
    .wrappersection1 .section1 > article:nth-child(2){width: 100%;float: none;display: block;padding: 20px 25px;}
    .wrappersection1 .section1 > article h3{font-size: 2em;}
    .wrappersection1 .section1 > article p{font-size: 1.1em;line-height: 1.2;margin: 14px 0 0 0;}
    .wrappersection1 .section1 .tendencias{margin: 18px 0 0 0;}
    .wrappersection1 .section1 .tendencias .categories{width: 10%;margin: 0 3px 0 0;}
    /******************************section2**************************************/
    .wrappersection2{padding: 0;}
    .wrappersection2 .section2{margin: 0 auto;}
    .wrappersection2 .section2 > article:first-child{width: 100%;float: none;display: block; margin: 0 0 0 0;}
    .wrappersection2 .section2 > article:nth-child(2){width: 100%;height: auto;float: none;display: block; position: relative; left: 0;top: 0;bottom: 0;right: 0;}
    .wrappersection2 .section2 > article:nth-child(3){width: 100%;float: none;display: block;padding: 0;margin: 0;}
    .wrappersection2 .section2 > article p{font-size: 1.1em;line-height: 1.2;padding:32px 20px; }
    iframe{width: 100%;height: 250px;}
    /******************************section3**************************************/
    .wrappersection3{margin: 0;padding: 0;}
    .wrappersection3 .section3{margin: 0 auto;padding: 0;}
    .wrappersection3 .section3 .destacada3{width: 100%; float: none;display: block; padding: 0;margin: 0;}

}
/* BLACK ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and ( max-width: 337px) {
    
}