html{ height: 100%;}

body{ padding:0px; background:transparent; min-height: 100%}

.noContent{ text-align:center; font-size:24px; color:#333; padding:30px; background-color:#fff; width:50%; margin:40px auto 0 auto;}
.fancybox-overlay{ background:none !important;}
/* powered */

.powered{ background:#fff; color:#333; padding:4px 0px; position: fixed; left:50%; width:100px; margin-left:-50px; bottom:0; z-index: 100000; font-size:9px; text-transform: uppercase; font-family:'Lato'; text-align: center; line-height:18px; box-shadow: 0 -1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 -1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 -1px 3px rgba(34,25,25,0.4); }
.powered a{ text-decoration: none; color:#999; display:block;}
.powered img{ width:80px; vertical-align:middle; margin-left:2px;}

/* loading */

.loading-bg{ position: fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; z-index: 99998; background-color:rgba(255,255,255,0.4)}
.loading{ position:fixed; padding:85px 0px 0 0; width:270px; height:100px; top:50%; left:50%; margin-left:-135px; margin-top:-118px; background-color:#fff; box-shadow: 3px 3px 5px rgba(34,25,25,0.4);
-moz-box-shadow: 3px 3px 5px rgba(34,25,25,0.4);
-webkit-box-shadow: 3px 3px 5px rgba(34,25,25,0.4); border:1px solid #e4e4e4; z-index: 99999; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;    text-align: center; background-image:url(../img/fancybox_loading.gif); background-repeat: no-repeat; background-position: center 30px;}
.loading h2{ font-size:25px; font-weight: normal !important; color:#2c3e50; margin-bottom:20px; }
.loading h3{ font-size:15px; font-weight: normal !important; color:#999; }
.loading img{ vertical-align: middle; margin-right:5px;}


/** Container
****************/

#container{ position:relative; overflow: hidden; margin:0 auto;}

.widget #container{ padding:0px ; }


/** Header
************/

.superheader{ margin-bottom:0px;}

.widget .header{ width:100%; /*max-height:300px; overflow:hidden;*/ text-align:left;}
.widget .header img{ margin:10px 0; max-width:90%; }



/** Filters
************/


.filter{ height:40px; padding:10px 0px 0px 0px; line-height:24px; text-align:center; margin-bottom:0px;   }
ul#filters { 
	position:relative; 
	float:left; 
	padding:8px; 
	background-color: #fff; 
	border-top:none; 
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;  
	box-shadow: 0 1px 3px rgba(34,25,25,0.3);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.3);
	
}
ul#filters.alignLeft{ float:left;}
ul#filters.alignRight{ float:right;}
ul#filters.alignCenter{ display: inline-block; float:none;}

ul#filters li { font-size: 12px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin: 0 3px; text-indent:-9999px; width:24px; height:24px;
    
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
		   
		  filter: alpha(opacity=40); opacity: 0.4; cursor:pointer;
}

#filters li:hover,
#filters li.active{ filter: alpha(opacity=100); opacity:1;}

#filters li.facebook{ background:url(../img/social-icons/facebook24.png);}
#filters li.twitter{ background:url(../img/social-icons/twitter24.png);}
#filters li.feed{ background:url(../img/social-icons/feed24.png);}
#filters li.flickr{ background:url(../img/social-icons/flickr24.png);}
#filters li.google_plus{ background:url(../img/social-icons/google_plus24.png);}
#filters li.instagram{ background:url(../img/social-icons/instagram24.png);}
#filters li.linkedin{ background:url(../img/social-icons/linkedin24.png);}
#filters li.pinterest{ background:url(../img/social-icons/pinterest24.png);}
#filters li.tumblr{ background:url(../img/social-icons/tumblr24.png);}
#filters li.vimeo{ background:url(../img/social-icons/vimeo24.png);}
#filters li.youtube{ background:url(../img/social-icons/youtube24.png);}
#filters li.blogger{ background:url(../img/social-icons/blogger24.png);}
#filters li.vine{ background:url(../img/social-icons/vine24.png);}
#filters li.wordpress{ background:url(../img/social-icons/wordpress24.png);}


/** Menu
************/

.menu .nav-button{ display: none;}
.menu{ border-bottom:3px solid #2b3d4f; margin-bottom:0px;padding-top:10px; position: relative;}
.menu li{ float:left; margin-right:10px;}
.menu li a{ display:block; padding:10px 10px; text-decoration:none; background-color: #e64b3b; color:#fff; text-align:center; font-size:13px; font-weight:bold; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;  }
.menu li a:hover,
.menu li a:active,
.menu li.active a{ background-color:#2b3d4f;}

.next_update{ position: fixed; top: 0px; right: 50%; background-color:#fff; background-color:rgba(255,255,255,0.9); text-shadow:0 1px 0 #fff;  color:#2b3d4f; font-weight: normal;  text-align: center; padding:3px 5px 6px 5px; -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; box-shadow: 0 -1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 -1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 -1px 3px rgba(34,25,25,0.4); z-index: 100000 !important;    }

.next_update a{ display:inline-block; zoom:1; *display:inline; min-width:16px;  text-align: center; padding:0 3px;}
.next_update .fa{ font-size:14px; color:#000; }
  

/* Small devices (tablets, 768px and up) */

.widget #container.noMenu{ padding-top:20px !important; }
	
	
@media (max-width: 768px) { 
	.widget .next_update:not(.noMenu){ left:10px; right:inherit; z-index:10000; padding:0; margin:0; box-shadow:none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; padding-top: 19px;  }
	.widget .next_update a.btn-fullscreen{ display:none;}
	
	
	.menu{ position:fixed; top:0; left:0px; z-index: 1000; width:100%; padding:0; padding-top:53px; border-bottom:0;}
	.menu .nav-button { display:block;width:100%; height:53px; position:absolute; top:0px; right:0px; text-align: right; background-color:#fff; -webkit-box-shadow: 0 0 2px rgba(6,8,8,0.20);
-moz-box-shadow: 0 0 2px rgba(6,8,8,0.20);
box-shadow: 0 0 2px rgba(6,8,8,0.20);  }
	.menu .nav-button a.nav{ margin:10px 10px 0 0; width:43px; height:33px; display:inline-block;  background-color:#f20000; background-image:url(../img/bg-menu-mobile.png); background-repeat: no-repeat; background-position: center; border-radius: 3px;
     -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  }
	.menu ul{ display: none; width:100%;}
	.menu li{ float:none; margin:0; margin-bottom:0px; border-top:1px solid rgba(0,0,0,0.8)}
	.menu li a{  margin:0; padding:10px 10px; text-align: left; border-radius: 0px;
     -moz-border-radius: 0px;
  -webkit-border-radius: 0px; box-shadow: 0 2px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 2px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 2px 3px rgba(34,25,25,0.4);  }

	.widget .header{ margin-top:60px !important; }
	.noMenu .header{ margin-top:0px !important; }
	
}

@media (min-width: 768px) { 
	.menu ul{ display: block !important;}
	.widget .next_update{ left:inherit!important; }
	.widget .next_update a.btn-fullscreen{ display:inline-block;}
	.noMenu .header{ margin-top:0px !important; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.widget .next_update{ left:inherit!important;  }
	
	.widget .next_update a.btn-fullscreen{ display:inline-block;}
	.noMenu .header{ margin-top:0px !important; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.widget .next_update{ left:inherit!important; }
	
	.widget .next_update a.btn-fullscreen{ display:inline-block;}
	.noMenu .header{ margin-top:0px !important; }
}

/** New Posts
**********************/

.newPosts{ text-shadow:0 1px 0 #fff; line-height:40px; text-align:center; color:#c0392b;  font-size:10px; text-transform: uppercase;  border-top:none; border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px;  background: #e4e4e4; cursor: pointer; display: none; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3); position:fixed; top:0; left:50%; width:220px; margin-left:-110px; z-index: 1000; }
.newPosts:hover{ color:#e74c3c; background-color:#fafafa; box-shadow: 0px 2px 6px rgba(0,0,0,0.4); 
-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.4);  }

.newPosts .fa{ font-size:12px; padding-right:5px; }

  
/** Posts
**********************/
#content{ padding-top:15px;}

#posts { position: relative; }
#posts li.post { border-radius: 3px;
     -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);
  -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.34);
  
  display: none; 
  position:relative;
 
}
#posts li.inactive { 
	visibility: hidden;  
}
#posts li.post{ 
	opacity: 0;
}
#posts li.post .post-content{ 
	position:relative; 
	border-radius: 3px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;  
	
}
#posts li.post .media a,
#posts li.post .media img { display: block; width: 100%; height: auto; }
#posts li.post .media a{ position:relative;}
#posts li.post .media div.video{ position:absolute; height:100%; width:100%; top:0; left:0; bottom:0; right:0; background:url(../img/btn-video.png); background-repeat: no-repeat; background-position: center;}


/* actions icons */

.actions{ line-height:21px; clear:both;background-color:#f2f2f2; padding:5px 10px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;  }
.actions li{ float:left; margin-right:8px;  }
.actions li a{ display:block; font-size:12px; padding:0px; color:#000; opacity:0.4; filter: alpha(opacity=40); }
.actions li a:hover,
.actions li a:active{ opacity:0.8; filter: alpha(opacity=80); }
.actions li a i{  line-height:21px;}

/** Website themes
**********************/


/** Description for website
******************************/
#posts .description{ color:#333; background-color:#f2f2f2; text-shadow:0 1px 0 #fff;  }
#posts .description p{ margin:5px 0;}
#posts .description .text{ padding:20px 20px 10px 20px; text-align: center; font-size:14px; font-weight: normal; line-height:18px;}
#posts .description .links{ padding:0px 20px 20px 20px; text-align: center; font-size:12px; font-weight: bold; color:#666;}
#posts .description img{ width:24px; height:24px; margin:5px 0; display: inline-block; zoom:1; *display:inline;}



/** Widget themes
**********************/
/*
#posts li.post .post-content:	- author
								- type
								- txt
								- media
								- actions
								- date
*/


/* classic theme */
.post-content{ background-color:#fff;}
li.post .txt{ padding:10px; overflow: hidden;  }
li.post .txt p { -webkit-font-smoothing: antialiased; color: #333; font-size: 13px; line-height: 18px; text-align: left;}
li.post .txt p{ word-break:break-word;} 
li.post .txt a{ color:#666; text-decoration:underline; }
li.post .txt a:active,
li.post .txt a:active{ text-decoration:none;}
li.post .author{ padding: 10px; font-weight: bold; border-bottom: 1px solid #ddd; /*position: relative;*/ font-size:12px;}
li.post .author a{ display:block;}
li.post .author img{ float: left; height: 30px; margin-right: 7px; width: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
li.post .author span{ white-space: nowrap; overflow: hidden; color: #717171; display: block; line-height: 15px;}
li.post .author span a{text-decoration: none; color: #000; line-height: 30px; }
li.post .type{ position:absolute; top:18px; right:10px;}
li.post .title{ font-size:16px; font-weight:bold; line-height:20px; padding:10px 10px 0 10px;}
    
li.post .date{ position:absolute; bottom:8px; right:10px; font-size:11px; color:rgba(0,0,0,0.7); text-align:right;}

/* Main color */
.main-color .date{ color:rgba(255,255,255,0.7) !important;}
.main-color .actions li.comment a{ background:url(../img/actions-comment-w.png); background-position: 0 0;}
.main-color .actions li.like a{ background:url(../img/actions-like-w.png); background-position: 0 0;}
.main-color .actions li.favorites a{ background:url(../img/actions-favorites-w.png); background-position: 0 0;}
.main-color .actions li.retweet a{ background:url(../img/actions-retweet-w.png); background-position: 0 0;}
.main-color .actions li.reply a{ background:url(../img/actions-reply-w.png); background-position: 0 0;}

/* Background color */

.bg-main-color .post-content .author a,
.bg-main-color .post-content .txt p,
.bg-main-color .post-content .txt a{ color:#fff;}
.bg-main-color .post-content .author{ border-bottom:1px solid rgba(0,0,0,0.2);}
.bg-main-color .post-content .actions{ background-color: rgba(0,0,0,0.2);}
.bg-main-color .post-content .date{ color:rgba(255,255,255,0.8);}

/* Social color */
.bg-social-color .post-content{ background-color:#f20000 !important;}
.bg-social-color .post-content .author{ background-color:rgba(0,0,0,0.1); color:#fff !important; border-bottom:1px solid rgba(0,0,0,0.2) !important;}
.bg-social-color .post-content .author a,
.bg-social-color .post-content .txt,
.bg-social-color .post-content .txt p,
.bg-social-color .post-content .txt a{ color:#fff !important;}
.bg-social-color .post-content .actions{background-color:rgba(0,0,0,0.1);}
.bg-social-color .post.twitter .post-content{ background-color:#55ACEE !important;}
.bg-social-color .post.facebook .post-content{ background-color:#3b5998 !important;}
.bg-social-color .post.google_plus .post-content{ background-color:#dd4b39 !important;}
.bg-social-color .post.instagram .post-content{ background-color:#634d40 !important;}
.bg-social-color .date{ color:rgba(255,255,255,0.7) !important;}
.bg-social-color .actions li a{ opacity: 0.7; transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}
  .bg-social-color .actions li a:hover{ opacity: 1;} 
.bg-social-color .actions li.comment a{ background:url(../img/actions-comment-w.png); background-position: 0 0;}
.bg-social-color .actions li.like a{ background:url(../img/actions-like-w.png); background-position: 0 0;}
.bg-social-color .actions li.favorites a{ background:url(../img/actions-favorites-w.png); background-position: 0 0;}
.bg-social-color .actions li.retweet a{ background:url(../img/actions-retweet-w.png); background-position: 0 0;}
.bg-social-color .actions li.reply a{ background:url(../img/actions-reply-w.png); background-position: 0 0;}

/* Grid */
.grid #posts{ margin-top:20px;}
.grid .post-content{ height:400px; overflow: hidden; background-color: #ebebeb !important;}
.grid .actions{ position:absolute; bottom:0;left: 0; width:100%;}
.grid .txt { position:absolute; bottom:50px; right:5%; left:5%;background-color:rgba(0,0,0,0.85) !important;}
.grid .txt p{ text-align: center; color:#fff !important; width: 100%; /* o el tamaño que quiere que corte la cadena. */
	white-space: nowrap;
	overflow: hidden; /* cualquier valor excepto "visible" para que funcione. */
	text-overflow: ellipsis;}
.grid .media img{ width: auto !important; min-width:300px; height:450px !important;}
.grid .media{ overflow:hidden; height:400px;}
.grid .author{position: absolute; left:0; background-color: transparent; display:none;}
.grid .type{ top:0 !important; right:0 !important;}

/* Square photos */
.square-photos .post-content{ overflow:hidden;}
.square-photos .post-content .type{ position:absolute; right:10px; bottom:15px; top:inherit !important; z-index: 20;}
.square-photos .post-content .date{ display:none;}
.square-photos .post-content .txt{ display:none;}
.square-photos .post-content .author{ z-index:20;position:absolute; top:inherit; bottom:0; left:0; right:0; border:0 !important; background-color:rgba(255,255,255,0.8);}
.square-photos .post-content .actions{ display:none;}
.square-photos .post-content .actions{ position:absolute; bottom:0; left:0; width:100%}
.square-photos .post-content .media{ overflow:hidden; }
/*.square-photos .post-content .media img{ display: block; max-width: none !important; }*/

/* Photos */
.photos .post-content .type{ position:absolute; right:10px; bottom:15px; top:inherit !important;}
.photos .post-content .date{ display:none;}
.photos .post-content .txt{ display:none;}
.photos .post-content .author{ position:absolute; top:inherit; bottom:0; left:0; right:0; border:0 !important; background-color:rgba(255,255,255,0.85);}
.photos .post-content .actions{ display:none;}
.photos .post-content .actions{ position:absolute; bottom:0; left:0; width:100%}
.photos .post-content .media{ overflow:hidden;}
.photos .post-content .media img{ width:100%; }

/* Pinterest */
.pinterest li.post{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22) !important;
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22) !important;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22)  !important; 
	border-radius: 6px !important;
   -moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
}
.pinterest li.post .post-content{  display: table; padding-bottom:50px; width:100%; border-radius: 6px !important;
   -moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;  }
.pinterest .post-content .author{ position: absolute !important; bottom:0px; left:0px; width:100%; border-bottom:0 !important; border-top:1px solid #ddd; background-color:transparent !important; padding:5px 0; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;  }
.pinterest .post-content .author a{ margin-left:10px;}
.pinterest .post-content .author a img{ width:30px; height:30px; margin-right:0px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;  }
.pinterest .post-content .author span a{ line-height:30px;}
.pinterest .post-content div.author:hover{ background-color:#f2f2f2 !important;}
.pinterest .post-content .actions{ background-color:#fff; display:table-footer-group; height:17px; }
.pinterest .post-content .actions li{ margin-top:10px;}
.pinterest .post-content .actions li:first-child{ margin-left:10px;}
.pinterest .post-content .type{ bottom:10px; top:inherit;}
.pinterest .post-content .type img{ -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;  }
.pinterest .post-content .date{ display: none;}
.pinterest .post-content .media{display:table-header-group; border-bottom:1px solid #ddd;}
.pinterest .post-content .media img{ -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;  }
.pinterest .post-content .txt{display:table-row-group; }
.pinterest .post-content .txt p{ padding:10px 10px 0px 10px;}

/* Polaroid */
.polaroid li.post{ box-shadow: 0 5px 7px rgba(0,0,0,0.4) !important;
-moz-box-shadow: 0 5px 7px rgba(0,0,0,0.4) !important;
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.4)  !important;  }
.polaroid .post-content{ background:url(../img/bg-polaroid.png); background-repeat:repeat; overflow:hidden; padding:15px 15px 40px 15px; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;  }
.polaroid .post-content .type{ display:none; position:absolute; right:10px; bottom:5px; top:inherit !important; z-index: 20;}
.polaroid .post-content .date{ display:none;}
.polaroid .post-content .txt{ display:table-row-group; }
.polaroid .post-content .txt p{ text-align: center; text-shadow: 0 1px 0 #fff;}
.polaroid .post-content .media{ display:table-header-group;}
.polaroid .post-content .media img{ margin-bottom:15px; }
.polaroid .post-content .author{ display:none; z-index:20;position:absolute; top:inherit; bottom:0; left:0; right:0; border:0 !important; background-color:rgba(255,255,255,0.8);}
.polaroid .post-content .actions{ display:none; position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.9); -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
.polaroid .post-content .actions li a{ color:#fff !important;}
.polaroid .post-content:hover .actions{ display: block;}
.polaroid .post-content:hover .type{ display: block;}