.main_cuerpo{		
	background: #dfe5d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #dfe5d7 0%, #b3bead 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe5d7), color-stop(100%,#b3bead)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dfe5d7 0%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dfe5d7 0%,#b3bead 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dfe5d7 0%,#b3bead 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dfe5d7 0%,#b3bead 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe5d7', endColorstr='#b3bead',GradientType=0 ); /* IE6-8 */
	min-height: 600px;

}
.frm{
	width:70%;
	margin:auto;
	padding: 20px;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 5px 5px #000000;
	box-shadow: 0px 0px 5px 5px #000000;
	text-align: center;
}
.label_tema{
	color:white;
	font-size:20px;
	font-family: Verdana;
	padding: 10px;
}
.label_up{
	color:white;
	font-size: 16px;
	padding: 5px;
}
input {
	width: 90%;
}
.btn_l{
	float: left;
	margin-left: 5%;
}
.btn_r{ float: right;margin-right: 5%;}
.btn_l,.btn_r{
	width: 40%;
	color:#000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	height: auto;
	padding: 10px;
	border:1px solid #000;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.fixline{
	clear:both;
}
.img_btn{
	width:250px;
	height: 250px;
}
.error{
	color:#E32020;
	font-weight: bold;
	padding: 10px;
	margin: auto;
	text-align: center;
}
.ok_m{
	background: #ffc578; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzU3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-8 */
	color:#000; font-size: 18px;padding: 10px; text-align: center; margin:auto;
	font-weight: bold;
	cursor: pointer;
}
.menu-list-mine{
	width:30%;
}
.main-content-min{
	width:70%;
}
.conespacio{
	margin-left: 15px;
}
.banner {
	background: #f7f7f7;
	text-align:center;
}
.banner, .bn {
	/*max-width: 600px;*/
	margin:auto;
}
.reporte_2{
	margin: auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	max-width: 600px;
	min-width: 500px;
}
.reporte_2_lu{
	min-width:90%;
	max-width:100%;
}
.reporte_2 td,th{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:5px;
}
.reporte_2 th{
	background: #3057a2;
	color:#ffffff;
	text-shadow: 1px 1px 5px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.reporte {
	margin: auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	min-width: 600px; max-width: 600px;
}
.reporte td,th{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:5px;
}
.reporte th{
	background: #3057a2;
	color:#ffffff;
	text-shadow: 1px 1px 5px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.tb_crit th{
	background: #007500;
	color:#ffffff;
	text-shadow: 1px 1px 5px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.innerinfo{
	max-width: 600px; 
	min-width: 600px;
}
.innerinfo td{
	border:none !important;
	padding: 3px;
}
.promedio{padding: 5px; font-size: 22px; font-weight: bold;
	text-align: right;
    margin-right: 50px;
    margin-bottom: 10px;
    color:#000000;
}
.nota{text-align: center;}
.prom{text-align: center;font-weight: bold; font-size: 18px;}
.tb_crit{
	margin: auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	min-width: 600px; max-width: 600px;
}
.tb_crit td,th{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding:5px;
}
.publicado{
	color:#000000;
}
.guardado{
	color:#c0c0c0;
}
.label_top{float:left; margin-left: 10px;margin-bottom: 10px; padding: 5px;}
.indicaciones{font-weight: bold;clear:both;margin-left:10px;margin-bottom: 10px; }
.totalx{
	position: relative;
	max-width: 650px;
	font-weight: normal;
	padding: 5px;margin:auto;
}
.ttx{
	padding: 5px;vertical-align: middle;font-size:25px;text-shadow: 1px 0px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=0);
	font-weight: bold;
	float:right;
}
.ttx2{
	padding: 5px;vertical-align: middle;font-size:25px;text-shadow: 1px 0px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=0);float: right;margin-left: 5px;
	font-weight: bold;
}
.btn_container_add_mine{
	max-width: 200px; float:right;
}
.header_repo{
	padding: 5px;margin: auto;max-width: 600px;
}

.nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
#cali .ui-icon { background:  url(img/pen.png) 50% 50% no-repeat; background-size: 32px 30px; }
#repo .ui-icon { background:  url(img/repo.png) 50% 50% no-repeat; background-size: 32px 30px; }
#usr .ui-icon { background:  url(img/usr.png) 50% 50% no-repeat; background-size: 32px 30px; }
#notax .ui-icon { background:  url(img/ic_menu_compose.png) 50% 50% no-repeat; background-size: 32px 30px; }

/* Style the Image Used to Trigger the Modal */
#myImg {
  width:100%;
  max-width:80%
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  min-height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  max-width: calc(100% - 100px);
  max-height: 700px;
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 768px){
  .modal-content {
    width: 90%;
	max-width: calc(100% - 10px);
  }
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal {
	padding-top: 100px; /* Location of the box */
  }
  .close {
    right: 15px;
  }
}

@media screen and (max-width: 600px){/*logo en telefonos horizontal*/
	.banner,.bn {
		max-width: 400px;margin:auto;
	}
	.reporte {
		min-width: 400px; max-width: 400px;
	}
	.reporte_2 {
		min-width: 400px; max-width: 400px;
	}
	.tb_crit {
		min-width: 400px; max-width: 400px;
	}
	.innerinfo{
		max-width: 400px; 
		min-width: 400px;
	}
}	
@media screen and (max-width: 400px){/*baner entelefono vertical*/
	.banner, .bn {
		max-width: 300px;margin:auto;
	}	
	.reporte {
		min-width: 300px; max-width: 300px;
	}
	.reporte_2 {
		min-width: 300px; max-width: 300px;
	}
	.tb_crit {
		min-width: 300px; max-width: 300px;
	}
	.innerinfo{
		max-width: 300px; 
		min-width: 300px;
	}
}