/* 
 * Diseño de Tablas inputs fieldsets textarea etc
 * Mixed by Marcexl 
 * version 18012016
 * ultima actualizacion 
 * - universal th y novus th
 */

form table{
	border-collapse:collapse;
	font-family:inherit;
	margin: 0 auto;
}
.TablaIECons{
	border-collapse:collapse;
	font-family:inherit;
	font-size:11px;
	width: 80%;
  	text-align: left;
  	border: 1px solid #ccc; 
}

.TablaIECons td{
	margin-top:15px;
	padding:5px;
	border: 1px solid #ccc; 

}

legend{
	margin:0 auto;
	font-family: arial,sans-serif;
	color: #6B6B6B;
	text-align:center;/*para mozilla*/
}

form label{
	font-family: arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin:0 15px 0 0;
}

#cuerpo label{
	font-family: arial,sans-serif;
	  font-size: 12px;
	font-weight: normal;
	color:#333;
	margin:0 15px 0 0;
}

.pagedisplay{
	font-family: arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#333;
	margin:0 15px;
}

form select{
    margin-left: 5px;
	margin: 5px 0;
	background-color: #FFF; 
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	height:27px;
	padding: 0 0 0 5px;
}

#cuerpoCalendar{
	margin:0 auto;
	width:90%;
	height:auto;
	font-family:inherit;
	font-size:11px;
	margin-bottom:55px;
}

#cuerpoMxl{
	margin:0 auto;
	width:80%;
	height:auto;
	font-family:inherit;
	font-size:11px;
	margin-bottom:55px;
}

form table tr td{
	padding:5px;
	font-size: 12px;
} 

#tit{
	font-weight: bold;
	font-size: 16px;
}	

#camp{
	text-transform:uppercase;
}

td.items{	
	text-align:right;
	padding-right:5px;
}

#tmil tr{
	width:auto;
	height:25px!important;
}

.univerSal, .novusMxl{
	background-image: url(/images/white_transp.png);
	background-repeat:repeat;
}

.mxlPortal tr{
	vertical-align:middle;
	}

.mxlPortal tr td a{	
	font-family:inherit;
	font-size:11px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	margin-top: 5px;
	width: 150px;
	}

.mxlPortal tr td a:hover{	
	text-decoration:underline;
	color:#0C0;
	width: 150px;
	}

.mxlPortal tr td{
	padding:5px;
	font-family: arial,sans-serif;
	font-size:12px;
	font-weight:normal!important;
}

.mxlPortal tr td ul{
	margin:0;
	padding:0;
}

.mxlPortal tr td li{
	list-style:none;
	display:inline-block;
}	

.mxlPortal a img{
	max-width: 80%;
	border-radius: 20px;
	border: 1px solid #FFF;
}

.mxlPortal a img:hover{
	border: 1px solid #508968;
	opacity: .5;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
}

.mxlPortal ol li{
	list-style:none;
	display:inline-block;
}	

.titlesPortal{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#999;
	}

.ayuda{
	font-size: 14px;
	color: #666;
}
.ayuda tr td{
	vertical-align: top;
}

.univerSal{
	font-size: 14px;
	color: #666;
	border:1px solid #ccc;
	margin: 0;
	padding: 0;	
}
.univerSal th, .novusMxl th{
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px 10px;
	  background-color: #016A3A;
  color: #FFFFFF;
}
.univerSal tr td{
	vertical-align: top;
	padding:5px 20px;
}

.novusMxl {
	border:1px solid #CCC;
}

.novusMxl tr{
	vertical-align:middle;
}

.novusMxl tr td a{	
	font-family:inherit;
	font-size:11px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
}

.novusMxl tr td a:hover{	
	color:#0C0;
	transition: all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
}

.novusMxl tr td{
	padding:5px 30px;
	font-family: arial,sans-serif;
	font-size:12px;
	font-weight:normal!important;
}

.cuentas tr td{
	padding:5px 5px;
}

#cuentaTable{
	width: 80%;
	height: auto;
	margin:0 auto;
	overflow-x:	scroll;
	margin-bottom: 60px;
}

/*******custom-combobox**********/

.custom-combobox{
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle{
	position: absolute;
	top: 0;			
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input{
	margin: 0;
	padding: 5px 10px;
}

td.list{
	text-align:center;
	white-space:nowrap;
}


/********************
**consultar alumnos**
********************/

.col1{
	float: left;
	width: 15%;
	height: auto;
}

.col1 ul{
	padding: 0 10px;
	margin: 0;
	list-style: inside;
	list-style-type: disc;
}

.col1 ul li{
	text-align: left;
	padding: 5px 0;
}

.col1 ul li a{
	text-decoration: none;
	color: #666;
}

.col1 ul li a:hover{
	cursor: move;
}

.col2{
	float: left;
	width: 70%;
	height: auto;
	/*border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;*/
	min-height:350px; 
}

.col2 table td{
	padding: 10px 0;
}

.col2 nav{
	width: 98%;
	border-bottom: 1px solid #CCC;
	height: 30px;
	padding: 0;
	margin: 0 auto;
}

.col2 nav ul{
	padding: 0;
	margin: 0;
}

.col2 ul li a{
	text-decoration: none;
	color: #666;
}

.col2 nav ul li{
	list-style: none;
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	margin-top: 5px;
}

.col2 nav ul li a{
	padding: 5px 5px 7px 5px;
	vertical-align: top;
}

/*.col2 nav ul li img{
	padding: 5px 0 0 0;
}*/

.col2 nav ul li a:hover{
	width:auto;
	height:auto;
	color:#001550;
	opacity:0.6;
	filter: alpha(opacity=60); /* For IE8 and earlier */
	border-radius:3px;
	-moz-border-radius: 3px; 
	/*outline:1px solid #8fb9d0;*/
	background: -webkit-linear-gradient(top, #f5fcff,#d5eefb ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #f5fcff,#d5eefb); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #f5fcff,#d5eefb); /* For Firefox 3.6 to 15 */
	background: linear-gradient(top, #f5fcff,#d5eefb); /* Standard syntax */
   -webkit-box-shadow:0px 0px 0px 1px rgba(143, 185, 208, 1);
	-moz-box-shadow:0px 0px 0px 1px rgba(143, 185, 208, 1);
	box-shadow:0px 0px 0px 1px rgba(143, 185, 208, 1);	
}

.col2 span{
	padding: 0 5px;
}

.inputAlumno{
	width: 450px;
	padding: 5px;
}

.col3{
	float: right;
	margin-top: 0;
	width: 15%;
	height: auto;
}

/***other***/

.Section1{
	margin:15px 15px 35px 15px;
	border:1px solid #ccc;
	border-radius: 10px;
	padding:10px;
}

.Section1 hr{
	border-width:0;
}

.row{
	float: left;
	padding: 0;
	width: 100%;
}


#cuerpoBoletas{
	width: 90%;
	overflow-x: scroll;
	margin: 0 auto;
	margin-bottom: 55px;
}

/****admincuentas****/

ul{list-style:none;}
div#navigation li{float:left;border-right:1px solid #59d;position:relative}
div#navigation li a,.topTab{display:block;padding:5px 15px 5px 15px;color:#fff;font-weight:bold;position:relative;text-decoration:none;cursor:pointer}
div#navigation li#services{border-right:0}div#navigation li#services a img{border:none;padding-bottom:2px}.selected,
div#navigation li.submenuselect a:hover,
form#list .tablebar{background:#c2cdd8;padding:4px}
form#list th{text-align:left;padding:2px 4px 2px 4px;width:auto;border-bottom:1px solid #ccc;}
.inlinelist li,.inlinelist2 li{display:inline;padding-right:.7em}
th a.selectedmenu{background:url(/images/down_2.gif) right no-repeat;padding-right:10px;}

table th a{
	text-decoration: none; color:#666;
}

.tablebar th{
	padding: 4px;
}

.cuentas td{
	font-size: 1.2em;
	padding-top: 15px;
}

.buscar td{
	padding: 3px 5px;
}

.buscar h4{
	font-size: 12px;
}

tr.staff-grey{background-color: #CCC;}

tr.staff-green{background-color:#c7fdcc;}

tr.staff-blue{background-color:#c7ebfd;}

tr.staff-violet{background-color:#fddac7;}

tr.staff-yellow{background-color:#f7fdc7;}

tr.staff-red{background-color:#fdc7c7;}


/*********************************/
/********** Select ***************/
/*********************************/

#dependencia, #usuario_responsable{
	width: auto!important;
}

#dependencia option{
	white-space: nowrap;
}

.edit a{
	padding: 0 10px;
	text-decoration: none;
}

#fondo_recuadro{
	background: url(/images/white_transp.png) repeat;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

/****************************/
.sistemaUniversal {
	width: 95%;
}
.sistemaUniversal tr td{
	width: 50%;
}
.sistemaUniversal ul{
	list-style-position: inside;
	height: auto;
	padding:0 0 15px 15px;
	font-weight: bold;
}
.sistemaUniversal a{
	text-decoration: none;
	color: #666;
}
.sistemaUniversal a:hover{
	text-decoration: underline;
	color:#0C0;
}
.sistemaUniversal ul li{
	font-size: 14px;
	padding: 2px 0;
}
.sistemaUniversal ul li ul li{
	list-style: disc;
	font-weight: normal;
}

.oauth li{
	padding: 5px 0;
	font-size: 1.1em;
}
.avisos_vto {
	width: 95%;
	margin: 0 auto;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	background: url(/images/white_transp.png) repeat;
}
.avisos_vto tr th{
	background-color: #016A3A;
  	color: #FFFFFF;
  	font-weight: bold;
  	font-size: 14px;
  	padding: 5px 15px;
}
.avisos_vto tr td{
	padding: 5px;
	border: 1px solid #CCC;
	}
.adminLeyendas{
	width: 95%;
	height:auto;
	margin: 10px 0;
	border-collapse: collapse;
}
.adminLeyendas .row1{
	background-color: #f2f2f2;
	border-top:1px solid #CCC; 
}
.adminLeyendas .row2{
	background-color: #f5e5cb;
	border-top:1px solid #CCC; 
}
.adminLeyendas .row1 td{
	padding: 5px;
	text-align: center;
}
.adminLeyendas .row2 td{
	padding: 5px 0;
}
.adminLeyendas th{
	background-color: #016A3A;
	padding: 10px;
	color: #FFF;
}

/* top-left border-radius */
.adminLeyendas tr:first-child th:first-child,
.adminLeyendas.Info tr:first-child td:first-child {
    border-top-left-radius: 6px;
}

/* top-right border-radius */
.adminLeyendas tr:first-child th:last-child,
.adminLeyendas .Info tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.adminLeyendas tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.adminLeyendas tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}

/*Reportes*/
.mktree{
	font-size: 1.4em;
}
.mktree a{
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
.liBullet{
	font-weight: bold;
	  color: #404040;
}
/* Adm Permisos */
#miMenu{
	list-style-position: inside;
	margin-top: 20px 0 0 0;
}
#miMenu li ul li{
	list-style-position: inside;
	padding: 0 0 0 30px;
}

#miMenu li a{
	padding-right: 7px; 
}


/* noticias */

ul.noticias{
	list-style: none;
    margin: 0 auto;
    padding: 20px 0;
}   

ul.noticias > li{
	    padding: 15px;
    width: 200px;
    height: 150px;
    text-align: center;
    font-size: 1.2em;
    float: left;
    background-color: #AFCEB4;
    margin: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    box-sizing: border-box;
    display: table;
}

ul.noticias > li > a{
	    text-decoration: none;
    padding: 10px;
    display: inline;
    color: #000;
    width: 100%;
    height: 150px;
    display: block;
    margin-left: -10px;
    margin-top: -10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
}

ul.noticias > li:hover{
	background-color: orange;
}

ul.noticias > li:hover > a{
	padding-top: 25px;
}