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, 
 nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-decoration:none;
	font-family: "Century Gothic";
}
@font-face {
    font-family: "Century Gothic";
    src: url('../fonts/centurygothic.eot');
    src: url('../fonts/centurygothic.eot?#iefix') format('eot'),
		 url('../fonts/centurygothic.woff') format('woff'),
		 url('../fonts/centurygothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, nav, section {
	display: block;
}

.critical.message, .validation-summary-errors, .message-Error {
    background: #e68585;
    border: 1px solid #990808;
    color: #fff;
}

.message, .validation-summary-errors {
    margin: 10px 0 4px 0;
    padding: 4px;
}

ol, ul {
	list-style: none;
	clear:both;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* GENERAL */
html, body{
	height:100%;
}
.left{
	float:left;
	width:48%;
}
.right{
	float:right;
	width:48%;
}
/*COLORS*/
.sky-blue{
	background-color:#049AD5 !important;
	border-color:#049AD5 !important;
}
.sky-blue2{
	background-color:#008AA9 !important;
	border-color:#008AA9 !important;
}
.sky-blue3{
	background-color:#00AFC6 !important;
	border-color:#00AFC6 !important;
}
.violet{
	background-color:#694983 !important;
	border-color:#694983 !important;
}
.violet2{
	background-color:#7851FF !important;
	border-color:#7851FF !important;
}
.violet3{
	background-color:#898AF9 !important;
	border-color:#898AF9 !important;
}
.violet4{
	background-color:#A40584 !important;
	border-color:#A40584 !important;
	color:#A40584 !important;
}
.violet5{
	background-color:#B11865 !important;
	border-color:#B11865 !important;
	color:#B11865!important;
}
.blue{
	background-color: #00416E !important;
	border-color: #00416E !important;
}
.blue2{
	background-color: #00498C !important;
	border-color: #00498C !important;
}
.blue3{
	background-color: #272D8C !important;
	border-color: #272D8C!important;
}
.green{
	background-color:#00883D !important;
	border-color:#00883D !important;
}
.orange{
	background-color:#EF9B14 !important;
	border-color:#EF9B14 !important;
	color:#EF9B14 !important;
}
.green2{
	background-color:#40B24F !important;
	border-color:#40B24F !important;
	color:#40B24F !important;
}
.yellow{
	background-color:#E2B013 !important;
	border-color:#E2B013 !important;
}
.pink{
	background-color:#DC445B !important;
	border-color:#DC445B !important;
}
.pink2{
	background-color:#CC0D43 !important;
	border-color:#CC0D43 !important;
	color:#CC0D43 !important;
}

.mora-pe{
	background-color:#6D48BD !important;
	border-color:#6D48BD !important;
}

/*COLORS H2*/
.body-content[name="estudiante"] h2{
	border-color:#049AD5 !important;
}
.body-content[name="usuario"] h2{
	border-color:#DC445B !important;
}
.body-content[name="parametros"] h2{
	border-color:#00AFC6 !important;
}
.init{
	width:60%;
	height:110px;
	margin:20px auto;
	overflow: hidden;
	min-width: 850px;
}
.init li{
	float:left;
	height:110px;
	display:inline-block;
	margin-right:8px;
	width:200px
}
.init a{
	display:inline-block  !important;
	color:#FFF;
	width:95px  !important;
	height:70px  !important;
	padding:30px 0 0 80px;
	text-transform:capitalize;
	font-size:20px;
}
.areas{
	background:url(../images/img/ico-areas.png) no-repeat 10px 15px;
}
.cursos{
	background:url(../images/img/ico-cursos.png) no-repeat 10px 15px;
}
.talleres{
	background:url(../images/img/ico-talleres.png) no-repeat 10px 15px;
}
.container, .header, content, .navigator, body-content, .footer{
	width:100%;
	min-width:1100px;
}
.container{
	height:100%;
}
/*header*/
.header{
	color: white !important;
	font-size:25px;
	overflow:hidden;
	min-width: 1200px;
}
.title {
	float:left;
	height:65px;
	padding:0 0 0 10px;
	width:350px;
	margin:5px 0 0 0;
}
.title-image, .titles{
	float:left;
	height:65px;
	position:relative;
}
.title h2{
	margin:0 0 0 15px;
	width: 150px;
}
.name {
	float:left;
	width:40%;
	text-align:center;
	height:55px;
	margin:20px 0 0 0;
}
.user{
	float:right;
	height:75px;
	min-width:190px;
	position:relative;
}
.user img{
	float:left;
	display:block;
}
.user a{
	float:left;
	display:block;
	margin:20px 30px 0 30px;
	color:#FFF;
}
/*CONTENT*/
.content{
	clear:both;
	padding-bottom:60px;
	min-height:480px;
	background-color: #FFF;
	overflow: hidden;
    padding-top: 33px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
}

.body-content h3{
	margin:0 0 10px 0;
}
.body-content p{
	color:#000;
	font-size:18px;
	clear: both;
}
.body-content p span{
	font-size:20px;
	margin: 8px 0 0 0;
	display: inline-block;
}
.body-content p span + span{
	background-color: transparent !important;
	margin-right: 10px;
}
.body-content p input{
	width:20px;
	margin: 0 0 0 8px;
	padding:2px;
}
.body-content .buttons{
	margin:20px 0 0 0;
}
.navigator{
	height:30px;
	background-color:#FFF;
}
.navigator a{
	display:inline-block;
	height:30px;
	font-family: "Century Gothic";
	color: #006680;
	font-size: 15px;
	margin:0 0 0 8px;
	line-height:30px;
}
.navigator a:hover{
	color:#399BBC;
}
.this{
	color: #062E3B !important;
	cursor:default;
}
.this:hover{
	color: #062E3B;
}
.submenu{
	margin:0 0 10px 0;
	min-height: 28px;
	padding: 5px;
	overflow: hidden;
}
.submenu2{
	padding: 10px;
	margin: 0 0 10px 0;
	background: white !important;
	border: 1px solid;
	overflow:hidden;
}
.submenu2 p{
	color:#000;
	font-size:20px;
}
.submenu2 p span{
	font-size:20px;
	margin: 0 0 0 6px;
}
.submenu2 p span + span{
	background-color: transparent !important;
	margin-right: 10px;
}
.cont span{
	padding:0 0 2px 5px;
	margin:0 0 5px 0;
	display:inline-block;
}
.submenu div > *{
	float:left;
}
.submenu div{
	height: 28px;
	text-align: left;
	display: inline-block;
	width: 100%;
}
.submenu h3{
	color:#fff;
	margin:0 60px 0 0;
}
.submenu a{
	color:#fff;
	margin: 0 15px 0 0;
}
.submenu-views{
	margin: 4px 20px 0 30px;
	float: right !important;
	text-align:right;
	clear: none;
}
.submenu-views li{
	display:inline-block;
	float:left;
}
.submenu-views a{
	display:inline-block;
	color:#fff;
}
/*List*/
.list li.header{ 
	height:25px;
}

.list li.header span{ 
	color:#FFF;
	border-left:1px solid #CCC;
	padding-left:5px;
	height: 25px;
	font-size:14px;
}
.list{
	min-width: 90%;
}
.g li:hover{
	background-color:#B4B5B4;
}
.gn li:hover{
	background-color:#ADF3D9;
	cursor:pointer;
}
.yw li:hover{
	background-color:#FFD98F;
	cursor:pointer;
}
.gn2 li:hover{
	background-color:#AFD99C;
	cursor:pointer;
}
.s li:hover{
	background-color:#B9E3FA;
}
.v li:hover{
	background-color:#DCA5CE;
}
.p li:hover{
	background-color:#FFA6B8;
}
.b li:hover{
	background-color:#828DF3;
}
.hover_pointer:hover {cursor:pointer;}
.list li{
	font-size:15px;
	padding: 2px 2px 2px 10px;
	width: auto;
	min-height:25px;
	line-height:25px;
	border:1px solid #CCC !important;
	margin:0 0 2px 0;
	overflow:hidden;
	min-width: 95%;
	color: black !important;
	/*cursor: pointer;*/
}
.list span{
	display:inline-block;
	float:left;
	margin:0 5px 0 0;
	font-size:12px;
	padding-left:6px;
	line-height: 16px;

}
.list img{
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
}
.cont-span{
	border: 1px solid #CCC;
	padding: 0 0 0 10px;
	margin: 0;
	height: 20px;
	line-height: 20px;
}
.controlList{
	margin:10px 2px 2px 2px;
	border:1px solid #CCC;
	padding:5px;
	font-size:13px;
	overflow:hidden;
}
.controlList a{
	float:right;
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:2px;
	cursor:pointer;
}
.control{
	width:auto !important;
	height:auto !important;
}
.control a{
	float:left;
	display:inline-block;
	min-width:14px;
	height:14px;
	margin-left:2px;
	cursor:pointer;
}

.disabled{
	opacity:0.4;
	-webkit-opacity:0.4;
	-moz-opacity:0.4;
	cursor:default !important;
}
/* BOTONES submenu - generales*/
.btn{
	padding:0 0 0 28px;
	display:inline-block;
	height:25px;
	line-height:25px;
	color:#FFF;
	font-family: "Century Gothic";
	font-size:16px;
}

/*.btn:hover  { background-color:#666}*/
.button {
	padding:0 10px 0 40px;
	display:inline-block;
	height:28px;
	line-height:28px;
	margin:0;
	font-size:12px;
	color:#FFF;
}
.button2{
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 0 !important;
	color: white;
	cursor: pointer;
	float: left;
}
.button3{
	display: inline-block;
	height: 40px;
	width: 40px;
	margin: 0 !important;
	float:left;
}
.btn-invert span + span{
	background-color: #fff !important;
	height: 25px;
	display: inline-block;
	line-height: 25px;
}

/*INVERT 40X48 */
.people{
	background:url(../images/img/invert/people.png) no-repeat left top;
}
.people2{
	background:url(../images/img/invert/people2.png) no-repeat left top;
}
.people3{
	background:url(../images/img/invert/people3.png) no-repeat left top;
}
.people4{
	background:url(../images/img/invert/people4.png) no-repeat left top;
}
.people5{
	background:url(../images/img/invert/people5.png) no-repeat left top;
}
.calendar{
	background:url(../images/img/invert/calendar.png) no-repeat left top;
}
.calendar2{
	background:url(../images/img/invert/calendar2.png) no-repeat left top;
}
.calendar3{
	background:url(../images/img/invert/calendar3.png) no-repeat left top;
}
.calendar4{
	background:url(../images/img/invert/calendar4.png) no-repeat left top;
}
.calendar5{
	background:url(../images/img/invert/calendar5.png) no-repeat left top;
}
.puzzle{
	background:url(../images/img/invert/puzzle.png) no-repeat left top;
}
.puzzle{
	background:url(../images/img/invert/puzzle.png) no-repeat left top;
}
.light{
	background:url(../images/img/invert/light.png) no-repeat left top;
}
.alert{
	background:url(../images/img/invert/alert.png) no-repeat left top;
}
.search-people{
	background:url(../images/img/invert/search-people.png) no-repeat left top;
}
/*25x25*/
.areas2{
	background:url(../images/img/invert/ico-areas-invert.png) no-repeat left top;
}
.edit2{
	background:url(../images/img/invert/ico-edit-invert.png) no-repeat left top;
}
.import2{
	background:url(../images/img/invert/btn-import-invert.png) no-repeat left 0; background-size:25px;
}

/*Botones header*/
.ico-students{
	background:url(../images/img/ico-students.png) no-repeat 20px 10px;
}
.ico-admin{
	background:url(../images/img/ico-admin.png) no-repeat 20px 10px;
}
.ico-calendar{
	background:url(../images/img/ico-calendar.png) no-repeat 20px 15px;
}
.ico-users{
	background:url(../images/img/ico-users.png) no-repeat 20px 15px;
}
.ico-equipos{
	background:url(../images/img/ico-equipos.png) no-repeat 20px 15px;
}
.ico-parametros{
	background:url(../images/img/ico-parametros.png) no-repeat 20px 8px;
}
.ico-parametros-globales{
	background:url(../images/img/ico-parametros-globales.png) no-repeat 20px 8px;
}
.ico-temario{
	background:url(../images/img/ico-temario.png) no-repeat 20px 8px;
}
.ico-matriz{
	background:url(../images/img/ico-matriz.png) no-repeat 20px 15px;
}
.ico-areas{
	background:url(../images/img/ico-areas.png) no-repeat 10px 3px;
}
.ico-matematicas{
	background:url(../images/img/materias/ico-matematicas.png) no-repeat 20px 12px;
}
.ico-temas{
	background:url(../images/img/ico-temas.png) no-repeat 20px 12px;
}

/*Botones content*/
.next{
	background:url(../images/img/btn-next.png) no-repeat left top;
}
.next2{
	background:url(../images/img/btn-next2.png) no-repeat left top;
}
.nextFinal{
	background:url(../images/img/btn-nextfinal.png) no-repeat left top;
}
.back{
	background:url(../images/img/btn-back.png) no-repeat left top;
}
.back2{
	background:url(../images/img/btn-back2.png) no-repeat left top;
}
.backFinal{
	background:url(../images/img/btn-backfinal.png) no-repeat left top;
}
.new{
	background:url(../images/img/btn-new.png) no-repeat left top;
}
.new-gray{
	background:url(../images/img/btn-new-gray.png) no-repeat left top;
}
.save{
	background:url(../images/img/btn-save.png) no-repeat 10px;
}
.propagar{
	background:url(../images/img/btn-download.png) no-repeat 10px;
}
.print{
	background:url(../images/imprimir_p_s.png) no-repeat 4px 1px;
}
.printSmall{
	background:url(../images/imprimir_p_ss.png) no-repeat 4px 1px;
}
.good{
	background:url(../images/img/btn-good.png) no-repeat left 0;
}
.download{
	background:url(../images/img/btn-download.png) no-repeat left 4px;
}
.cita{
	background:url(../images/duracion_p_s.png) no-repeat 1px 1px;
}
.ver{
	background:url(../images/ver_p_s.png) no-repeat ;
}
.create{
	background:url(../images/img/btn-create.png) no-repeat left 4px;
}
.import{
	background:url(../images/img/btn-import.png) no-repeat left 4px;
}
.desactive{
	background:url(../images/img/btn-desactive.png) no-repeat left 4px;
}
.delete{
	background:url(../images/img/btn-delete.png) no-repeat left top;
}
.view{
	background:url(../images/img/btn-view.png) no-repeat left top;
}

.information{
	background:url(../images/img/btn-info-general.png) no-repeat 5px 4px;
}
.comments{
	background:url(../images/img/btn-comments.png) no-repeat 10px 4px;
}
.comment{
	background:url(../images/img/btn-comment.png) no-repeat 0px 4px;
}
.diagnostic{
	background:url(../images/img/btn-diagnostic.png) no-repeat 10px 2px;
}
.observation{
	background:url(../images/img/btn-observation.png) no-repeat 10px 4px;
}
.citas-peque{
	background:url(../images/duracion_p_s.png) no-repeat 10px 4px;
}
.planes{
	background:url(../images/plan-estudio_p_s.png) no-repeat 10px 4px;
}
.edit{
	background:url(../images/img/btn-edit.png) no-repeat 5px 4px;
}
.commnent{
	background:url(../images/conversacion_p_s.png) no-repeat 5px 4px;
}
.taller{
	background:url(../images/img/btn-taller.png) no-repeat 5px 4px;
}
.editarea{
	background:url(../images/img/btn-edit-area.png) no-repeat 7px 4px;
}

/*sections*/
.sections li{
	float:left;
	display:inline-block;
	margin:0 15px 0 0;
}
/*forms*/
.search{
	width:300px;
	height:21px;
	border:none;
	font-family:"Century Gothic";
	height: 25px;
	border:none;
}
textarea{
	display:inline-block;
	margin:0 0 5px 0;
	font-family: "Century Gothic";
}
label{
	font-size: 13px;
	vertical-align: top;
	display: inline-block;
	font-family: "Century Gothic";
}

label.error
{
    color: #FF0000;
    display: inline-block;
    width: 100% !important;
    margin: 0 0 10px 0;
}

input[type="text"]{
	/*color:#999;*/
	padding-left: 5px;
	font-size: 13px;
	border:1px solid #CCC;
	margin:0 0 4px 0;
	display:inline-block;
	font-family: "Century Gothic";
}
input[type="checkbox"]{
	margin: 5px 4px 0 0;
	font-size: 13px;
}
select{
	font-family: "Century Gothic";
	display:inline-block;
	width:247px;
	height:20px;
	font-size:13px;
	color:#333;
	border: 1px solid #CCC;
	margin:0 0 4px 0;
}
.btn-search{
	width: 27px;
	height: 28px;
	background:url(../images/img/btn-search.png) no-repeat 2px 2px;
	border:1px solid #FFF;
	text-indent:-99999px;
	margin:0;
	cursor:pointer;
}
.uploadImg{
	background:url(../images/img/btn-file.png) no-repeat left top;
	padding:0 0 0 20px;
	height:20px;
	width: 140px !important;
	margin: 5px 0 0 0;
}
.checkActiveSky{
	background-color:#B9E3FA;
}
.checkActiveGray{
	background-color:#B4B5B4;
}
.checkActiveGreen{
	background-color:#ADF3D9;
}
.checkActivePink{
	background-color:#FFA6B8;
}
.checkActiveViolet{
	background-color:#DCA5CE;
}
.Descending{
	border-left:none !important;
	padding-left:0 !important;
	width: auto !important;
	background: url(../images/img/arrow_order.png) no-repeat right center;
	padding-right: 15px;
	margin: 0 10px 0 0 !important;
	cursor:pointer;
}
.Ascending{
	border-left:none !important;
	padding-left:0 !important;
	width: auto !important;
	background: url(../images/img/arrow_order2.png) no-repeat right 11px;
	padding-right: 20px;
	margin: 0 10px 0 0 !important;
	cursor:pointer;
}
.sortable{
	border-left:none !important;
	cursor:pointer;
}
.list li.ro:first-child {
	height:100px;
}
.list li.ro:first-child span {
	/*line-height:100px; */
}
.list li.ro:first-child span.cont-rotate {
	line-height:normal;
}
li.ro:first-child span{
	height:100px;
	
}
li.ro:first-child span.rotate{
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
	/*margin: 0;
	border: none;*/
	width: 75px !important;
	height: 90px;
	/*position: absolute;
	top: 50px;
	left: -15px;
	line-height: normal;*/
}
.cont-rotate{
	width:50px;
	position:relative;
}
/*Contenido*/
.bd{
		border: 1px solid;
		background-color:#FFF !important;
}

.cont{
	clear:both;
	width:1180px;
	overflow:hidden;
	padding:10px 10px 25px 10px;
	min-height:350px;
}
.body-content h2{
	clear:both;
	font-size:17px;
	color:#000;
	width:1040px;
	padding:0 0 10px 0;
	border-bottom: 1px solid;
	margin: 20px 0 10px 0;
}
h2.gray{
	border-bottom: 1px solid #999;
}
.cont div label{
	display:inline-block;
	width:160px;
	font-size:14px;
	float: left;
}
.cont div input{
	display:inline-block;
	width:240px;
	
}
.cont-select{
	-webkit-appearance: none;
	overflow: hidden;
    background: #FFF url(../images/img/arrow_select_gray.png) no-repeat right top;
	border: 1px solid #CCCCCC;
	margin: 0 0 4px;
	display:inline-block;
    height: 25px;
}

.cont-select select{
	background:transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	width:115%;
	overflow:hidden;
	border:none;
}

.informeVocacional label{
	display:inline-block;
	width:170px;
	font-size:13px;
}
.informeVocacional input{
	display:inline-block;
	width:615px;
	vertical-align: top;
	height:34px;
	margin-bottom:20px;
}
.observaciones-estudiante{
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #CCC;
	margin:0 0 10px 0;
}
.observaciones-estudiante li
{
	font-size:14px;
	color:#999;
}
.observaciones-estudiante .data{
	color:#000;
}

.data-calendar{
	margin:20px auto;
	width:900px;
	overflow:hidden;
	z-index:800;
}
.dateCalendar{
	padding: 2px 30px 2px 5px;
	background: #FFFFFF url(../images/img/btn-calendar.png) no-repeat right 1px;
	z-index:800			
}
#date5-gldp{
	height:auto;
	width:auto;
	text-align:center;
	z-index:800;
}
.gldp-default{
	height:auto;
	width:auto;
	text-align:center;
	z-index:800;
}

.col-sort, .col-sort2{
	padding: 10px 0 0 0;
	min-height:200px;
}

.col-sort li{
	margin:0 0 10px 0;
	height:37px;
}
.col-sort li span{
	cursor:default;
}
.col-sort .areas{
	width: 30%;
	display: inline-block;
	background: none;
	float:left;
}
.col-sort a{
	float:left;
	margin:8px 0 0 8px;
}
.dragli{
	padding: 5px;
	border: 1px solid;
	background-color: white;
	z-index: 10000;
	cursor: move;
	margin: 0 0 0 20px;
	display: inline-block;
	float:left;
	width:250px;
	position:relative;
}
.table-temas{
	margin:10px 2px 10px 2px;
}
.table-temas th, .table-temas td{
	vertical-align:middle;
	text-align:left;
	font-size:12px;
}
.table-temas th{
	border-left: 1px solid #CCC;
	font-size:14px;
	padding:2px 2px 2px 4px;
}
.table-temas tr{
	min-height:25px;
	height:25px;
	border: 1px solid #CCC !important;
	margin: 0 0 2px 0;
	background-color:#FFF;
}
.table-temas input{
	margin:0;
}
/*FOOTER*/
.footer{
	clear:both;
	height:50px;
	background-color:#C1BFC0;
	bottom:0;
	margin:0;
	position:fixed;
	z-index:800 !important
}
.footer p{
	color:#FFF;
	width:600px;
	margin:0 auto;
	line-height:50px;
	min-width:500px;
	font-size:13px;
	text-align: center;
}

.loading{
	height:100px;
}
.loading img{
	display:block;
	width:113px;
	height:77px;
	margin:10px auto;
}
/*ALERT POPUPS*/
#alert{
	padding:20px;
	min-width:180px;
	margin:5px;
	position:relative;
	display: inline-block;
}
#alert div{
	display: block;
	margin: 0 auto;
	overflow:hidden;
}
#alert p{
	font-size: 13px;
	text-align: center;
	line-height:20px;
	margin: 0 0 15px 0;
}
#alert a{
	display: block;
}
.title-alert{
	color:#FFF !important;
	display:block;
	height:40px;
	line-height:40px;
	font-weight:bold;
}
.title-alert img{
	margin:5px 10px 0 10px;
	float:left;
}

/*Acordeon*/
.st-content p{
	padding:5px;
	border:1px solid #B8B8B8;
	margin-bottom:10px;
	font-size:18px
}

.st-content span{
	margin-bottom:10px;
	display:inline-block;
}
.st-accordion li a div.cont2{
	display:inline-block;
	float:left;
	margin-left:10px;
	width:130px
}
.st-accordion li a div.cont2 > *{
	float:none;
	font-size:16px;
	color:#999;
}
.st-accordion li a div.cont2 div{
	margin: 0 0 0 45px !important;
}
.st-accordion li a div.cont2 h3{
	line-height: normal;
	text-align: center;
}
.st-accordion ul li.st-open > a {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
.titulo-etapa div:hover{
	color:#999;
}
.titulo-etapa:hover{
	color:#999 !important;
}
.titulo-etapa > p{
	display:inline-block;
	vertical-align: top;
}
.titulo-etapa p > span {
	font-size:14px;
	width: 250px;
	display: inline-block;
	line-height: normal;
	text-align: center;
}
.titulo-etapa p  {
	font-size:14px;
	width: 250px;
	display: inline-block;
	line-height: normal;
	text-align: center;
	padding-top:15px;

}

.new-gray-s{
		background:url(../images/img/new-gray-s.png)no-repeat;
	display: initial;
}

.edit-cita{
		background:url(../images/curso_n_s.png)no-repeat 26px 26px;
	display: initial;
}
.delete-gray-s{
	background:url(../images/img/delete-gray-s.png)no-repeat;
	display: initial;
	margin:0 0 0 4px;
}
span.f{ vertical-align:baseline;}
span.Descending{ vertical-align:baseline;}
.folder{
	background:url(../images/img/invert/folder.png) no-repeat left top;
}
span.sortable-item{
	position:relative;
}
span a{ color:#000000;} 

.promocion{
	background:url(../images/promocionar_p_s.png) no-repeat left 4px;
}
.imprimir{
    background: url(../images/imprimir_p_ss.png)no-repeat left 2px;
    right: 46px;
    height: 31PX;
    width: 141px;
    margin-left: 20%;
    margin-bottom: 1%;
}

/**Campo de texto de nombre de tema*/
.textfield-nombre{
    font-family:"Century Gothic"; 
    max-height:75px;
    min-height:75px; 
    max-width: 250px; 
    min-width: 880px; 
    
    }
.submenu-table a{color:#FFFFFF;}

input.link2 {
font-size: 1em;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
vertical-align:middle;
font-size:20px;
color:#FFFFFF;
text-align:left;
font-family: "Century Gothic";                       
-moz-user-select: text;}

input.link2 span {
text-decoration: underline;
}
input.link2:hover span,
input.link2:focus span 
{
color: #FFFFFF;
}
.mora-pastel{
	background-color:#9F8DD9 !important;
	border-color:#9F8DD9 !important;
}
.mora-pastel2{
	border-color:#9F8DD9 !important;
}
.estandares{
	background:url(../images/estandares_p_l.png) no-repeat 10px 15px;
}


/*estilos de ayuda*/

/* popup_box DIV-Styles*/
#popup_help { 
	display:none; /* Hide the DIV */
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6 */  
	height:500px;  
	width:600px;  
	background:#FFFFFF;  
	left: 350px;
	top: 50px;
	z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
	margin-left: 15px;  
	border:4px solid #999999;
	-moz-box-shadow: 0 0 5px #CCCCCC;
	-webkit-box-shadow: 0 0 5px #CCCCCC;
	box-shadow: 0 0 5px #CCCCCC;
	border-radius:10px;
	moz-border-radius:10px;  	
	webkit-border-radius:10px;
	font-family: "Century Gothic";
	padding: 0 0 5px 0;
}

a{  
    cursor: pointer;  
    text-decoration:none;  
} 

#helpMove{
	border-radius:4px 4px 0 0;
	moz-border-radius:4px 4px 0 0;  	
	webkit-border-radius:4px 4px 0 0;
	background:#999999;
	color:#FFF;
	height:50px;
	line-height:35px; 
	cursor:move;
	font-family: "Century Gothic";
	font-size:25px;
	vertical-align:top;
	padding: 0 0 0 20px;
}

#helpMove img{ padding-right:10px; vertical-align:text-top;}

#closePopupHelp {
	font-size:20px;  
	line-height:15px;  
	right:5px;  
	top:5px;  
	position:absolute;  
	color:#FFF;  
	font-weight:500;	
	font-family: "Century Gothic";
}
.contenido{
	padding:5px 5px 5px 5px;
	}
	
.letra-tabs{
	padding:0 10px 0 10px;
	display:inline-block;
	height:28px;
	line-height:28px;
	margin:0;
	font-size:12px;
	color:#FFF;
}

.body-ayuda{
	padding: 0 10px 10px 10px;
	overflow:hidden;
}

.cont-ayuda{
	clear:both;
	width:540px;
	overflow:hidden;
	padding: 5px 5px 5px 5px;
	max-width:540px;
	height:390px;
	max-height:390px;
}

/*para promover estudiantes*/
.cont-block{
	clear:both;
	width:400px;
	overflow:hidden;
	padding:10px 10px 25px 10px;
}

.cont-block span{
	padding:0 0 2px 5px;
	margin:0 0 5px 0;
	display:inline-block;
}
.cont-block div label{
	display:inline-block;
	width:160px;
	font-size:14px;
	float: left;
}
.cont-block div input{
	display:inline-block;
	width:240px;
	
}
.no-superpone{position:absolute; clip:rect(-50px,700px,17px,0px); line-height:16px;}
.no-superpone2{position:absolute; clip:rect(0px,600px,25px,0px); line-height:25px; top:160px;}
.no-superpone3{clip:rect(0px,700px,25px,0px); line-height:25px; top:160px;}

.list span{overflow: hidden;}

.recuperar-contraseña a { color:#FFFFFF;}
.login-form group{ margin-bottom:20px;}
.text-area-estandares{width:248px; height:82px; max-width:248px; max-height:82px;}
.rxt{ padding-top:30px; line-height:normal;}
.textarea-coment{font-family:"Century Gothic"; max-height:85px; max-width: 746px; min-height: 50px;min-width: 746px;margin-left:10px; margin-top:10px;}
::-webkit-input-placeholder  {  font-style:italic; }
input:-moz-placeholder {  font-style:italic; }

/*lista de chequeo */
.margen { margin:20px;}
.h3-name-topic{ width:500px; vertical-align:top}
.no-superpone4{/*position:absolute; clip:rect(-50px,700px,20px,0px); margin-top:-8px*/overflow: hidden; width:800px; height:28px;line-height:30px;}
.borde-lista{ border:5px solid #C8CCCE; height:90%; padding:10px; margin-bottom:30px;}
.label-lista{ font-size:16px; margin-bottom:10px;}
.punto-lis{
	background:url(../images/etapa-punto_p_s.png) no-repeat left top;
}
.investigacion-lis{
	background:url(../images/etapa-recoleccion_p_s.png) no-repeat left top;
}
.desarrollo-lis{
	background:url(../images/etapa-desarrollo_p_s.png) no-repeat left top;
}
.relacion-lis{
	background:url(../images/etapa-relacion_p_s.png) no-repeat left top;
}
.botones{float:right;margin:20px;padding-right:5px;}

.comentario{
	background:url(../images/conversacion_p_s.png) no-repeat;
	color:#FFF;}
.textarea-coment{font-family:"Century Gothic"; max-height:85px; max-width: 746px; min-height: 50px;min-width: 746px;margin-left:10px; margin-top:10px;}

/*pag jhon */
.no-superpone6{overflow: hidden; width:300px;line-height:30px;}
.text-popup{width:651px; height:83px; max-width:651px; max-height:83px;}
.label-popup{float:none;width:150px; vertical-align:middle; padding-left:10px}
.PromoteDialog{width:800px; height:200px; top:30px;}
.pop-bod{width:700px; overflow-x:hidden;}
.pop-subm{width:700px; margin-left:10px; margin-bottom:0px;}
.pop-bod2{height:350px;overflow-x:hidden;}
.divi { margin:20px;}


/*reporte analistas*/
.tabla-analistas td{border:1px solid #CCC !important; font-size:14px;
text-align: center !important;
padding:5px !important;
}

.tabla-analistas{overflow-x:scroll !important; width:800px;}

/*reporte analistas*/
.tabla-simple td{border:1px solid #CCC !important; font-size:14px;
padding:5px !important;
}

.tabla-simple{overflow-x:scroll !important; width:100%;}

/*demonio*/
.iniciar{
	background:url(../images/iniciar.png) no-repeat left top;
}
.detener{
	background:url(../images/detener.png) no-repeat left top;
}
.recargar{
	background:url(../images/recargar.png) no-repeat left top;
}

.terminar{
	background:url(../images/terminar_p_s.png) no-repeat left top;
}
.terminar-tema{
	background:url(../images/terminar-gray.png) no-repeat left top;
}
.terminar-tema:hover{
	background:url(../images/terminar_P_s.png) no-repeat left top;
}

.texto-conversacion div
{
    border-style:solid;
    border-color:#B7B7B7;
    border-width:1px;
    margin-right: 30px;
}

/*lista de calidad new*/
.rotar{/*left:80px;*/ padding-left:10px; -webkit-transform:  rotate(-90deg);-moz-transform:  rotate(-90deg);-o-transform:  rotate(-90deg);writing-mode: lr-tb;text-align:center; padding-top:30px; padding-right:10px;}
.tabla-calidad th{border:1px solid #CCC !important; font-size:14px;
text-align: center !important;}
.input-list{vertical-align:middle}
.botones-list{float:left;margin:20px;padding-right:5px;}
.tabla-calidad td{border:1px solid #CCC !important; font-size:14px;
text-align: center !important;
padding:5px !important;
vertical-align:middle;
}
.tabla-calida{overflow-x: scroll !important; width:800px;}
.textarea-calida{width:100%;max-width:1070px; max-height:60px; min-height:80px;}
.label-calida{vertical-align:middle; font-size:18px;}
.img-calida{background-color:#936;vertical-align:middle; margin:0px;}
.header-calida{width:100%;vertical-align:middle; color:#FFFFFF; padding-top:5px;}
.add-progress{
	background:url(../images/btn-new-gray.png) no-repeat left top;
}
.hide-comments{
	background:url(../images/img/menos.png) no-repeat left top;
}
.hide-comments:hover{
	background:url(../images/menos.png) no-repeat left top;
}
.add-progress:hover{
	background:url(../images/nuevo_p_s.png) no-repeat left top;
}
.delete-gray{
	background:url(../images/btn-delete-gray.png) no-repeat left top;
}
.delete-gray:hover{
	background:url(../images/eliminar_p_s.png) no-repeat left top;
}
.edit-gray{
	background:url(../images/curso_gray_S.png) no-repeat left top;
}
.edit-gray:hover{
	background:url(../images/curso_p_s.png) no-repeat left top;
}

/*familia temas*/
.familia{
	background:url(../images/familia_p_s.png) no-repeat 5px 4px;
}

/*contenedor para edición de familia de temas*/
.cuadro{
	clear:both;
	width:1180px;
	overflow:hidden;
	padding:10px 10px 25px 10px;
	min-height:350px;
}

.cuadro span{
	padding:0 0 2px 5px;
	margin:0 0 5px 0;

}

.cuadro div label{
	display:inline-block;
	width:160px;
	font-size:14px;
	float: left;
}
.cuadro div input{
	display:inline-block;
	width:240px;
	
}

.label-filtro-cita
{
    color: white;
    font-size: 17px;
}

li a { color:#000;}
label.cumplio{font-size:14px; margin-right: 20px; display:none;}

/*para los links*/
.links a{
	

	font-family: "Century Gothic";
	color: #006680;
	
}
.links a:hover{
	color:#399BBC;
}


/*filtros listado matriz de temas*/
.label-filtro-matrix{
	
color: white;
font-size: 15px;
padding-left:25px;}

.filto-matrix{vertical-align:-10px;}

.iframe{width: 99%;height: 99%;}

.comentarioText {
    font-family: "Century Gothic";
    max-width: 1250px;
    min-height: 85px;
    min-width: 1250px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: white;
}

/*texto enriquecido*/

.prueba-text { display:inline; position:relative}
.prueba-text2 {}

.reportDiv
{
    margin: auto;
}

#TB1_Menu{
    margin: auto;
}


/*Estilos para las grillas */
#myGridView{
  margin-left:125px;
   
}

#GridViewUser{
    margin:auto;
}

.image-preview{
    float: right;
    margin-top: 10px;
    color:#048EC4;
}

.image-preview div{
    margin: auto;
    width:45px;
}

.image-preview div img{
    width: 42px;
    margin: auto;
}

.image-preview a{
    font-size: 14px;
    width: 100px;
    display: inline-block;
    line-height: normal;
    text-align: center;
}

.image-preview a:link    { color:#048EC4;}
.image-preview a:visited { color:#048EC4;}
.image-preview a:active  { color:#048EC4;}

.image-preview a:hover{
    font-weight:bold;
    text-shadow: 0px 0px 20px #B1D6EB;
}

.leyend-home{
    font-size:15px; 
    color:#AF221D;
    margin-top:20px;
    margin-bottom:20px;
}
.recuperar-contraseña{
	margin-top:20px;
	vertical-align:middle;
}

.recuperar-contraseña:hover{
	color:#999;
}
	
.btn-contraseña{
	width: 200px;
	height: 32px;
	background-color:#C00000;
	border:1px solid #FFF;
	margin-top:20px;
	cursor:pointer;
	color:White;
	font-family: "Century Gothic";
}

.btn-contraseña:hover{
	width: 200px;
	height: 32px;
	font-weight:bold;
	background-color:#960404;
}
.inputLogin{
    color: white; 
    height: 30px; 
    padding: 3px 5px 3px 5px; 
    border-style: none; 
    background-image: url(../images/prueba.png); 
    font-size: 14px;
    width:400px;
}

.btnLoginExternal{
    width: 60px;
    height: 57px;
    background-repeat: no-repeat;
    border: none;
    color: transparent;
    cursor:pointer;
}

.menu{
    background-color: #062E3B;
    height: 45px;
    padding-left: 42%;
}

.menu ul li a {
    font-size:11px;
    text-decoration: none;
    float:left;
    padding: 10px;
    background-color: #062E3B;
    color: #fff;
    height: 25px;
    line-height:30px;
    padding-left:45px;
    outline:0;
    width:auto;
    margin:0;
}

.item-home{
    background:url(../images/home.png) no-repeat 5px 4px;
}

.item-help{
    background:url(../images/ayuda.png) no-repeat 0px 0px;
}

.item-indicators{
    background:url(../images/indicadores.png) no-repeat 0px 0px;
}

.menu ul li a:hover {
    background-color: #67A0BA;
    margin-top:-2px;
    padding-bottom:12px;
}

footer{
    position:fixed;
    bottom: 0px;
    height:16px;
    top:initial;
    text-align:left;
    padding:15px 15px 15px 0px;
    background-color: #C1BFC0;
    width: 100%;
    font-size:13px;
    color:#fff
}
.table-space{
    width: 100%;
    height: 45px;
}
.content-body{
    padding: 12px;
}

.tr-Etapa{
    border-bottom: 4px solid;
}
         
.subtitleEtapa{
    vertical-align: middle;
    padding-left: 34px;
    font-size: 15px;
    padding-top: 5px;
}
        
.titleEtapa{
    font-size: 17px;
    vertical-align: middle;
    font-weight: bold;
}
        
.tr-Etapa td div, .tr-Etapa td div img{
    height:36px;
}

.error1{background:url(../images/error1.png); background-repeat:no-repeat;}
.error2 { background-image:url(../images/error2.png);  background-repeat:no-repeat;}
.error3 { background-image:url(../images/error3.png); background-repeat:no-repeat; }
.error-cont{ height:550px;}
.leyend-error{ width:100%;color:#AF221D; font-size:24px; margin:200px 50px 50px 50px;}

#menu { 
    text-align: right;
    padding: 1px;
    margin-top:15px;
    /*height: 35px;*/
}

#menu li {
    list-style: none; 
    display: inline-block; 
}

#menu a {
    height: 25px; 
    color: #fff; 
    /*padding: 10px; */
    padding-left: 30px; 
    display: block; 
    font-size: 15px; 
    margin: 0; 
    text-decoration: none;
    line-height: 30px; 
    float:left;
}

.cortar
{
    width: 510px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.rowGridViewPlan:hover{
    background-color:#EAEAEA !important;
}

.rowGridViewPlan{
    cursor:pointer;
}

.headerPlanGridView{
    background-color: #00883D !important;
    color: white;
    font-size: 15px;
    white-space: inherit !important;
}

.headerEstGridView{
    background-color: #049AD5 !important;
    color: white;
    font-size: 14px;
    white-space: inherit !important;
}