html, body{
	font-family:Arial, Helvetica, sans-serif !important;
	height:100%;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	overflow-x:hidden;
	overflow-y:hidden;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	text-align:left;
	width:100%;
	font-size:12px;
}

#background{
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
}

#scroller{
	height:100%;
	left:0;
	overflow-x:auto;
	overflow-y:auto;
	position:absolute;
	top:0;
	width:100%;
	z-index:2;
}

#fixed{
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
}

.upperPanel{
	float:left;
	height:95%;
	max-height:95%;
	width:100%;
}

.upperLeftPanel{
	float:left;
	height:auto;
	width:18%;
}

.logoContainer{
	float:left;
	height:auto;
	padding-left:3px;
	padding-top:18px;
	padding-bottom:4px;
	width:100%;
	
}

.logoMenuTitleContainer{
	float:left;
	height:auto;
	padding-left:16px;
	padding-top:9px;
	width:100%;
	cursor:pointer;
	padding-bottom:5px;
}

.menuContainer{
	float:left;
	height:auto;
	width:100%;
}

.upperMiddlePanel{
	float:left;
	height:100%;
	width:63%;
}

.closeFrameContainer{
	float:right;
	height:30px;
	padding-right:4%;
	padding-top:8%;
	width:30px;
}

.mainContentContainer{
	float:left;
	height:70%;
	padding-left:5%;
	padding-right:5%;
	width:90%;
}

.mainContainerFrame{
	background:none;
	background-color:transparent;
	        border: 2px solid #fff !important;
	border-color:transparent;
	height:100%;
	width:100%;
}

.upperRightPanel{
	float:left;
	height:auto;
	width:18%;
}

.paymentsContainer{
	float:left;
	height:auto;
	width:100%;
}

.donateContainer{
	float:right;
	height:auto;
	padding-bottom:25px;
	padding-right:40px;
	padding-top:30px;
	width:153px;
}

.donationButtonsContainer{
	float:right;
	height:auto;
	text-align:center;
	width:121px;
}

.donateButton{
	float:left;
	height:auto;
	width:auto;
}

.indiegogoContainer{
	float:right;
	height:25px;
	padding-right:28px;
	width:93px;
}

.paypalContainer{
	float:right;
	height:69px;
	padding-right:34px;
	width:87px;
}

.twitterContainer{
	float:right;
	height:auto;
	padding-right:15px;
	width:auto;
}

.bottomPanel{
	float:left;
	height:5%;
	padding-left:5%;
	padding-right:5%;
	width:90%;
}

.bottomLeftPanel{
	float:left;
	height:auto;
	padding-top:6px;
	width:30%;
}

.bottomMiddlePanel{
	color:#FFFFFF;
	float:left;
	font-size:8px;
	height:auto;
	padding-top:16px;
	text-align:center;
	width:30%;
	font-family:Arial, Helvetica, sans-serif !important;
}

.bottomRightPanel{
	float:left;
	height:auto;
	width:30%;
}

.botonSocialContainer{
	float:right;
	height:28px;
	padding-left:5px;
	width:28px;
}


/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*MENÚ*/


#menu{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
}

#menu ul li, #menu li:last-child{ border:none; }

a.menuRosa{
	border-color:transparent;
	border:none;
	color:#FF3479;
	font-size:13px;
	display:block;
	text-decoration:none;
	padding:5px 5px 0;
}

a.menuBlanco{
	color:#FFFFFF;
	font-size:13px;
	display:block;
	text-decoration:none;
	padding:3px 5px 0px;
}

#menu a:hover{
	-webkit-transition: color 0.2s linear;
}

ul{
	display:block;
	margin:0;
	padding:0;
	width:130px;
	list-style:none;
}

#menu li ul{ display:none; }

#menu li{ padding-left:20px; padding-bottom:5px;   }
a.home_link { position: absolute;
background: none; left:0px; top:0px ; height:20px; width:100px; z-index:900;  }

#menu li li{ padding:3px  0 0 16px !important; }



/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/*JUITTER*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/





@charset "utf-8";
/* CSS Document */

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Primary Styles
---------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

html,body {
	height:100%;
}

/*---------------fotface------------*/


.wrapper {
	width:740px;
	margin:0 auto;
	padding:60px 0 0 0;		
}

.video_content{
	width:740px;
	height:374px;
	overflow:hidden;
	margin:0 0 11px 0;
	box-shadow: 0 0 20px #FFFFFF inset;
	 padding: 4px;
	position:relative;
}

.thumb {
	/*width:632px;*/
	width: 755px;
	margin:0 auto;
	position:relative;
     
}

.tab_nav {
	/*margin:0 0 6px 0;*/
/*margin: 0 0 6px -19px;*/
margin: 0 0 6px 3px;

}

.tab_nav ul {
	padding:0;
	margin:0;
	width:100%;
	float:none;
}

.tab_nav ul li {
	/*width:156px;
	margin:0 10px 0 0;*/
/*width: 154px;
margin: 0 8px 0 0;*/
	width: 146px;
    margin: 0 3px 0 0;
    float:left;
	font-size:22px;
	text-align:center;
	line-height:27px;
	position:relative;
}

.tab_nav ul li a {
	background:#ff3b6c;
	display:block;
	color:#fff;
	height:30px;
	border-radius:3px 3px 0px 0px;
	position:relative;
	padding-bottom:4px;
	

}

.tab_nav ul li.tab_nav1 a {
	background:url(../../images/sec1.png) no-repeat left top;
}
.tab_nav ul li.tab_nav1.current a {
	background:url(../../images/sec1.png) no-repeat left -34px;
}
.tab_nav ul li.tab_nav2 a {
	background: url(../../images/sec6.png) no-repeat left top;
}
.tab_nav ul li.tab_nav2.current a {
	background:url(../../images/sec6.png) no-repeat left -34px;
}
.tab_nav ul li.tab_nav3 a {
	background:url(../../images/sec2.png) no-repeat left top;
}
.tab_nav ul li.tab_nav3.current a {
	background:url(../../images/sec2.png) no-repeat left -34px;
}
.tab_nav ul li.tab_nav4 a {
	background:url(../../images/sec3.png) no-repeat left top;
}
.tab_nav ul li.tab_nav4.current a {
	background:url(../../images/sec3.png) no-repeat left -34px;
}
.tab_nav ul li.tab_nav5 a {
	background:url(../../images/sec4.png) no-repeat left top;
}
.tab_nav ul li.tab_nav6 a {
	background:url(../../images/sec6.png) no-repeat left top;
}
.tab_nav ul li.tab_nav6.current a {
	background:url(../../images/sec6.png) no-repeat left -34px;
}
.tab_nav ul li.tab_nav5.current a {
	background:url(../../images/sec4.png) no-repeat left -34px;
}


.video_thumb_content {
	/*margin:0 0 8px 0;*/
	
}

.video_thumb_content ul {
	padding:0;
	margin:0;
}

.video_thumb_content ul li {
	width:150px;
	float:left;
	height:120px;
	margin:0 10px 0 0;
	 box-shadow: 0 0 20px #FFFFFF inset !important;
	 position:relative;
	 padding:3px;
}


.video_thumb_content ul li.nomrgn {
	margin:0;
}


.video_thumb_content ul li span {
	display:block;
	width:140px !important;
	height:80px;
	border:5px solid #808080;
	margin-bottom:2px;
}
.video_thumb_content ul li img {
	width:100%;
}

.video_thumb_content ul li strong {
	display:block;
	background:#ffe4eb;
	font-size:20px;
	text-align:center;
	color:#ff3b6c;
	font-weight:normal;
	text-align:center;
	height:30px;
	line-height:27px;
	border-radius: 0px 0px 3px 3px;
	position:relative;
}

.video_thumb_content ul li a {
	display:block;
}
.video_thumb_content ul li a:hover,.video_thumb_content ul li a.selected {
	box-shadow: 0 0 20px #ff3b6c !important;
	
}


a.lft_arrow {
	display:block;
	width:27px;
	height:46px;
	position:absolute;
	left:-57px;
	top:60px;
}

a.right_arrow {
	display:block;
	width:27px;
	height:46px;
	position:absolute;
	right:-53px;
	top:60px;
}
.panle{ display:none;}
.show2
{
	display: none;
}

.jcarousel-skin-tango .jcarousel-container
{
	padding:0 0 0 0px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:655px;
  margin-left: 43px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  655px;
    height: 140px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 150px;
    height: 127px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 17px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
     height: 46px;
    right: -54px;
    position: absolute;
    top: 34px;
    width: 27px;
	display: block;
	cursor:pointer;
	
	 background: url(../../images/arrow_right.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	 background: url(../../images/arrow_right.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
	 background: url(../../images/arrow_right.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
     background: url(../../images/arrow_right.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    background: url(../../images/arrow_right.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
     height: 46px;
    left: -54px;
    position: absolute;
    top: 34px;
    width: 27px;
	display:block;
	cursor:pointer;
    background: url(../../images/arrow_lft.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
        background: url(../../images/arrow_lft.png) no-repeat left top;

}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
	background:url(../../images/arrow_lft.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
   background:url(../../images/arrow_lft.png) no-repeat left top;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    background: url(../../images/arrow_lft.png) no-repeat left top ;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}



#sidePanel {
    width:262px;
    position:fixed;
    right:-262px;
    top:12%;
    height:300px;
	z-index:10000;
}
#panelHandle {
    height:126px;
    width:40px;
    border-radius:0 5px 5px 0;
    float:right;
    cursor:pointer;
}
#panelContent {
    float:right;
    width:262px;
    height:590px;
}
#panelHandle img {
    right: 252px;
    position: relative;
    top: -590px;
}

#sidePane2 {
    width:262px;
    position:fixed;
    right:-262px;
    top:50%;
    height:300px;
	z-index:10000;
}
#panelHandle2 {
    height:126px;
    width:40px;
    border-radius:0 5px 5px 0;
    float:right;
    cursor:pointer;
}

#panelHandle2 img {
    right: 252px;
    position: relative;
    top: -590px;
}

#panelContent2 {
    float:right;
    width:262px;
    height:590px;
}
.timeline .stream
{
	width:300px !important;
}