@font-face
{
    font-family: Homizio;
    src: url(fonts/homizio_regular.ttf);
}

@font-face
{
    font-family: SantiagoSansSt;
    src: url(fonts/Santiago_Sans_St.ttf);
}

*
{
	margin:0;
	padding:0;
	position:relative;
	text-decoration:none;
	color:black;
}

p, h1, h2, h3, h4, h5, h6, div, span, li
{
	font-family:Arial;
	font-size:11px;
}

ul, ol
{
	list-style-type:none;
}

fieldset
{
	padding:5px;
}

legend
{
	padding:0.2em 0.5em;
	border:1px solid gray;
}

input[type="button"]
{
	cursor:pointer;
}

.SectionHeader
{
	font-size: 2.5em;
	font-weight: normal;
	margin: 0.2em 0 0.6em 0;
}

.SectionSubHeader
{
	font-size: 2em;
	font-weight: normal;
	color:#CCC;
	margin: 0.2em 0 0.4em 0;
}

.SectionSubHeader .TQC-Button
{
	float:right;
}

.TQC-Button
{
	/*
	font-family: 'Roboto Mono';
	font-weight:500;
	font-variant:small-caps;
	*/
	font-family: 'Arial', ;
	padding:2px 5px 2px 5px;
	color:white;
	background: #278DCC;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-color:#278DCC;
	border-style: solid;
	margin:2px;
}

.Box-Button
{
	font-family: 'Arial', ;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-variant:normal;
}

.Outset-Container
{
	border-left: 1px solid #eee;
	border-top: 2px solid #eee;
	border-bottom: 3px solid #ccc;
	border-right: 4px solid #ddd;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:10px;
}

.Activated-Button
{
	background: #40B3FF;
	border-color: #40B3FF;
}

.TQC-Button:active
{
	border:2px inset #278DCC;
}

.Activated-Button:active
{
	border:2px inset #379DE0;
}

.TQC-Button:focus
{
	outline:0;
}

.PostPrefix
{
	position:absolute;
	font-size:11px;
	font-weight:700;
    color:rgb(255,255,255);
    background-color:rgb(100,100,100);
    left:0;
    top:0;
    outline: none;
    opacity: .60;
   	-moz-opacity: .60;
   	filter:alpha(opacity=60);
}

.recovery input
{
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding:0.5em;
	width:200px;
	margin:0 0 10px 0;
}

.azul{color:#278DCC;}/*azul corporativo*/

button.btn_blue
{
	background-color:#278DCC;
	color:#FFF;
	font-weight:bold;
}

.ack, .ack p
{/*msj de error de los login y register*/
	color:red;
	font-weight:bold;
}

#main
{
	width:100%;
	overflow:hidden;
	min-width:950px;
}

.module h2, .group h2, #content h2
{
	color:#CCC;
	font-weight:bold;
	/*text-transform: uppercase;*/
	padding-bottom:10px;
}

button.main
{ /*estilo standar de el boton de la accion principal*/
	font-weight:bold;
	padding:8px 13px 8px 13px;
	border:0;
}

button.slave
{ /*estilo standar de el boton de otras acciones no principales*/ 	
	background-color:transparent;
	color:black;
	padding:7px 12px 7px 12px;
	border:1px #DDD solid;
}

/*************** HEADER ****************/
#header
{
	background-color:#F5F5F5;
	width:100%;
	min-width:950px;
	padding:0 0 10px 0;
	box-shadow: 0px 5px 10px  #ccc;
	z-index:10;
    position:fixed;
    top:0px;
}

@media screen and (max-width: 1000px)
{
	#header
	{
		position:absolute;
	}

}

.cookies
{
	background-color:#278DCC;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:20px;
	cursor:pointer;
}

.cookies *
{
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}

#HeaderBlock
{
	margin-top:10px;
}
	
#HeaderBlock .Logo
{
	display:inline;
	margin: 0 5% 0 30px;
	width: 30%;
}
	
#SearchBlock
{
	display:inline;
	margin: 0 5% 0 30px;
	width: 30%;
	
	min-width:400px;
}

#SearchBlock input
{
	width:inherit;
	height:38px;
	padding:0px 10px 0px 10px;
	font-size:1.4em;
	color:black;
	font-style:normal;
	border:1px #CCC solid;
	
}

#SearchBlock button
{	
	padding:0 20px 0 20px;
	height:40px;
	background-color: #f5f5f5;
	border:1px #CCC solid;
	position:relative;
	left:-5px;
	top:3px;
	
}
	
#header div.user
{
	display:inline;
	width: 30%;
	margin: 0 0 0 30px;
}

#header #logged
{
	display:inline;
}

#header div.user img
{
	height:30px;
}

#header div.user span
{
	position:relative;
	margin-right:30px;
	top:-10px;
}
/*************** FIN HEADER *************/

/*********** MIDDLE *********************/
#middle
{
	padding:110px 30px 20px 30px;
	width:100%;
	min-width:950px;
	overflow:hidden;
}

#middle #left
{
	float:left;
	width:15%;
	max-width:200px;
}

#middle #content
{
	float:left;
	width:60%;
	padding:0 30px 0 30px;
}

#middle #right
{
	float:left;
	width:15%;
	max-width:200px;
}

/*********** FIN MIDDLE ****************/

/********** FOOTER ********************/
#footer
{
	background-color:#F5F5F5;
	width:100%;
	box-shadow: 0px -2px 10px  #ccc;
	padding:10px 0 10px 0;
	text-align:center;
}
/********** FIN FOOTER ********************/

/* POST CONTENT */

/* ELEMENTS TO STYLE: p,b,h1,ul,li,span,code,img,iframe */

#PostContent
{
	min-width:570px;
	width:70%;
}

#PostContent p, #PostContent li, #PostContent p span
{
	line-height:1.5em;
	font-size:16px;
}

#PostContent p, #PostContent b
{
	margin-bottom:1.3em;
}

#PostContent b
{
	line-height:1.5em;
	font-size:1.0em;
}

#PostContent a
{
	color:#1fb3dd;
	font-size:1.0em;
}

#PostContent h1
{
	font-size: 2.5em !important;
	font-weight: normal;
	margin: 0.8em 0 0.3em 0;
	color:#CCC;
	margin-bottom:0.6em;
}

#PostContent ul, #PostContent ol
{
	margin:10px 0px 10px 35px;
	list-style-type:inherit;
}

#PostContent code
{
	color:#FFF;
	background:#333;
	border:black dashed 1px;
	padding:5px;
}

#PostContent img
{
	max-width:100%;
}

#PostContent img[style~="left;"] 
{
  margin:0 7px 0 0;
}

#PostContent img[style~="right;"] 
{
  margin:0 0 0 7px;
}

#PostContent iframe[src*='//www.youtube.com/embed/']
{
	width:480px;
	height:360px;
}

/****** LOGIN FORM / REGISTER FORM *************/
#login input, #register input, #login button, #register button, .recovery input
{
	display:block;
	width:200px;
	padding:5px;
	margin:10px 0 10px 0;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	background-color:#eaeaea;
}

.customTQC #login button,.customTQC #register button
{
	background-color:#278DCC;
	margin-bottom:3px;
}

#login #forgot
{
	color:#BBB;
	float:right;
	cursor:pointer;
}

#login #forgot:hover
{
	color:#AAA;
}

.customTQC .msg
{
	padding:10px 0 10px 0;
	border-bottom:1px #CCC solid;
}

.customTQC .ui-dialog-titlebar {display:none;} 
.customTQC
{
	box-shadow: -7px 7px 54px #999;
	moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
} 

/****** FIN LOGIN FORM *************/

/****** COMMENTS ********/

#CommentFormBox
{
	margin-bottom:15px;
}

#ReplyHolder
{
	width:96%;
	padding:1%;	
	margin:1%;
	border:1px #CCC solid;
}

#ReplyHolder:empty
{
	display:none;
}

#list_comments textarea
{
	width:96%;
	padding:1%;	
	margin:1%;
	border:1px #CCC solid;
	float:right;
}

#list_comments button
{
	margin:1%;
	clear:both;
	float:right;
}

.CommentView-Default
{
	clear:both;
	width:100%;
	overflow:hidden;
	border-right:1px #CCC solid;
	border-bottom:1px #eee solid;
	margin-bottom:20px;
	padding-bottom:20px;
}

.CommentView-Default .CommentData
{
	width:92%;
	float:left;
	padding-left:1%;
}

.CommentView-Default .Avatar
{
	width:7%;
	float:left;
}

.CommentView-Default .Avatar img
{
	width:100%;
}

.CommentView-Default .User a
{
	color:#278DCC;
	font-weight:bold;
}
.CommentView-Default .Date
{
	font-style:italic;
	color:#bbb;
	margin-left:10px;
}

.CommentView-Default .Report
{
	float:right;
	width:16px;
	height:16px;
	background-image:url('../media/img/ic_report.png');
	background-repeat:no-repeat;
	cursor:pointer;
	display:none;
	margin:3px 3px 0px 0px;
}

.CommentView-Default:hover > div input.Report
{
	display:block;
}

.CommentView-Default .Content
{
	margin:7px 0px 7px 0px;
}

.CommentView-Default .Content a
{
	color:blue;
}

.CommentView-Default .Reply
{
	color:gray;
	cursor:pointer;
	font-weight:bold;
}

textarea.writing
{
	height:150px;
}

#list_comments #paginator li.active
{
	background-color:#aaa;
}

#paginator
{
	text-align:center;
	margin-top:60px;
}

#paginator li
{
	display:inline;
	list-style-type:none;
	background-color:#eee;
	padding:5px 10px 5px 10px;
	margin:3px;
	border:1px #ddd solid;
	font-weight:bold;
	cursor:pointer;
}
/****** FIN COMMENTS ********/

/******* LOGGED ************/	
#logged #logout 
{

	 width:22px;
	 height:22px;
}

#logged #config
{
	 width:22px;
	 height:22px;
}

#logged  button
{
	background-color:transparent;
	border:1px #CCC solid;
	color:#000;
	position:relative;
	top:-10px;
}

#logged #username
{
	position:relative;
	top:-9px;
	margin:0 6px 0 6px;
}

#logged #logout
{
	position:relative;
	top:-2px;
	margin:0 6px 0 6px;
}
/******* LOGGED ************/	

.ContentList
{
	list-style-type:none;
}

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

.ContentGrid li
{
	vertical-align: top;
	word-wrap: break-word;
	display: inline-block;
}

.ContentMargin li
{
	padding:0 10px 10px 0;
}

/*****FIN SEARCH LIST***************/

#row_hidden input
{
	color:blue;
	font-size:1.4em;
	font-style:italic;
	font-weight:bold;
}

/* NAV LIST */

.NavList{margin-bottom:25px;list-style-type:none;}
.NavList li{padding:5px 0 5px 10px;cursor:pointer;}
.NavList li:hover{background-color:#40B3FF;}
.NavList li:hover span{font-weight:bold;color:#FFF;}
.NavList li a{display:block;}
.NavList li div{display:table-cell;text-align:center;vertical-align: middle;}
.NavList li img{width:20px;height:auto;vertical-align:middle;padding:0px 5px 0px 5px;cursor:pointer;}
.NavList li span{color:black;}
.NavList li.Selected{background-color:#278DCC;}
.NavList li.Selected span{font-weight:bold;color:#FFF;}

/* SUBSCRIPTION NAV */

#SuscriptionNav
{
	max-height:150px;
	overflow-y:auto;
}

#SuscriptionNav li .ChannelView-Thumb
{
	display:block;
}

/* SUBSCRIPTION NAV */

/* FOLLOWING NAV */

#FollowingNav
{
	max-height:138px;
	overflow-y:auto;
}

#FollowingNav img
{
	width:40px;
	height:40px;
	margin:2px;
}

/* FOLLOWING NAV */

/* ChannelView-Featured */

.ChannelView-Featured
{
	width:120px;
	min-height:185px;
}

.ChannelView-Featured .Logo img
{
	width:120px;
	height:120px;
	max-width:120px;
	max-height:120px;
	background-color:#FFF;
	border:1px solid silver;
}

.ChannelView-Featured .Name
{
	font-size:12px;
	font-weight:bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:center;
}

.ChannelView-Featured .Details ul li
{
	display:list-item;
	padding:0px;
	font-size:11px;
	color:#999;
}

.ChannelView-Featured input[type='button']
{
	width:100%;
}

/* ChannelView-Featured */

.ViewLinkLabel
{
	font-weight: bold;
	color: #278DCC;
	cursor:pointer;
}

.FormLabel
{
	font-size:12px;
	font-weight: bold;
	color: #278DCC;
}

.FormInputText, .FormSelect, .FormTextarea, .FormInputFile, .FormInputButton
{
	font-size:12px;
	color: #000;
}

#UserHeaderBox
{
	background-color:#F5F5F5;
	box-shadow:0px 5px 10px #CCC;
	padding:5px;
}

#UserHeaderBox .Alias
{
	font-size:15px;
	font-weight:bold;
}

#UserHeaderBox .TQC-Button
{
	
}

#Biography
{
	font-size:1.5em;padding:10px;font-style:italic;
}

#ChannelDescription
{
	background-color:#F5F5F5;
	box-shadow:0px 5px 10px #CCC;
	padding:5px;
}

#ChannelDescription p
{
	font-size:1.3em;
}

#content header .ChannelName
{
	position:absolute; 
	padding:5px 15px 5px 15px; 
	bottom:10px; 
	right:10px; 
	font-size:2.5em;
	opacity:0.87;
	background-color:#F5F5F5;
	box-shadow:0px 5px 10px #CCC;
}

/* PostView-Grid */

.PostView-Grid
{
	width:150px;
	min-height:190px;
	/*float:left;*/
}

.PostView-Grid .Cover
{
	width:150px;
	height:90px;
	/*background-color:#000;*/
	border:1px solid silver;
	overflow:hidden;
	text-align:center;
	margin-bottom:5px;
}

.PostView-Grid .Cover img
{
	height:90px;
}

.PostView-Grid .Title
{
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	height:12px;
	white-space:nowrap;
	/*word-wrap:break-word;*/
	overflow:hidden;
	text-overflow:ellipsis;
}

.PostView-Grid .Data
{
	margin-top:5px;
}

.PostView-Grid .Data div
{
	color:#999;
}

.PostView-Grid .UserName, .PostView-Grid .ChannelName
{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.PostView-Grid .UserName a, .PostView-Grid .ChannelName a
{
	font-weight:bold;
	color: #278DCC;
}

/* PostView-Grid */

/* PostView-MyPost */

.PostView-MyPost .Cover
{
	width:150px;
	height:90px;
	/*background-color:#000;*/
	border:1px solid silver;
	overflow:hidden;
	text-align:center;
}

.PostView-MyPost .Cover img
{
	height:90px;
}

.PostView-MyPost .Title
{
	width:100%;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2em;
	height:2.4em;
	white-space:normal;
	/*word-wrap:break-word;*/
	overflow:hidden;
	text-overflow:ellipsis;
	
}

.PostView-MyPost ul
{
	list-style-type:none;
	margin-left:5px;
}

.PostView-MyPost ul li
{
	display: block;
    height: 20px;
    line-height: 20px;
}

.PostView-MyPost ul li img:hover
{
	background-color:lightblue;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.PostView-MyPost ul li img
{
    vertical-align: middle;
    padding:3px;
}

.PostView-MyPost ul li input[type="button"]
{
    width:100%;
}

/* PostView-MyPost */

/* PostView-History */

.PostView-History .Cover
{
	width:150px;
	height:90px;
	/*background-color:#000;*/
	border:1px solid silver;
	overflow:hidden;
	text-align:center;
}

.PostView-History .Cover img
{
	height:90px;
}

.PostView-History .Title
{
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2em;
	height:2.4em;
	white-space:normal;
	/*word-wrap:break-word;*/
	overflow:hidden;
	text-overflow:ellipsis;
}

.PostView-History .Data div
{
	color:#999;
}

.PostView-History .UserName, .PostView-History .ChannelName
{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.PostView-History .UserName a, .PostView-History .ChannelName a
{
	font-weight:bold;
	color: #278DCC;
}

/* PostView-History */

/* ContentPaginator */

.ContentPaginator
{
	text-align:center;
	margin-top:60px;
}

.ContentPaginator p
{
	margin-bottom:15px;
}

.ContentPaginator ul
{
	list-style-type:none;
}

.ContentPaginator ul li
{
	display:inline;
	list-style-type:none;
	background-color: #eee;
	padding:5px 10px 5px 10px;
	margin:3px;
	border:1px #ddd solid;
	font-weight:bold;
	cursor:pointer;
}

.ContentPaginator ul li.Selected
{
	background-color:#aaa;
}

/* ContentPaginator */

#footer li
{
	display:inline;
	padding: 0 10px 0 10px;
	border-right:1px #CCC solid;
	font-weight:bold;
}

/* ChannelView-MyChannel */

.ChannelView-MyChannel ul
{
	list-style-type:none;
	margin-left:5px;
}

.ChannelView-MyChannel ul li
{
	display: block;
    height: 20px;
    line-height: 20px;
}

.ChannelView-MyChannel ul li img:hover
{
	background-color:lightblue;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ChannelView-MyChannel ul li img
{
    vertical-align: middle;
    padding:3px;
}

.ChannelView-MyChannel ul li input[type="button"]
{
    width:100%;
}

/* ChannelView-MyChannel */

/* QTIP STYLES */

.QTIP-UserView
{
	max-width:300px;
}

.QTIP-ChannelView
{
	max-width:1200px;
}

/* QTIP STYLES */

/* ChannelView-Preview */

.ChannelView-Preview .ImageLarge
{
	width:350px;
}

.ChannelView-Preview .ImageSmall
{
	width:40px;
	position:absolute;
	top:5px;
	left:5px
}

.ChannelView-Preview li
{
	color:white;
}

.ChannelView-Preview ul
{
	list-style-type:none;
}

/* ChannelView-Preview */

/* UserView-Featured */

.UserView-Featured
{
	width:120px;
	min-height:185px;
}

.UserView-Featured .Avatar img
{
	width:120px;
	height:120px;
	max-width:120px;
	max-height:120px;
	border:1px solid silver;
}

.UserView-Featured .Name
{
	font-size:12px;
	font-weight:bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:center;
}

.UserView-Featured .Details ul li
{
	display:list-item;
	padding:0px;
	font-size:11px;
	color:#999;
}

.UserView-Featured input[type='button']
{
	width:100%;
}

/* UserView-Featured */

/* UserView-Preview */

.UserView-Preview .Avatar
{
	width:60px;
}

.UserView-Preview ul
{
	list-style-type:none;
}

.UserView-Preview li, .UserView-Preview a
{
	color:white;
}

.UserView-Preview li a
{
	font-weight:bold;
}

.UserView-Preview p
{
	color:white;
}

/* UserView-Preview */

.ShowAllButton
{
	border:1px solid silver;
	padding:3px 5px 3px 5px;
	background-color:#FFF;
	font-weight:bold;
	float:right;
}

.PostCover
{
	width: 150px;
	height: 90px;
	/* background-color: #000; */
	border: 1px solid silver;
	overflow: hidden;
	text-align: center;
}

.PostCover img
{
	height:90px;
}

#NotificationList
{
	list-style-type:none;
}

#NotificationList p
{
	padding:5px;
	margin:5px 0 5px 0;
	background-color:#387bbb;
	color:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#NotificationList a
{
	float:right;
}

#NotificationList a img
{
	width:16px;
	display:none;
}

#NotificationList p:hover > a img
{
	display:block;
}

.FeaturedPost
{
	position:absolute;
    left:0;
    top:0;
    width:15px;
    height:15px;
}

/*CHANNEL MANAGER*/

#ImageLarge
{
	width:100%;
}

/* PAGE-PAGES */

#PagePages p
{
	font-size:1.3em;
	margin-bottom: 1.1em;
}

/* PAGE-PAGES */