/* Essentials */
a, img
{
	border: none;
}

html, div, map, dt, isindex, form, header, aside, section, section, article, footer
{
	display: block;
}

html, body
{
	background : #F8F8F8;
	font-family: Arial, "Helvetica Neue", Helvetica, Tahoma, sans-serif, Verdana !important;
	font-size  : 12px;
	height     : 100%;
	margin     : 0;
	/*min-width  : 1100px;*/
	padding    : 0;
	overflow-y : hidden;
	/*background: #000000;*/
}

input:required
{
	border: 1px solid #FCD6AD !important;
}

textarea:required
{
	border: 1px solid #FCD6AD !important;
}

select:required
{
	border: 1px solid #FCD6AD !important;
}

input[type=date], input[type=month], input[type=week], input[type=datetime-local]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	font-family          : "Helvetica Neue", Helvetica, Tahoma, sans-serif, Arial, Verdana !important;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

input[type=text], input[type=email], input[type=select]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	display              : block;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
	width                : 87%;
}

select
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	display              : inline-block;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

input[type=checkbox]
{
	margin               : 0 10px;
	padding-left         : 10px;
}

progress[value]
{
	/* Elimino la apariencia por defecto */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Quito el borde que aparece en Firefox */
	border: none;

	/* Añado mis propios estilos */
	margin: 5%;
	width: 90%;
	height: 20px;
	overflow:hidden;

	/*  Estos estilos solo se aplicaran al fondo de la barra en mozilla */
	border:1px inset #666;
	background-color: white;
	border-radius : 20px ;
}

progress::-moz-progress-bar
{
  background: #3ADF00;
  border-radius : 20px;
}

progress::-webkit-progress-value
{
  background: #3ADF00;
  border-radius : 20px;
}

progress::-webkit-progress-bar
{
  background-color:white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; /*esta sombra es para simular el borde que he aplicado arriba para Mozilla*/
  border-radius : 20px ;
}

textarea
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	display              : block;

	margin               : 0 10px;
	padding-left         : 10px;
	resize:none;
}

.foto_circular
{
	width: 80px;
	height: 80px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}
.pager input[type=text]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : none;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : none;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : none;
	color                : #666666;
	display              : block;
	display              : inline-block;
	height               : 14px;
	margin               : 0 0px;
	margin-top           : 4px;
	padding-left         : 0px !important;
	position             : middle;
	text-align           : center;
	vertical-align       : top;
	width                : 60px;
}

.pager select
{
		-moz-border-radius   : 5px;
	-moz-box-shadow      : none;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : none;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : none;
	color                : #666666;
	display              : inline-block;
	height               : 18px;
	margin               : 0 0px;
	margin-top           : 4px;
	padding-left         : 0px !important;
	position             : middle;
	text-align           : center;
	vertical-align       : top;
	width                : 60px;
}
.pagesize
{
	margin-top    : 4px;
	vertical-align: top;
}

.pager
{
	float: right !important;
	vertical-align: middle !important;
}

.pager img
{
	margin-top: 4px;
}

.pager form
{
	margin-top: 3px;
	vertical-align: top;
}

iframe
{
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F6F6F6;
	border               : 1px solid #ccc;
	width                : 100%;
}

.clear
{
	clear: both;
}

.spacer
{
	height: 20px;
}

.spacer2
{
	height: 40px;
}

a:link, a:visited
{
	color: #77BACE;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/* Header */

header#header
{
	background: white;
	height    : 55px;
	position: fixed;
	width     : 100%;
}

header#header h1.site_title, header#header h2.section_title
{
	color      : #fff;
	display    : block;
	float      : left;
	font-size  : 2px;
	font-weight: normal;
	height     : 55px;
	line-height: 55px;
	margin     : 0;
	text-align : left;
	text-indent: 1.8%;
	text-shadow: 0 -1px 0 #000;
	width      : 23%;
}

header#header .section_user
{
	/*background : url(../../../images/icn_user_blanco.png) no-repeat center left;*/
	color      : #FFFFFF;
	display    : block;
	float      : left;
	font-size  : 12px;
	font-weight: normal;
	height     : 55px;
	line-height: 55px;
	text-align : right;
	text-indent: inherit;
	width      : 14%;
}

header#header h1.site_title a
{
	color: #fff;
	text-decoration: none;
}

header#header h2.section_title
{
	background : url(../../../images/header_shadow.png) no-repeat left top;
	text-align : center;
	text-indent: 4.5%;
	width      : 60%;
}

header#header .section_logout
{
	background : url(../images/logout.png) center no-repeat !important;
	display    : block;
	float      : right;
	height     : 55px;
	width      : 3%;
}


.btn_view_site
{
	float: left;
	width: 9%;
}

.btn_view_site a
{
	background     : url(../../../images/btn_view_site.png) no-repeat;
	color          : #fff;
	display        : block;
	height         : 27px;
	line-height    : 29px;
	margin-top     : 12px;
	text-align     : center;
	text-decoration: none;
	text-shadow    : 0 -1px 0 #000;
	width          : 91px;
}

.btn_view_site a:hover
{
	background-position: 0 -27px;
}

/* Secondary Header Bar */

section#secondary_bar
{
	background: #F1F1F4 url(../../../images/secondary_bar_copia.png) repeat-x;
	height    : 35px;
	margin-top: 55px;
	position  : fixed;
	width     : 100%;
}

section#secondary_bar .user
{
	float    : left;
	height   : 38px;
	width    : 23%;
}

section#secondary_bar .menu
{
	float    : left;
	height   : 38px;
	width    : 23%;
}

.user p
{
	background : url(../../../images/icn_user.png) no-repeat center left;
	color      : #666666;
	display    : block;
	float      : left;
	font-weight: bold;
	height     : 35px;
	line-height: 35px;
	margin-left: 6% !important;
	margin     : 0;
	padding    : 0;
	text-indent: 25px;
	text-shadow: 0 1px 0 #fff;
	width      : 85%;
}

.user a
{
	color: #666666;
	text-decoration: none;
}

.user a:hover
{
	color: #77BACE;
}

.user a.logout_user
{
	background : url(../../../images/icn_logout.png) center no-repeat;
	display    : block;
	float      : left;
	height     : 35px;
	text-indent: -5000px;
	width      : 16px;
}

.menu p
{
	background : url(../../../images/icn_categories.png) no-repeat center left;
	color      : #666666;
	display    : block;
	float      : left;
	font-weight: bold;
	height     : 35px;
	line-height: 35px;
	margin-left: 6% !important;
	margin     : 0;
	padding    : 0;
	text-indent: 25px;
	text-shadow: 0 1px 0 #fff;
	width      : 85%;
}

.menu a
{
	color: #666666;
	text-decoration: none;
}

.menu a:hover
{
	color: #77BACE;
}

/* Breadcrumbs */

section#secondary_bar .breadcrumbs_container
{
	background: url(../../../images/secondary_bar_shadow_copia.png) no-repeat left top;
	float     : left;
	height    : 33px;
	width     : 77%;
	overflow-x: hidden;
	overflow-y: scroll;
}

article.breadcrumbs
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	border-radius        : 5px;
	border               : 1px solid #ccc;
	box-shadow           : 0 1px 0 #fff;
	float                : left;
	height               : 23px;
	margin               : 4px 3%;
	padding              : 0 10px;
}

.breadcrumbs a
{
	display    : inline-block;
	float      : left;
	height     : 24px;
	line-height: 23px;
}

.breadcrumbs a.current, .breadcrumbs a.current:hover
{
	color          : #9E9E9E;
	font-weight    : bold;
	text-decoration: none;
	text-shadow    : 0 1px 0 #fff;
}

.breadcrumbs a:link, .breadcrumbs a:visited
{
	color          : #44474F;
	font-weight    : bold;
	text-decoration: none;
	text-shadow    : 0 1px 0 #fff;
}

.breadcrumbs a:hover
{
	color: #222222;
}

.breadcrumb_divider
{
	background: url(../../../images/breadcrumb_divider.png) no-repeat;
	display   : inline-block;
	float     : left;
	height    : 24px;
	margin    : 0 5px;
	width     : 12px;
}

/* Sidebar */
aside#sidebar
{
	background: #E0E0E3 url(../../../images/sidebar.png) repeat;
	position  : fixed;
	float     : left;
	height    : 100% !important;
	margin-top: 88px;
	overflow-x: hidden;
	overflow-y: scroll;
	width     : 23%;
}

aside#registro
{
	background: #E0E0E3 url(../../../images/sidebar.png) repeat;
	height    : 100%;
	margin-top: 55px;
	width     : 100%;
}

aside#registro input[type=text], input[type=password]
{
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	border               : 1px solid #BBBBBB;
	height               : 20px;
	color                : #666666;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	padding-left         : 10px;
	background-position  : 10px 6px;
	margin               : 0;
	display              : inline-block;
	width                : 120px;
	margin               : 0 10px;
}

aside#registro input[type=select]
{
	border: 1px solid #bbb;
	color : #666666;
	height: 20px;
	margin: 0 10px;
	width : 96%;
}

#sidebar hr
{
	background: url(../../../images/sidebar_divider.png) repeat-x;
	border    : none;
	display   : block;
	height    : 2px;
	outline   : none;
	width     : 100%;
}

/* Search */

.quick_search
{
	text-align: center;
	padding   : 14px 0 10px 0;
}

.quick_search input[type=text]
{
	-moz-border-radius   : 20px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 20px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background           : #fff url(../../../images/icn_search.png) no-repeat;
	background-position  : 10px 6px;
	border               : 1px solid #bbb;
	border-radius        : 20px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #ccc;
	height               : 26px;
	text-indent          : 30px;
	width                : 90%;
}

.quick_search input[type=text]:focus
{
	-moz-box-shadow   : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	border            : 1px solid #77BACE;
	box-shadow        : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	color             : #666666;
	outline           : none;
}

#aviso_movil_horizontal
{
	color                  : #000000;
	font-size              : 40px;
	height                 : 100%;
	opacity								 : 0.8;
	padding-top            : 5px;
	position               : fixed;
	text-align             : center;
	width                  : 100%;
	background-color       : #FFFFFF;
	z-index                : 1;
}

#aviso_movil_horizontal_texto
{
	color                  : #000000;
	font-size              : 40px;
	padding-top            : 50%;
	position               : fixed;
	text-align             : center;
	z-index                : 1;
}

/* Sidebar Menu */

#sidebar h3
{
	color         : #1F1F20;
	display       : block;
	float         : left;
	font-size     : 13px;
	margin        : 10px 0 10px 6%;
	text-shadow   : 0 1px 0 #fff;
	text-transform: uppercase;
	width         : 90%;
}

#sidebar h2
{
	color         : #1F1F20;
	display       : block;
	float         : left;
	font-size     : 11px;
	margin        : 3px 0 3px 6%;
	text-transform: uppercase;
	text-shadow   : 0 1px 0 #fff;
	width         : 90%;
}

.toggleLink
{
	color          : #999999;
	display        : block;
	float          : right;
	font-size      : 10px;
	margin-right   : 2%;
	text-decoration: none;
}

#sidebar .toggleLink:hover
{
	color          : #77BACE;
	text-decoration: none;
}

.togglesubLink
{
	color          : #999999;
	display        : inline;
	float          : right;
	font-size      : 10px;
	margin-right   : 2%;
	text-decoration: none;
	text-transform : uppercase;
}

#sidebar .togglesubLink:hover
{
	color          : #77BACE;
	text-decoration: none;
}

#sidebar ul
{
	clear : both;
	margin: 0;
	padding: 0;
}

#sidebar li
{
	list-style: none;
	margin    : 0 0 0 12%;
	padding   : 0;
}

#sidebar li a
{
	color          : #666666;
	display        : inline-block;
	height         : 17px;
	line-height    : 17px;
	margin         : 2px 0;
	padding-left   : 25px;
	text-decoration: none;
	text-shadow    : 0 1px 0 #fff;
}

#sidebar li a:hover
{
	color: #444444;
}

/* Sidebar Icons */

#sidebar li.icn_new_article a
{
	background: url(../../../images/icn_new_article.png) no-repeat center left;
}

#sidebar li.icn_edit_article a
{
	background: url(../../../images/icn_edit_article.png) no-repeat center left;
}

#sidebar li.icn_categories a
{
	background: url(../../../images/icn_categories.png) no-repeat center left;
}

#sidebar li.icn_tags a
{
	background: url(../../../images/icn_tags.png) no-repeat center left;
}

#sidebar li.icn_add_user a
{
	background: url(../../../images/icn_add_user.png) no-repeat center left;
}

#sidebar li.icn_view_users a
{
	background: url(../../../images/icn_view_users.png) no-repeat center left;
}

#sidebar li.icn_profile a
{
	background: url(../../../images/icn_profile.png) no-repeat center left;
}

#sidebar li.icn_folder a
{
	background: url(../../../images/icn_folder.png) no-repeat center left;
}

#sidebar li.icn_photo a
{
	background: url(../../../images/icn_photo.png) no-repeat center left;
}

#sidebar li.icn_audio a
{
	background: url(../../../images/icn_audio.png) no-repeat center left;
}

#sidebar li.icn_video a
{
	background: url(../../../images/icn_video.png) no-repeat center left;
}

#sidebar li.icn_settings a
{
	background: url(../../../images/icn_settings.png) no-repeat center left;
}

#sidebar li.icn_security a
{
	background: url(../../../images/icn_security.png) no-repeat center left;
}

#sidebar li.icn_jump_back a
{
	background: url(../../../images/icn_jump_back.png) no-repeat center left;
}

#sidebar li.icn_search a
{
	background: url(../../../images/icn_search.png) no-repeat center left;
}

#sidebar p
{
	color       : #666666;
	margin      : 10px 0 0 0;
	padding-left: 6%;
	text-shadow : 0 1px 0 #fff;
}

#sidebar a
{
	color          : #666666;
	text-decoration: none;
}

#sidebar a:hover
{
	text-decoration: underline;
}

#sidebar footer
{
	margin-top: 20%;
}

/* Main Content */

section#main
{
	background: url(../../../images/sidebar_shadow.png) repeat-y left top;
	float     : right;
	height    : 86% !important;
	margin-top: 88px;
	overflow-x: hidden;
	overflow-y: scroll;
	position  : fixed;
	width     : 77%;
}

section#main_iframe
{
	margin-top: -2px;
	min-height: 500px;
	width     : 77%;
}

#main h3
{
	color         : #1F1F20;
	font-size     : 13px;
	margin        : 8px 20px;
	text-shadow   : 0 1px 0 #fff;
	text-transform: uppercase;
}

/* Modules */

.module
{
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	background           : #ffffff;
	border               : 1px solid #9BA0AF;
	border-radius        : 5px;
	margin               : 20px 3% 20px 3%;
	width                : 100%;
}

.contenido_caja section
{
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	background           : #ffffff;
	border               : 1px solid #9BA0AF;
	border-radius        : 5px;
	margin               : 1000px 3% 20px 3%;
	width                : 100%;
}

#main .module header h3
{
	display: block;
	float  : left;
	width  : 90%;
}

.module header
{
	-moz-border-radius-topleft    : 5px; -moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	background                    : #F1F1F4 url(../../../images/secondary_bar.png) repeat-x;
	border-top-left-radius        : 5px; border-top-right-radius: 5px;
	height                        : 38px;
	width                         : 100%;
}

.module footer
{
	-moz-border-radius-bottomleft    : 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	background                       : #F1F1F4 url(../../../images/module_footer_bg.png) repeat-x;
	border-top                       : 1px solid #9CA1B0;
	height                           : 32px;
	width                            : 100%;
}

.module_content
{
	color : #666;
	margin: 20px 20px;
}

/* Module Widths */

.width_full
{
	width    : 95%;
}

.width_half
{
	float       : left;
	margin-right: 0;
	min-width   : 46%;
	width       : 46%;
}

.width_quarter
{
	float       : left;
	margin-right: 0;
	min-width   : 26%;
	width       : 26%;
}

.width_3_quarter
{
	float       : left;
	margin-right: 0;
	min-width   : 66%;
	width       : 66%;
}

/* Stats Module */

.stats_graph
{
	float: left;
	width: 64%;
}

.stats_overview
{
	-moz-border-radius   : 5px;
	-webkit-border-radius: 5px;
	background           : #F6F6F6;
	border               : 1px solid #ccc;
	border-radius        : 5px;
	float                : left;
	width                : 100%;
}

.overview_today, .overview_previous
{
	float: left;
	width: 50%;
}

.stats_overview p
{
	margin        : 0;
	padding       : 0;
	text-align    : center;
	text-shadow   : 0 1px 0 #fff;
	text-transform: uppercase;
}

.stats_overview p.overview_day {
font-size: 12px;
font-weight: bold;
margin: 6px 0;
}

.stats_overview p.overview_count {
font-size: 26px;
font-weight: bold;
color: #333333;}

.stats_overview p.overview_type
{
	font-size: 10px;
	color: #999999;
	margin-bottom: 8px;
}

.tab_container
{

}

/* Content Manager */

.tablesorter
{
	margin   : -5px 0 0 0;
	padding  : 0;
	width    : 100%;
}

.tablereg tr th.requerido
{
	color: #F78E1B !important;
}

.requerido
{
	color: #F78E1B !important;
}

.tablesorter td
{
	border-bottom: 1px dotted #ccc;
	margin       : 0;
	padding      : 0;
}

.tablesorter thead tr
{
	background : url(../../../images/table_sorter_header.png) repeat-x;
	cursor     : pointer;
	height     : 34px;
	text-align : left;
	text-indent: 10px;
	width      : 100%;
}

.tablesorter tfoot tr
{
	background : url(../../../images/table_sorter_header.png) repeat-x;
	height     : 34px;
	text-align : left;
	text-indent: 10px;
	width      : 100%;
}

.tablesorter th.headerSortUp
{
	background-image: url(../../../images/asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.tablesorter th.headerSortDown
{
	background-image: url(../../../images/desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.tablesorter td
{
	padding: 5px 5px;
}

.tablesorter tbody tr.rojo
{
	background-color: #DE5E39 !important;
	color           : #FFFFFF !important;
}

.tablesorter tbody tr.rojo a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody tr.rojo_tareas
{
	background-color: #DE5E39 !important;
}

.tablesorter tbody tr.rojo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody tr.amarillo_tareas
{
	background-color: #EAD756 !important;
}

.tablesorter tbody tr.amarillo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody tr.verde_tareas
{
	background-color: #5F9D47 !important;
}

.tablesorter tbody tr.verde_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody td.rojo_tareas
{
	background-color: #DE5E39 !important;
}

.tablesorter tbody td.rojo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody td.amarillo_tareas
{
	background-color: #EAD756 !important;
}

.tablesorter tbody td.amarillo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody td.verde_tareas
{
	background-color: #5F9D47 !important;
}

.tablesorter tbody td.verde_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody tr.azul
{
	background-color: #81DAF5 !important;
}

.tablesorter tbody tr.azul a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody tr.naranja
{
	background-color: #FAAC58 !important;
}



.tablesorter tbody tr.rojo_suave
{
	background-color: #F6CECE !important;
}

.tablesorter tbody tr.verde_suave
{
	background-color: #E3F6CE !important;
}

.tablesorter tbody tr.verde
{
	background-color: #64B469 !important;
}

.tablesorter tbody tr.verde a
{
	color: white !important;
}

.tablesorter tbody tr.verde a:hover
{
	color: black !important;
}

.tablesorter tbody tr td a
{
	cursor: pointer;
	color : #000000;
}

.tablesorter tbody tr td a:hover
{
	color: #77BACE !important;
	text-decoration: none;
}

.tablesorter tbody td.verde
{
	background-color: #64B469 !important;
}

.tablesorter tbody td.verde_fuerte
{
	background-color: green !important;
	color           : white !important;
}

.tablesorter tbody td.verde_fuerte a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody td.rojo
{
	background-color: #FC8A8A !important;
	color           : #FFFFFF !important;
}

.tablesorter tbody td.rojo a:hover
{
	color: #FFFFFF !important;
}

.tablesorter tbody td.rojo_fuerte
{
	background-color: red !important;
	color           : white !important;
}

.tablesorter tbody td.rojo_fuerte a:hover
{
	color: #FFFFFF !important;
}

.tablesorter input[type=image]
{
	margin-right: 10px;
}

.tablesorter
{
	margin   : -5px 0 0 0;
	padding  : 0;
	width    : 100%;
}

.tablereg tr th.requerido
{
	color: #F78E1B !important;
}

.tablesorter_iframe td
{
	border-bottom: 1px dotted #ccc;
	margin       : 0;
	padding      : 0;
}

.tablesorter_iframe thead tr
{
	background : url(../../../images/table_sorter_header.png) repeat-x;
	cursor     : pointer;
	height     : 34px;
	text-align : left;
	text-indent: 10px;
	width      : 100%;
}

.tablesorter_iframe th.headerSortUp
{
	background-image   : url(../../../images/asc.gif);
	background-repeat  : no-repeat;
	background-position: center right;
}

.tablesorter_iframe th.headerSortDown
{
	background-image   : url(../../../images/desc.gif);
	background-repeat  : no-repeat;
	background-position: center right;
}

.tablesorter_iframe td
{
	padding: 5px 5px;
}

.tablesorter_iframe tbody tr td.rojo_tareas
{
	background-color: #DE5E39 !important;
}

.tablesorter_iframe tbody tr td.rojo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter_iframe tbody tr td.amarillo_tareas
{
	background-color: #EAD756 !important;
}

.tablesorter_iframe tbody tr td.amarillo_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter_iframe tbody tr td.verde_tareas
{
	background-color: #5F9D47 !important;
}

.tablesorter_iframe tbody tr td.verde_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter_iframe tbody tr td.morado_tareas
{
	background-color: #7401DF !important;
	color: #FFFFFF !important;
}

.tablesorter_iframe tbody tr td.morado_tareas a:hover
{
	color: #FFFFFF !important;
}

.tablesorter_iframe tbody tr td a
{
	cursor: pointer;
	color : #000000;
}

.tablesorter_iframe tbody tr td a:hover
{
	color: #77BACE !important;
	text-decoration: none;
}

.tablesorter_iframe input[type=image]
{
	margin-right: 10px;
}

ul.tabs
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	border-radius        : 5px;
	border               : 1px solid #ccc;
	box-shadow           : 0 1px 0 #fff;
	float                : right;
	position             : static;
	font-size            : 0,7em;
	font-weight          : bold;
	height               : 24px; /*--Set height of tabs--*/
	list-style           : none;
	margin               : 3px 10px 0 0;
	padding              : 0;
	text-shadow          : 0 1px 0 #fff;
}

ul.tabs li
{
	float      : left;
	line-height: 24px;
	margin     : 0;
	padding    : 0;
}

ul.tabs li a
{
	color          : #999;
	display        : block;
	height         : 24px;
	padding        : 0 10px;
	text-decoration: none;
}

ul.tabs li a:hover
{
	color: #44474F;
}

html ul.tabs li.active a
{
	color: #44474F;
}

html ul.tabs li.active, html ul.tabs li.active a:hover
{
	-webkit-box-shadow: inset 0 2px 3px #818181;
	-moz-box-shadow   : inset 0 2px 3px #818181;
	background        : #F1F2F4;
	box-shadow        : inset 0 2px 3px #818181;
}

html ul.tabs li:first-child, html ul.tabs li:first-child a
{
	-moz-border-radius-bottomleft    : 5px;
	-moz-border-radius-topleft       : 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius   : 5px;
	border-bottom-left-radius        : 5px;
	border-top-left-radius           : 5px;
}

html ul.tabs li:last-child, html ul.tabs li:last-child a
{
	-moz-border-radius-bottomright    : 5px;
	-moz-border-radius-topright       : 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius   : 5px;
	border-bottom-right-radius        : 5px;
	border-top-right-radius           : 5px;
}

#main .module header h3.tabs_involved
{
	display: block;
	float  : left;
	width  : 60%;
}

input[type=button], [type=submit]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	background           : #D0D1D4 url(../../../images/btn_submit.png) repeat-x;
	border               : 1px solid #A8A9A8;
	box-shadow           : 0 1px 0 #fff;
	color                : #666;
	cursor               : pointer;
	font-weight          : bold;
	height               : 22px;
	padding              : 0 10px;
	text-shadow          : 0 1px 0 #fff;
}

input[type=button]:hover, [type=submit]:hover
{
	color: #333333;
}

input[type=submit].alt_btn, input[type=button].alt_btn
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	background           : #D0D1D4 url(../../../images/btn_submit_2.png) repeat-x;
	border-radius        : 5px;
	border               : 1px solid#30B0C8;
	box-shadow           : 0 1px 0 #fff;
	color                : #003E49;
	cursor               : pointer;
	font-weight          : bold;
	height               : 22px;
	padding              : 0 10px;
	text-shadow          : 0 1px 0 #6CDCF9;
}

input[type=submit].alt_btn_1, input[type=button].alt_btn_1
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	background           : #D0D1D4 url(../../../images/btn_submit_3.png) repeat-x;
	border-radius        : 5px;
	border               : 1px solid#F78E1B;
	box-shadow           : 0 1px 0 #fff;
	color                : #000000;
	cursor               : pointer;
	font-weight          : bold;
	height               : 22px;
	padding              : 0 10px;
	text-shadow          : 0 0.5px 0 #F78E1B;
}

input[type=submit].alt_btn_2, input[type=button].alt_btn_2
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : 0 1px 0 #fff;
	background           : #D0D1D4 url(../../../images/btn_submit_4.png) repeat-x;
	border-radius        : 5px;
	border               : 1px solid#FF0000;
	box-shadow           : 0 1px 0 #fff;
	color                : #FFFFFF;
	cursor               : pointer;
	font-weight          : bold;
	height               : 22px;
	padding              : 0 10px;
	text-shadow          : 0 0.5px 0 #FF0000;
}

input[type=submit].alt_btn:hover, input[type=button].alt_btn:hover, input[type=submit].alt_btn_1:hover, input[type=button].alt_btn_1:hover
{
	color: #001217;
}

input[type=submit].btn_post_message {
background: #D0D1D4 url(../../../images/post_message.png) no-repeat;
display: block;
width: 37px;
border: none;
height: 24px;
cursor: pointer;
text-indent: -5000px;
}

input[type=submit].btn_post_message:hover {
background-position: 0 -24px;
}

.post_message {
text-align: left;
padding: 5px 0;
}

.post_message input[type=text] {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbb;
height: 20px;
width: 70%;
color: #ccc;
-webkit-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
-moz-box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
box-shadow: inset 0 2px 2px #ccc, 0 1px 0 #fff;
text-indent: 10px;
background-position: 10px 6px;
float: left;
margin: 0 3.5%;
}

.post_message input[type=text]:focus
{
	border            : 1px solid #77BACE;
	box-shadow        : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	color             : #666666;
	-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	-moz-box-shadow   : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	outline           : none;
}

.post_message input[type=image] {
float: left;
}

/* Messages */

.message_list
{
	height    : 250px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.message
{
	border-bottom: 1px dotted #cccccc;
}

/* Dashboard */

#dashboard_list
{
	cursor: pointer;
	overflow-x: hidden;
	overflow-y: scroll;
}

#dashboard_list a
{
	text-decoration: none;
	color: #666666;
}

#dashboard_list a:hover
{
	color: #000000;
}

#dashboard_list .dashboard
{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 6px;
	padding-top: 6px;
}

#dashboard_list .dashboard_number
{
	font-size: 3em;
	margin: 1px;
	text-shadow: 0.05em 0.05em #cccccc;
}

/* New/Edit Article Module */

fieldset
{
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F6F6F6;
	border               : 1px solid #ccc;
	margin               : 10px 0;
	padding              : 1% 0%;
}

.contenedor
{
	color : #666;
	width: 97%;
}

.contenedor input[type=checkbox]
{
	margin      : 0 10px;
	padding-left: 10px;
}

.contenedor input[type=date], input[type=datetime-local]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	font-family          : "Helvetica Neue", Helvetica, Tahoma, sans-serif, Arial, Verdana !important;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

.contenedor label, input[type=text], input[type=select]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	display              : block;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

.contenedor label.deshabilitar, input[type=text].deshabilitar
{
	-moz-border-radius   : 0px;
	-moz-box-shadow      : inset 0 0px 0px #ccc, 0 0px 0 #fff;
	-webkit-border-radius: 0px;
	-webkit-box-shadow   : inset 0 0px 0px #ccc, 0 0px 0 #fff;
	background-position  : 0px 0px;
	border               : 0px;
	border-radius        : 0px;
	box-shadow           : inset 0 0px 0px #ccc, 0 0px 0 #fff;
	color                : #666666;
	display              : block;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

th.tablas_req
{
	color: #F78E1B !important;
}

fieldset label
{
	display       : block;
	float         : left;
	font-weight   : bold;
	height        : 25px;
	line-height   : 25px;
	margin        : -5px 0 5px 0;
	padding-left  : 10px;
	text-shadow   : 0 1px 0 #fff;
	text-transform: uppercase;
	width         : 200px;
}

fieldset label.requerido
{
	color: #F78E1B !important;
}

fieldset input[type=date], input[type=datetime-local]
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	font-family          : "Helvetica Neue", Helvetica, Tahoma, sans-serif, Arial, Verdana !important;
	height               : 20px;
	margin               : 0 10px;
	padding-left         : 10px;
}

fieldset input[type=text], input[type=time]
{
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	border               : 1px solid #BBBBBB;
	height               : 20px;
	color                : #666666;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	padding-left         : 10px;
	background-position  : 10px 6px;
	font-family          : "Helvetica Neue", Helvetica, sans-serif, Tahoma, Arial, Verdana !important;
	margin               : 0 10px;
	display              : block;
	float                : left;
}

fieldset input[type=text]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime-local]:focus
{
	-moz-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	border: 1px solid #77BACE;
	box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	outline: none;
}

fieldset select
{
	border: 1px solid #bbb;
	color : #666666;
	height: 20px;
	margin: 0 10px;
}

fieldset textarea
{
	-moz-border-radius   : 5px;
	-moz-box-shadow      : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow   : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	background-position  : 10px 6px;
	border               : 1px solid #BBBBBB;
	border-radius        : 5px;
	box-shadow           : inset 0 2px 2px #ccc, 0 1px 0 #fff;
	color                : #666666;
	display              : block;
	float                : left;
	margin               : 0 0.5%;
	margin               : 0 10px;
	padding-left         : 10px;
	resize               : none;
	width                : 96%;
}

fieldset textarea:focus
{
	-moz-box-shadow   : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	-webkit-box-shadow: inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	border            : 1px solid #77BACE;
	box-shadow        : inset 0 2px 2px #ccc, 0 0 10px #ADDCE6;
	outline           : none;
	resize            : none;
}

.submit_link {
float: right;
margin-right: 3%;
padding: 5px 0;
}

.submit_link select {
width: 150px;
border: 1px solid #bbb;
height: 20px;
color: #666666;
}

#main
{
	margin-left: 23%;
}

#main .module_content h1
{
	color         : #333333;
	height        : 100%;
	text-transform: none;
	text-shadow   : 0 1px 0 #fff;
	font-size     : 22px;
	margin        : 8px 0px;
}

#main .module_content h2 {
color: #444444;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 18px;
margin: 8px 0px;
}

#main .module_content h3 {
color: #666666;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}

#main .module_content h4 {
color: #666666;
text-transform: none;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
margin: 8px 0px;
}

#main .module_content li {
line-height: 150%;
}

/* Alerts */

h4.alert_info
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #B5E5EF url(../../../images/icn_alert_info.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #77BACE;
	color                : #082B33;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

#main .module_content h4.alert_info
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #B5E5EF url(../../../images/icn_alert_info.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #77BACE;
	color                : #082B33;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

h4.alert_warning
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F5F3BA url(../../../images/icn_alert_warning.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #C7A20D;
	color                : #796616;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

#main .module_content h4.alert_warning
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F5F3BA url(../../../images/icn_alert_warning.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #C7A20D;
	color                : #796616;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

h4.alert_error
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F3D9D9 url(../../../images/icn_alert_error.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #D20009;
	color                : #7B040F;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

#main .module_content h4.alert_error
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #F3D9D9 url(../../../images/icn_alert_error.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #D20009;
	color                : #7B040F;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

h4.alert_success
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #E2F6C5 url(../../../images/icn_alert_success.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #79C20D;
	color                : #32510F;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

#main .module_content h4.alert_success
{
	display              : block;
	width                : 95%;
	margin               : 20px 3% 0 3%;
	margin-top           : 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	background           : #E2F6C5 url(../../../images/icn_alert_success.png) no-repeat;
	background-position  : 10px 10px;
	border               : 1px solid #79C20D;
	color                : #32510F;
	padding              : 10px 0;
	text-indent          : 40px;
	font-size            : 14px;
}

@media only screen and (max-width: 1150px) and (min-width: 100px){
	iframe
	{
		width: 618px;
	}

	.module header h3.tabs_involved
	{
		font-size: 5px;
	}

	.tablesorter
	{
		font-size: 9px;
	}
}