/* ------ layout
-----------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0px;
	padding:0px;
}
a{
	text-decoration:none;
	color:#2D64A2;
}
h2{
	padding:2px;
	font-size:16px;
	color:#25678B;
}
.box {
float:left;
clear:both;
width:100%;
margin-bottom:80px;
}

.paragraph {
margin-bottom:25px;
}

.paragraph p {
margin-bottom:5px;
}

pre {
border:1px dotted #ddd;
padding:15px;
background:#F2F2F2;
}

.footer {
position:fixed;
bottom:0;
left:0;
width:100%;
background:#2D2D2D;
color:#EAEAEA;
padding:20px 0;
}

.footer a {
color:#EAEAEA;
}

.footer a:hover {
color:#E4842C;
}

.footer .inside {
font-family: 'Lobster', arial, serif;
font-size:22px;
text-align:center;
}

/* ------ anchors
-----------------------------------------------*/
#footer{
	width:100%;
	text-align:center;
	color:#724E3D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menu-lat{
	margin:0px;
	padding:0px;
	width:auto;
}
.menu-lat li{
	list-style:none;
	margin:2px;
	width:200px;
}
.menu-lat li a{
	width:100%;
	display:block;
	padding:5px;
	font-size:14px;
}
.list-i{
	margin:0px;
	padding:0px;
}
.list-i li{
	list-style:none;
}
.header{
	background-color:#236D83;
	color:#ffffff;
	font-weight:700;
	font-size:18px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
}
hr
{
  background-color:#032893;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.sizeAll
{
  width:100%;
  height:100%;
}

.burbuja
{
  border:1px solid #B7B7B7; 
  behavior:url(border-radius.htc);
  border-bottom-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-right-radius:8px;
  border-top-left-radius:8px;
  padding:0.5em;
}
.gradient-gray
{
  background-image:-moz-linear-gradient(top,#fff 0,#eae9e8 100px);
  background-image:-ms-linear-gradient(top,#fff 0,#eae9e8 100px);
  background-image:-o-linear-gradient(top,#fff 0,#eae9e8 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100px,#eae9e8));
  background-image:-webkit-linear-gradient(top,#fff 0,#eae9e8 100px);
  background-image:linear-gradient(to bottom,#fff 0,#eae9e8 100px); 
}
.gradient-gray-menu:hover
{
  background-image:-moz-linear-gradient(top,#949595 0,#181818 50px);
  background-image:-ms-linear-gradient(top,#949595 0,#181818 50px);
  background-image:-o-linear-gradient(top,#949595 0,#181818 50px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#949595),color-stop(50px,#181818));
  background-image:-webkit-linear-gradient(top,#949595 0,#181818 50px);
  background-image:linear-gradient(to bottom,#949595 0,#181818 50px);
}
.gradient-gray-menu
{
  background-image:-moz-linear-gradient(top,#c7c9ca 0,#343535 50px);
  background-image:-ms-linear-gradient(top,#c7c9ca 0,#343535 50px);
  background-image:-o-linear-gradient(top,#c7c9ca 0,#343535 50px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c7c9ca),color-stop(50px,#343535));
  background-image:-webkit-linear-gradient(top,#c7c9ca 0,#343535 50px);
  background-image:linear-gradient(to bottom,#c7c9ca 0,#343535 50px);
  color:#fff;
}

.gradient-blue-enlace
{
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8fa9f3,EndColorStr=#032893);
  background-image:-moz-linear-gradient(top,#8fa9f3 0,#032893 45px);
  background-image:-ms-linear-gradient(top,#8fa9f3 0,#032893 45px);
  background-image:-o-linear-gradient(top,#8fa9f3 0,#032893 45px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8fa9f3),color-stop(45px,#032893));
  background-image:-webkit-linear-gradient(top,#8fa9f3 0,#032893 45px);
  background-image:linear-gradient(to bottom,#8fa9f3 0,#032893 45px); 
  color:#fff;
}
.gradient-blue
{
  background-image:-moz-linear-gradient(top,#217DA0 0,#A0DCE9 100px);
  background-image:-ms-linear-gradient(top,#217DA0 0,#A0DCE9 100px);
  background-image:-o-linear-gradient(top,#217DA0 0,#A0DCE9 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#217DA0),color-stop(100px,#A0DCE9));
  background-image:-webkit-linear-gradient(top,#217DA0 0,#A0DCE9 100px);
  background-image:linear-gradient(to bottom,#217DA0 0,#A0DCE9 100px);
  color:#fff;
  text-shadow:#063f60;
}
.gradient-blue:hover
{
  background-image:-moz-linear-gradient(top,#217DA0 0,#17293E 100px);
  background-image:-ms-linear-gradient(top,#217DA0 0,#17293E 100px);
  background-image:-o-linear-gradient(top,#217DA0 0,#17293E 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#217DA0),color-stop(100px,#17293E));
  background-image:-webkit-linear-gradient(top,#217DA0 0,#17293E 100px);
  background-image:linear-gradient(to bottom,#217DA0 0,#17293E 100px);
  color:#fff;
  text-shadow:#063f60;
}

.gradient-orange
{
  background-image:-moz-linear-gradient(top,#d06005 0,#f0a727 100px);
  background-image:-ms-linear-gradient(top,#d06005 0,#f0a727 100px);
  background-image:-o-linear-gradient(top,#d06005 0,#f0a727 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d06005),color-stop(100px,#f0a727));
  background-image:-webkit-linear-gradient(top,#d06005 0,#f0a727 100px);
  background-image:linear-gradient(to bottom,#d06005 0,#f0a727 100px);
  color:#fff;
  text-shadow:#063f60;
}
.gradient-red-error
{
  background-image:-moz-linear-gradient(top,#ffffff 0,#fdb5b5 100px);
  background-image:-ms-linear-gradient(top,#ffffff 0,#fdb5b5 100px);
  background-image:-o-linear-gradient(top,#ffffff 0,#fdb5b5 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(100px,#fdb5b5));
  background-image:-webkit-linear-gradient(top,#ffffff 0,#fdb5b5 100px);
  background-image:linear-gradient(to bottom,#ffffff 0,#fdb5b5 100px);
  color:#ac1400;
  text-shadow:#063f60;
}
.gradient-green-ok
{
  background-image:-moz-linear-gradient(top,#ffffff 0,#c7fdb5 100px);
  background-image:-ms-linear-gradient(top,#ffffff 0,#c7fdb5 100px);
  background-image:-o-linear-gradient(top,#ffffff 0,#c7fdb5 100px);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d06005),color-stop(100px,#c7fdb5));
  background-image:-webkit-linear-gradient(top,#ffffff 0,#c7fdb5 100px);
  background-image:linear-gradient(to bottom,#ffffff 0,#c7fdb5 100px);
  color:#0e4a03;
  text-shadow:#063f60;
}
.cell
{
  width:130px;
  display: inline-block;
  font-size:14px;
  font-weight:normal;
  text-align:center;
}
.leerMas
{
  color:#04537f;
  text-decoration:none;
  padding: 5px;
}
.leerMas:hover
{
  color:#4d636f;
  text-decoration:underline;
}
.border-white
{
  border:#fff 1px solid;
}
.font-normal
{
  font-weight:normal;
  
}
.inputCmp
{
  padding:0.4em;
  color:#494949;
  background-color:#FAFAFA;
  text-shadow:#fff 0px 1px 1px;
  border:1px solid #BBB;
  
  border-radius:5px;
  behavior:url(border-radius.htc);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.viewNotificacion
{
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  behavior:url(border-radius.htc);
  border-bottom-left-radius:15px; 
  border-top-left-radius:15px;  
  border-bottom-right-radius:15px;  
  border-top-right-radius:15px;
  
  padding:20px; 
}
.labelView
{
  display:inline-block;
  margin:5px;
  text-align:left;
  width:60px;
  background:url(img/bgs.png) repeat-x;
  padding:5px;
  color:#183E09;
  opacity:0.8;
}
.labelContentView
{
  display:inline-block;
  padding:5px;
  text-align:left;
  color:#163412;
}
.contentMsgView
{
  padding:10px;
  color:#163412;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  behavior:url(border-radius.htc);
  border-bottom-left-radius:3px;  
  border-top-left-radius:3px; 
  border-bottom-right-radius:3px; 
  border-top-right-radius:3px;
  border:1px solid #49BA2E;
  margin:5px;
}
.labelContentView a
{
  text-decoration:none;
  color:inherit;
  width:180px;
  height:30px;
  display:inline-block;
  text-align:center;
  padding:5px;
  background:url(img/bgtb-m.png) repeat-x;
  text-shadow:#FFF 0px 1px 1px;
  padding-top:8px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  behavior:url(border-radius.htc);
  border-bottom-left-radius:10px; 
  border-top-left-radius:10px;  
  border-bottom-right-radius:10px;  
  border-top-right-radius:10px;
}
.labelContentView a:hover
{
  background:url(img/bgh.png) repeat-x;
}
.font-blue
{
  color:#022a41;
  text-shadow:#fff;
}
@font-face { font-family: Athena; src: url('fonts/athena_u.TTF'); } 
@font-face { font-family: Aubrey; src: url('fonts/AUBREY1__.TTF'); } 
@font-face { font-family: Bienetresocial; src: url('fonts/Bienetresocial.ttf'); } 
@font-face { font-family: Bienetresocial-Bold; font-weight: bold; src: url('fonts/Bienetresocial-Bold.ttf'); }
.enlace
{
  text-decoration:none;
  width:150px;
  padding: 0.2em;
  display: inline-block;
  text-align:center;
}
.foto
{
  width:150px;
  height:170px;
  border:1px solid #B7B7B7; 
  behavior:url(border-radius.htc);
  border-bottom-left-radius:15px;
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  border-top-left-radius:15px;
}
.titulos
{
  border:1px solid #fff;  
  behavior:url(border-radius.htc);
  border-bottom-left-radius:0px;
  border-top-right-radius:15px;
  border-bottom-right-radius:0px;
  border-top-left-radius:15px;
  font-family:"helvetica";
  padding-left: 10px;
  padding-right: 10px;
  font-weight:normal;
  font-size:12px;
  width:87%;
  display: inline-block;
  text-align:justify;
}
.texto
{
  color: #aaa;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight:normal;
  font-size:13px;
  width:87%;
  text-align:justify;
  display: inline-block;
  font-family:"Athena";
}
.des-cornerTop
{
  border-top-right-radius:0px;
  border-top-left-radius:0px; 
}
.des-cornerBottom
{
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;  
}
.negrita
{
  font-weight:bold;
}
.section
{
  height:330px;
}
.sinPadding
{
  padding:0px;
}
.sinMargin
{
  margin: 0px;
}
.sinBorde
{
  border:0px;
}
.new-article
{
  height:185px;
}
.names, .dates
{
  padding: 10px;
  display: block;
}
.gridOne, .gridFour, .gridTwo, .gridThree, .gridFive, .gridSix, .gridSeven, .gridSeparator
{
  margin:2px;
  display: inline-block;
  text-align:left;
  font-family:"Aubrey","helvetica";
}
.gridOne
{
  width:96%;
  font-weight:bold;
  padding: 10px;
}
.gridTwo
{
  width:100%;  
}
.gridThree
{
  width:180px;
}
.gridFour
{
  width:160px;
}
.gridFive
{
  width:200px;
}
.gridSeparator
{
  width:50px;
}
.reprobado{
  color:#f00;
  font-weight:bold;
  text-decoration:underline;
}
.regular{
  color:#ef6204;
  font-weight:bold;
}
.excelente{
  color:#0b0;
  font-weight:bold;
}
.rep-calificacion{
  margin: 0px;
  padding: 0px;
}
.rep-calificacion li{
  list-style: none;
  margin: 2px;
  float: left;
}
.rep-calificacion li a{
  display: block;
  width: 80px;
  padding: 5px;
  font-size: 10px;
  background-color: #888888;
  color:#ffffff;
}
.rep-calificacion li a:hover{
  background-color: #333333;
}
.rep-calificacion li.oficio a{
  display: block;
  width: 80px;
  padding: 5px;
  font-size: 10px;
  background-color: #aa0000;
  color:#ffffff;
}
.rep-calificacion li.oficio a:hover{
  background-color: #550000;
}
div.wrapper-e{
	width:850px;
}
table td{
	font-size:14px;
	background-color:#EFEFEF;
	color:#363636;
}
span.yellow{
	color:#FBED3C;
}
.hpub{
	background-color:#646464;
	color:#ffffff;
	padding:5px;
	font-size:16px;
}
.menu-gpo{
	padding:0px;
	margin:0px;
}
.menu-gpo li{
	list-style:none;
	margin:2px;
	float:left;
	border:1px solid #C7C7C7;
}
.menu-gpo li a{
	width:auto;
	padding:5px;
	display:block;
	background-color:#D3EEF1;
}
.menu-gpo li a:hover{
	background-color:#9EC9CD;
}
.h-menu{
	background-color:#1B7BAF;
	color:#ffffff;
	border:1px solid #67CCDE;
}
.h-menu:hover{
	background-color:#228E8E;
	color:#ffffff;
	border:1px solid #64DDDD;
}
.nPermisos{
  color: #FFFFFF;
  font-weight: bolder;
  font-size: 12px;
  text-align: center;
  width: 35px;
  height: 26px;
  display:inline-table;
  padding: 3px;
  padding-left: 8px;
  padding-top: 8px;
  background: url(../images/tip-1.png) no-repeat center center;
}
/*=======================*/

.pagina{
    background-color: #C7C7C7;
    width:810px;
    padding: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.pagina .left-page{
    background-color: #FFFFFF;
    width: 600px;
    display: inline-table;
    border:1px #363636 solid;
    box-shadow: 2px 3px 0px #363636;
}
.pagina .right-page{
    background-color: #C7C7C7;
    width: 200px;
    display: inline-table;
    vertical-align: top;
}
.menu-permiso{
    text-align: left;
}
.menu-permiso a{
    padding: 5px;
    margin: 5px;
    border:1px solid #64DDDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color:#ffffff;
    background-color: #1C7EB9;
}
.list-permiso{
    margin:0px;
    padding: 0px;
}
.list-permiso li{
    border:#aaaaaa solid 1px;
    margin: 2px;
    width: auto;
    list-style: none;
    background: url(../images/border-left.png) no-repeat;
    background-color: #dddddd;
}
.list-permiso li.activo{
    background: none;
    background-color: #FFFFFF;
    box-shadow: 2px 3px 0px #363636;
    -moz-box-shadow: 2px 3px 0px #363636;
    -webkit-box-shadow: 2px 3px 0px #363636;
}
.list-permiso li.title{
    background: none;
    background-color: #67CCDE;
    padding: 5px;
    color:#FFFFFF;
    border: 1px solid #ffffff;
    text-transform: uppercase;
}
.list-permiso li a{
    width: 97%;
    display: block;
    padding: 5px;
}
.table-page {
    background-color: #ffffff !important;
}
.logo-umsnh, .logo-fim{
    width:80px;
    height: 80px;
}
.logo-umsnh{
    background: url(../images/umsnh-logo.jpg) no-repeat center center;
}
.logo-fim{
    background: url(../images/fim-logo.jpg) no-repeat center center;
}
.separa-title{
    width: 100%;
    height: 25px;
    display: block;
}
.title-permiso{
    vertical-align: bottom;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15pt;
}
.menu-permiso a.cierra-permiso{
    background-color: #ef6204 !important;
    border:#550000 solid 1px !important;
}
.Folio{
    width: 100%;
    display: block;
    text-align: right;
    font-weight: 700;
}
.Folio .num-Folio{
    color:#FF0000;
    font-weight: normal;
}
.row-page{
    width: 100%;
    display: block;
    font-size: 12pt;
    text-align: left;
    margin: 10px;
    color:#666666;
    vertical-align: top;
}
.row-page .label-page{
    color:#000000;
    text-transform: uppercase;
    width:150px;
    display: inline-block;
}
.leyendas-perm{
    margin:0px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    font-size: 12pt;
    text-transform: uppercase;
    color:#000000;
}
.row-page .fecha-permiso{
    float: left;
    text-align: center;
    width: 50%;
    display: inline-block;
}
.row-page .aprobado-permiso{
    float:right;
    text-align: center;
    width: 50%;
    display: inline-block;
}
.row-page .line-textarea{
    line-height: 25px !important;
    max-width: 560px;
    min-width: 560px;
    min-height: 100px;
    border:0px;
    background: url(../images/bg-textarea.png) repeat-y;
}
.submit-permiso{
    background: url(../images/bg-button.png) repeat-y;
    border:#c7f3fd 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    cursor:pointer;
    color:#032893;
}
.aprobado-img{
    width: 22px;
    height: 22px;
}
.borra-permiso{
    background-color:#fcd1d1 !important;
    color:#990000 !important;
    border:1px solid #AA0000 !important;
}
.enlinea{
    display: inline-table;
}
.usr-active{
    color:#228E8E;
    margin-top: 10px;
    margin-bottom: 10px;
}