/*
Simple Responsive Template v 1.2


primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

/* typography */
body{
	background:#e6eff8;
	color:#666;
	font-family:"Open Sans", Arial, Helvetica, sans-serif; 
	font-size:1em;
	line-height:1.4em; 
	font-weight:normal;
	background:#e6eff8 url(/images/bg.jpg) repeat-x top left;    

}
h1, h2, h3, h4, h5, h6{
	font-weight:800;
	font-family:"Open Sans", Arial, Helvetica, sans-serif; 
	line-height:1.0em;
	margin:.45em 0 0 0;	
	padding:0;
	color:#11a6b6;	
} 

/* links */
a{ color:#11a6b6;text-decoration:none;}
a:active,
a:hover{color:#11a6b6;}
a:hover{ text-decoration:underline;}

/* Social Shares */
a.post-share {
	display: block;
	width: 167px;
	height: 42px;
	float: left;
	margin: 6px 0px 0px 0px;
	background: #3e599a url('/images/sidebar-share.png') no-repeat 0 0;
	text-decoration:none;	
	text-indent: 45px;
	font: 15px/46px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ffffff !important;
}
a.post-share:hover {
	opacity: 0.8;
	text-decoration: none;
	cursor: pointer;
}
a.post-share span {
	width: 36px;	
	padding: 5px;
	display: block !important;
	float:right;
	background-color: #4665af;
	color: #ffffff;
	vertical-align: middle;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-indent: 0;
}

a.post-share.facebook {
	background: #3e599a url('/images/sidebar-share.png') no-repeat 0 1px;
	margin-right: 10px;
}
a.post-share.facebook span {
	background-color: #4665af;
}
a.post-share.twitter {
	background: #4b8cbe url('/images/sidebar-share.png') no-repeat -0px -111px;
	margin-right: 10px;
}
a.post-share.twitter span {
	background-color: #529fda;
}
a.post-share.gplus {
	background: #b8382e url('/images/sidebar-share.png') no-repeat -0px -50px;
	margin-right: 10px;
}
a.post-share.gplus span {
	background-color: #d24238;
}
a.post-share.stumble {
	background: #e15131 url('/images/sidebar-share.png') no-repeat -0px -165px;
}
a.post-share.stumble span {
	background-color: #fd5d3b;
}

/* Facebook responsive comments */
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}
  
/* structure */   
.wrapper{
	width: 92%; 
	margin: 0 auto;	
}
header{ 
	padding:5px 0 0 0;	
	background-color:#fff;		

}
#banner{ 
	text-align:center;
}	
#hero,
#page-header{
	background:#f3f3f3;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:20px 0;
	font-size:1.1em;
}
#page-header h1{
	margin:0;
}
.flexslider{
	display:none;
}
#content,
aside,
.vertical-padding{  
	padding:5px 0;
}
p{ margin:0 0 1.5em;}


/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}


/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:#199b90;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#199b90;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;
	
}
.srt-menu li a {
	color:#666;
	background:#dadada;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
	font-size:.9em;
}
.srt-menu li a:hover{
	background:#199b90;
	color:#fff;
}
.srt-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{ 
	background:#E6E6E6;
	color:#666;
	display:block;
	margin:5px 0; 
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#199b90;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:3px;
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 0px;
}

/*FOOTER*/
footer{  
	background:#333;
	color:#ccc;
	font-size:80%;
	padding:20px 0;
}
footer ul{
	margin:0 0 0 8%;
	padding:0;
}


/*Some more colored elements*/
input[type="button"].buttonlink, 
input[type="reset"].buttonlink, 
input[type="submit"].buttonlink,
a.buttonlink{ 
	background:#199b90;
	border: none; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
	font-size: 16;
	font-weight: 600;
	line-height: 22px;
}
input[type="button"].buttonlink:hover, 
input[type="reset"].buttonlink:hover, 
input[type="submit"].buttonlink:hover,
a.buttonlink:hover{
	background:#887dc2;
}
.greenelement{
	background:#199b90;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}


/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}

	.label {
	  display: inline;
	  padding: .2em .6em .3em;
	  font-size: 75%;
	  font-weight: 700;
	  line-height: 1;
	  color: #fff !important;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: baseline;
	  border-radius: .25em;
	  background-color: #337ab7;
	}

	.label:hover {
		color:#fff;
	}	

/****************************************
*****************************************
MEDIAQUERIES
*****************************************
****************************************/

@media only screen and (min-width: 100px) {
	#search-block 		{ display:none; }	
	#social-block 		{ display:none; }	
	#comments-block		{ display:none; }	
	#youtube-block		{ display:none; }	
	#shop-block 		{ display:none; }		
	#block-login-right	{ display:none; }		

	.menu-toggle{/*make menu float right, instead of sitting under the logo*/
		margin-top:-45px; /*this depends on the height of the logo*/
		margin-right:17px; /*this depends on the height of the logo*/
		float:right;
	}				

	#banner { text-align:left; margin-left: 20px;}	
	#header-logo-menu { height:64px;}
}


/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {

	header{
		padding:0;

		border-left:1px solid #dfdfdf;
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
		border-bottom-left-radius: .25em;
		border-bottom-right-radius: .25em;
	}	

	#banner{
		float:left;
		text-align:left;
		margin-bottom:10px;/*this depends on the height of the logo*/		
		margin-left:10px;
		margin-top:10px;
	}
	.menu-toggle{/*make menu float right, instead of sitting under the logo*/
		margin-top:15px; /*this depends on the height of the logo*/
		margin-right:15px; /*this depends on the height of the logo*/
		float:right;
	}		

	#search-block 	{ display:none; }	
	#social-block 	{ display:none; }	
	#comments-block	{ display:none; }	
	#youtube-block 	{ display:none; }	
	#shop-block 	{ display:none; }	
	#block-login-right	{ display:none; }			

} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {

	#search-block 		{ display:inherit;}	
	#search-block-top	{ display:none; }	
	#social-block 		{ display:inherit;}	
	#comments-block		{ display:inherit; }	
	#shop-block 		{ display:inherit; }		
	#youtube-block 		{ display:inherit; }			
	#block-login-right	{ display:inherit; }		

	.wrapper{
		max-width: 1200px;
		margin: 0em auto;
	}
	header{
		padding:0;

		border-left:1px solid #dfdfdf;
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
		border-bottom-left-radius: .25em;
		border-bottom-right-radius: .25em;
	}

	#banner{ 
		float:left; 
		text-align:left;
		margin-bottom:10px;
		margin-top:10px;		

	}
	#hero{
		padding:0;
	}

	#content {  
		float:left;
		width:69%;
	}
	#content.wide-content{
		float:none;
		width:100%;
	}

	.flexslider{
		display:block;
	/*demo 1 slider theme*/	
	margin: 0; 
	}
	.flex-control-nav {bottom: 5px;}


	aside { 
		float:right;
		width:30%;
	}

	/*** MAIN MENU - ESSENTIAL STYLES ***/	

	.menu-toggle{display:none;}
	#menu-main-navigation{display:block;}

	.srt-menu, .srt-menu * {
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	.srt-menu ul {
		position:		absolute;
		display:none;
		width:			12em; /* left offset of submenus need to match (see below) */
	}
	.srt-menu ul li {
		width:			100%;
	}
	.srt-menu li:hover {
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	.srt-menu li {
		float:			left;
		position:		relative;
		margin-left:1px;
		height:25px;
	}
	.srt-menu li li {
		margin-left:0px;
		height:auto;
	}
	.srt-menu a {
		display:		block;
		position:		relative;
	}
	.srt-menu li:hover ul,
	.srt-menu li.sfHover ul {
		display:block;
		left:			0;
		top:			42px; /* match top ul list item height */
		z-index:		99;
		-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
	    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
	}
	ul.srt-menu li:hover li ul,
	ul.srt-menu li.sfHover li ul {
		top:			-999em;
	}
	ul.srt-menu li li:hover ul,
	ul.srt-menu li li.sfHover ul {
		left:			12em; /* match ul width */
		top:			0;
	}
	ul.srt-menu li li:hover li ul,
	ul.srt-menu li li.sfHover li ul {
		top:			-999em;
	}
	ul.srt-menu li li li:hover ul,
	ul.srt-menu li li li.sfHover ul {
		left:			10em; /* match ul width */
		top:			0;
	}

	/*** DEMO2 SKIN ***/
	#topnav, .srt-menu {
		float:right;
		margin: .35em 0 0 0;
	}
	.srt-menu a {
		text-decoration:none;
	}
	.srt-menu li a{
		background:#fff;
		margin:0; 
		padding:10px 20px;
	}
	.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
		color:			#666;	
	}
	.srt-menu li li a {
			border-top:		1px solid rgba(255,255,255,.2);
			background:		#333; /*fallback for old IE*/
			background:rgba(0,0,0,.6);
			color:	#fff;
			padding-left:20px;
	}
	.srt-menu li li a:visited{color:#fff;}
	.srt-menu li li li a,
	.srt-menu li.current * li a{
		padding-left:20px;
		background:rgba(0,0,0,.6);
	}

	.srt-menu li:hover > a,
	.srt-menu li.current a{ 
		color:#fff;
		background:#199b90;
	}
	.srt-menu li li:hover > a{
		color:#fff;
		background:#199b90;
	}

	.srt-menu .admin-btn a {	
		color:#fff;
		background-color:#E85656;		
	}

	.srt-menu .admin-btn a:hover {	
		color:#fff;
		background-color:#FA8C8C;		
	}	


	/*GRID*/
	/*
	 & Columns : 12 

	 */
	 .row{
		 margin-left: -15px;
	     margin-right: -15px;
	}
	 
	.grid_1 { width: 8.33333333%; }
	.grid_2 { width: 16.66666667%; }
	.grid_3 { width: 25%; }
	.grid_4 { width: 33.33333333%; }
	.grid_5 { width: 41.66666667%; }
	.grid_6 { width: 50%; }
	.grid_7 { width: 58.33333333%; }
	.grid_8 { width: 66.66666667%; }
	.grid_9 { width: 75%; }
	.grid_10 { width: 83.33333333%; }
	.grid_11 { width: 91.66666667%; }
	.grid_12 { width: 100%; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		float: left;
		display: block;
	}

	.rightfloat{float:right;}
	/* @notation inspired by tinyGrid, .row and percentage by Twitter Bootstrap
	 */
	 
	#hero .grid_8 { 
		margin:40px 0 -13px;
	}

}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
	#hero h1{ font-size:1.4em;}

} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
	#hero h1{ font-size:1.5em;}
} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*************************************************************************************************************************************************************************************************
	CUSTOM STYLES!
 *************************************************************************************************************************************************************************************************/
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #5bc0de;
  border-radius: 10px;
}

.articulo {
	border:1px solid #dfdfdf;
	border-radius: .25em;
	background-color:white;
	padding:0.9em;
	margin-bottom:0.9em;
}

.articulo .articulo_img {
	text-align:center;
}

.articulo_info {
	font-size:12px;	
	color:#9C9C9C;
}

.articulo_etiquetas {
	font-size:12px;	
	color:#9C9C9C;
	margin-top: 0px;
	margin-bottom: 10px;
}

.articulo h1, h2 {
	font-size:24px;
}

.articulo a {
  color: #11a6b6;
  -webkit-transition: color 0.25s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color 0.25s ease-out; /* Firefox 4+ */
  -ms-transition: color 0.25s ease-out; /* IE10+ */
  -o-transition: color 0.25 ease-out; /* Opera 10.5+ */
  transition: color 0.25 ease-out;	
}

/* Fading Links */
.articulo a:hover, a:focus {
  color: #337ab0;
}

.recom-wide {
	/*border:1px solid #dfdfdf;
	border-radius: .25em;
	background-color:white;*/
	padding:0.9em 0;
	margin-bottom:0.9em;
}

.icon-right-block {
	width:16px;height:16px;
	display:block;
	float:right;	
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/* /Fading Links */

.icon-right-block-search {
	background-image:url('/images/searchb-icon.svg');	
}

.icon-right-block-rss {
	background-image:url('/images/rss-icon.svg');
}

.icon-right-block-cuece {
	background-image:url('/images/cuece-icon.svg');
}

.icon-right-block-tienda {
	background-image:url('/images/buy-icon.svg');
}

.icon-right-block-youtube {
	background-image:url('/images/youtubesml.svg');
}

.search-block-top input {
	
}

.search-block {
	border:1px solid #dfdfdf;
	border-radius: .25em;	
	padding:0.9em;
	margin-bottom:0.9em;
	background-color: #fff;
	border:1px solid #dfdfdf;
	text-align:center;	
	padding: 0px;
}

.search-block h2 {
	display:block;
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;	
	text-align:left;	
	font-size: 16px;	
	padding:4px;
	margin:0;
	color:#4A4A4A;
	background-color:#FFE9A6;
	width:100%;	
}

.search-block p {
	margin-top:.40em;
	text-align: center;		
}

.search-block input {
	padding: 6px;	
	border: 1px solid #fff;
	width:98%;
}

.search-block input:hover {
	border: 1px solid #cecece;
}

.search-block form {
	padding: 0px;
	margin: 0px;
}

.social-block {
	border:1px solid #dfdfdf;
	border-radius: .25em;	
	padding:0.9em;
	margin-bottom:0.9em;
	background-color: #d0e4f5;
	border:1px solid #fff;
	text-align:center;	
	padding: 0px;
}

.social-block h2 {
	display:block;
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;	
	text-align:left;	
	font-size: 16px;	
	padding:4px;
	margin:0;
	color:#fff;
	background-color:#247cba;
	width:100%;	
}

.social-block a {
	font-size:45px;	
}

.social-block .facebook 	{ color:#3b5998; padding-bottom:15px;}
.social-block .twitter 		{ color:#00aced; }
.social-block .googleplus	{ color:#dd4b39; }
.social-block .youtube		{ color:#bb0000; }
.social-block .github		{ color:#333333; }
.social-block .envelope		{ color:#45cbee; }
.social-block .instagram	{ color:#527fa6; }

.comments-block {
	border:1px solid #dfdfdf;
	border-radius: .25em;	
	padding:0.9em;
	margin-bottom:0.9em;
	background-color: #e7f7e7;
	border:1px solid #fff;
	text-align:left;	
	padding: 0px;
}

.comments-block h2 {
	display:block;
	text-align:left;		
	font-size: 16px;	  
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;		
	padding:4px;
	margin:0;
	color:#fff;
	background-color:#3c8b38;
	width:100%;	
}

.comments-block ul { list-style-type: none; padding:0px;overflow: hidden; }
.comments-block ul li img { float:left; margin-right:10px; /*border:1px solid #c3c3c3;*/ }
.comments-block ul li a { display: block; font-size:.80em; padding: 3px; width:100%; }

.comments-block ul li a:hover { background: #fff; }

.shop-block {
	border:1px solid #dfdfdf;
	border-radius: .25em;	
	padding:0px;
	margin-bottom:0.9em;
	background-color: #ffebb1;
	border:1px solid #fff;
	text-align:center;	
}

.shop-block h2 {
	display:block;
	text-align:left;	
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;		
	font-size: 16px;
	padding:4px;
	margin:0;	
	color:#000;
	background-color:#ffce43;
	width:100%;	
}

.youtube-block {
	border:1px solid #dfdfdf;
	border-radius: .25em;	
	padding:0px;
	margin-bottom:0.9em;
	background-color: #f1f1f1;
	border:1px solid #fff;
	text-align:center;	
}

.youtube-block h4 {
	display:block;
	text-align:left;	
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;		
	font-size: 16px;
	padding:4px;
	margin:0;	
	color:#fff;
	background-color:#cc181e;
	width:100%;	
}

.fbfanpage-block {
	padding:0px;
	margin-bottom:0.9em;	
	text-align:center;	
}

/*
	Social Icons (Footer)
*/

.footer .align-right {
	text-align:right;
	border:1px solid red;
}

.social-button {	
	color:#A1A1A1;	
	margin-right:10px;	
}

.social-button.facebook:hover 	{ color:#fff; } /* #3b5998 */
.social-button.twitter:hover 	{ color:#fff; } /* #00aced */
.social-button.youtube:hover 	{ color:#fff; } /* #bb0000 */
.social-button.googleplus:hover	{ color:#fff; } /* #dd4b39 */
.social-button.instagram:hover 	{ color:#fff; } /* #125688 */
.social-button.github:hover 	{ color:#fff; } /* #333 */
.social-button.envelope:hover 	{ color:#fff; } /* #45cbee */

.social_share_links {
	text-align:center;
}

/* Relacionados */
.relacionados {	
	border-bottom:3px solid #dfdfdf;	
	background-color:white;
	padding:0.9em;
	margin-bottom:0.9em;	
}

.relacionados ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;     
}

.relacionados ul li
{
    margin: 5px;    
    line-height: 15px;
}    

.relacionados img
{
    vertical-align: middle;
}
.relacionados ul li p
{
    display: inline-block;
    vertical-align: middle;    
}

/*
.relacionados ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;    
    overflow: auto;
}

.relacionados li a 
{
    display: block;
    width: 500px;
}

.relacionados h2 {
	display:block;
	border-bottom:2px solid #dfdfdf;	
	margin-bottom: 4px;
}

.relacionados img {
	width: 50px; 
	height: 50px; 		
}


.relacionados a { 	
	text-decoration: none; 
	opacity: 0.7;
    filter: alpha(opacity=40);
}
.relacionados a:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.relacionados p { margin-bottom: 0px; }
.relacionados span { color:#a3a3a3; margin-bottom: 10px; }
*/
/* 
	Resultados de búsqueda
*/
.search-result {

}

.search-result-item {		
	margin-bottom: 10px;
	padding: 5px;
	font-weight: 800;
}

.search-result-item-autor {
	font-size: 0.8em;
	color:#A6A6A6;
	font-weight: 400;
}

.search-result-item-description {
	font-size: 0.8em;
	color:#000;
	font-weight: 400;
}

.search-result-item span {
	font-size: 1.3em;
}

.search-result-item img {
	float:left;
	margin-right:1.9em;
	border: 1px solid #D6D6D6;
}

/* Login block */
.block-login-right {
	padding:5px;
	text-align:right;	
	margin-bottom:0.3em;	
}

.user-login {
	border:1px solid #dfdfdf;
	border-radius: .25em;
	background-color:white;
	padding:1.5em;
	margin-bottom:0.2em;
	text-align: left;
}

.user-login input {
	padding: 5px;
	margin: 5px;
	width: 95%;
	border: 1px solid #c3c3c3;
}

.user-login-social-buttons {
	padding: 10px;	
}

.user-login-social-buttons a {
	display:block;
	border: 1px solid #b0b0b0;
	padding: 11px;
	margin:0px;	
}

.user-login-social-buttons a:hover {
	color:#fff;
	text-decoration: none;
}

.user-login-social-buttons-facebook 	{ border-radius: .25em; border-color:#2e6da4; background-color:#337ab7; color:#fff; }
.user-login-social-buttons-twitter 		{ border-radius: .25em; border-color:#46b8da; background-color:#5bc0de; color:#fff; }
.user-login-social-buttons-googleplus 	{ border-radius: .25em; border-color:#d43f3a; background-color:#d9534f; color:#fff; }
.user-login-social-buttons-github 		{ border-radius: .25em; border-color:#2e6da4; background-color:#333; 	color:#fff; }

.user-login-social-buttons-facebook:hover 	{ background-color:#286090; }
.user-login-social-buttons-twitter:hover 	{ background-color:#31b0d5; }
.user-login-social-buttons-googleplus:hover	{ background-color:#c9302c; }
.user-login-social-buttons-github:hover 	{ background-color:#000; }

/* Tabs */

#tabcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	margin-bottom:25px;
}

#tabcontainer ul li { display: inline; }

#tabcontainer ul li a
{
	text-decoration: none;
	padding: .4em 1em;
	color: #fff;
	background-color: #C9C9C9;	
	line-height: 30px;
}

#tabcontainer ul li a:hover
{
	color: #fff;
	background-color: #616161;
}	

#tabcontainer ul li a.current
{
	color: #fff;
	background-color: #199b90;
}		

/* ----- */

.tabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 25px 0;
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  color:#c9c9c9;
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  border-top-left-radius: 6px 6px;
  border-top-right-radius: 6px 6px;
  font-size:0.9em;
  font-family:arial;
}
.tab label:hover {      
  color:#9E9E9E;
  cursor: pointer; cursor: hand;
}    
.tab [type=radio] {
  display: none;   
}
.content {
  position: absolute;
  top: 42px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  color:#000;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}