@charset "utf-8";
/* CSS Estilos generales portal web (by) Raymundo Guerrero Barcenas */

body {
    font-family: "Lato",sans-serif  !important;
	margin:0;
	padding:0;
	font-style:normal;
	webkit-font-smoothing:antialiased;
	font-size:1em;
	background:#fbfbfb;
}

.obliga{
	font-size:0.8em;
	color:#FF0004;
	font-weight:bold;
}
/*.obligaTxt{
	background:#aed04f;
	color:#000000;
}*/

.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mt-40{
	margin-top:40px;
}
.mt-50{
	margin-top:50px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-50{
	margin-bottom:50px;
}
.mr-10{
	margin-right:10px;
}
.mr-20{
	margin-right:20px;
}
.mr-30{
	margin-right:30px;
}
.mr-40{
	margin-right:40px;
}
.mr-50{
	margin-right:50px;
}
.ml-10{
	margin-right:10px;
}
.ml-20{
	margin-right:20px;
}
.ml-30{
	margin-right:30px;
}
.ml-40{
	margin-right:40px;
}
.ml-50{
	margin-right:50px;
}
.pt-10{
	padding-top:10px;
}
.pt-20{
	padding-top:20px;
}
.pt-30{
	padding-top:30px;
}
.pt-40{
	padding-top:40px;
}
.pt-50{
	padding-top:50px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-30{
	padding-bottom:30px;
}
.pb-40{
	padding-bottom:40px;
}
.pb-50{
	padding-bottom:50px;
}
.pr-10{
	padding-right:10px;
}
.pr-20{
	padding-right:20px;
}

.pr-30{
	padding-right:30px;
}

.pr-40{
	padding-right:40px;
}

.pr-50{
	padding-right:50px;
}

.pl-10{
	padding-left:10px;
}

.pl-20{
	padding-left:20px;
}

.pl-30{
	padding-left:30px;
}

.pl-40{
	padding-left:40px;
}

.pl-50{
	padding-left:50px;
}


.numero{
    background: #005BB0;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 100px;
    width: 22px;
    display: inline-block;
    text-align: center;
    height: 22px;
    font-size: 15px;
    padding: 2px;
    vertical-align: middle;
}
/*.minimal.tabs > ul > li:nth-child(1){
	background:#FD4D52;
}
.minimal.tabs > ul > li:nth-child(2){
	background:#007D78;
}
.minimal.tabs > ul > li:nth-child(3){
	background:#83C100;
}
.minimal.tabs > ul > li:nth-child(4){
	background:#F6191F;
}*/

.small {
	font-size:0.85em;
	color:#333;
}
.bold {
	font-weight:bold;
}
 @font-face {
 font-family: 'gotham_boldregular';
 src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),  url('../fonts/gotham-bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
/* Botón Saltar a contenido - Accesibilidad*/
#skiptocontent a {
	background:transparent none repeat scroll 0 0;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	border-right:1px solid white;
	color:#000 !important;
	left:0;
	padding:10px;
	position:absolute;
	top:-48px;
	transition:top 1s ease-out 0s, background 1s linear 0s;
	z-index:100;
	font-size:0.9em;
}
#skiptocontent a:focus {
	background:#FBF600;
	left:5px;
	outline:0 none;
	position:absolute;
	top:40px;
	transition:top 0.1s ease-in 0s, background 0.5s linear 0s;
	box-shadow:0 1px 5px #666;
}
 @font-face {
 font-family: 'gotham_bookregular';
 src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),  url('../fonts/gotham-book-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
.ocultar, .closed, #menuMovilDer, #ocBuscador, .movil {
	display:none;
}
.maxImagen, .licitacionImg img, .modularDos img {
	max-width:100%;
	width:100%;
}
.ajuste {
	padding:23px 10px 0 0px;
}
/* tamaños*/
.contenedor {
	width:95%;
	margin:0px auto;
	position:relative;
	max-width:1300px;
	padding:0 10px;
	box-sizing:border-box;
}
.algDer {
	text-align:right;
}
.algIzq {
	text-align:left;
}
.algJus {
	text-align:justify;
}
.algCenter {
	text-align:center;
}
/* efectos  */
.animacion, footer #ligasInteres a:hover, footer #ligasInteres a, footer .contenedor > .columna20 .validator a, footer .contenedor > .columna20 .validator a:hover, .btngral {
	transition:all 0.5s ease-in-out 0s;
	-o-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-webkit-transition:all 0.5s ease-in-out 0s;
}
.radius10, input[type="search"], footer #ligasInteres a, .btngral, #transparencia ul li img, .panelLogeoAdmin {
	border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url("PIE.htc");
}
.radius15 {
	border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	behavior:url("PIE.htc");
}
.radius100, ul.directorio li .directorioImg {
	border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	behavior:url("PIE.htc");
}
.b-shadow, .panelLogeoAdmin {
	box-shadow:0px 1px 2px #333;
	-o-box-shadow:0px 1px 2px #333;
	-ms-box-shadow:0px 1px 2px #333;
	-moz-box-shadow:0px 1px 2px #333;
	-webkit-box-shadow:0px 1px 2px #333;
	behavior:url("PIE.htc");
}
.grises img:hover, footer .contenedor > .columna20 a:hover, .modular a:hover, .modularDos a:hover, .licitacionImg img:hover, #publicidad a:hover, #transparencia ul li a:hover, ul.Noticias li img:hover {
	filter:url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter:Gray(); /* IE4-8 and 9 */
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	opacity:0.5;
}
 .grises img, footer .contenedor > .columna20 a, .modular a, .modularDos a, .licitacionImg img, #publicidad a, #transparencia ul li a;
ul.Noticias li img {
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:none;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.galMed .galMedNota .galMedDet .columna25 > div:hover {
	opacity:0.7;
}
/* efectos  */

/* columnas */

.columna10 {
	float:left;
	width:10%;
	box-sizing:border-box;
}
.columna20 {
	float:left;
	width:20%;
	box-sizing:border-box;
}
.columna25 {
	float:left;
	width:25%;
	box-sizing:border-box;
}
.columna30 {
	float:left;
	width:30%;
	box-sizing:border-box;
}
.columna33 {
	box-sizing:border-box;
	float:left;
	margin:0;
	width:33%;
}
.columna40 {
	float:left;
	width:40%;
	box-sizing:border-box;
}
.columna50 {
	float:left;
	width:50%;
	box-sizing:border-box;
}
.columna60 {
	float:left;
	width:60%;
	box-sizing:border-box;
}
.columna70 {
	float:left;
	width:70%;
	box-sizing:border-box;
}
.columna75 {
	float:left;
	width:75%;
	box-sizing:border-box;
}
.columna80 {
	float:left;
	width:80%;
	box-sizing:border-box;
}
.columna100 {
	float:left;
	width:100%;
	box-sizing:border-box;
}
.columnaOne {
	width:100%;
	box-sizing:border-box;
	margin:0 auto;
	max-width:1400px;
}
/* header */
header .navHerramientas {
	width:100%;
	background:#000;
	display:inline-block;
	text-align:right;
	position:relative;
	top:0;
	z-index:1001;
}
header .navHerramientas nav ul li.accessible-megamenu-top-nav-item {
	height: auto;
	float: none;
	margin:0 -3px;
}
header .navHerramientas ul {
	padding:0;
	margin:0;
}
header .navHerramientas ul li {
	display:inline-flex !important;
	padding:0;
	border-left:thin solid #666;
	border-right:thin solid #666;
}
header .navHerramientas ul li .accessible-megamenu-panel-group, header .navHerramientas .accessible-megamenu .accessible-megamenu-panel > ol > li:first-of-type {
	border-left:none;
	border-right:none;
	width:100%;
}
header .navHerramientas .contenedor nav.megamenu.megamenuTop ul li a {
	font-size:0.65em;
	height:auto;
	line-height:normal;
	color:#fff;
	padding:12px;
	text-decoration:none;
	height:16px;
}
header .navHerramientas ul li a:hover {
	background:#727272
}

header .navHerramientas ul li:nth-child(2) {
	background:#4b4b90;
}
header .navHerramientas ul li:nth-child(3) {
	background:#990000;
}
header .contentLogo {
	padding:10px 0;
}

header .contentLogo h1 {
	padding:0;
	margin:0;
}
header .contentLogo .formSearch {
	margin:25px 0 0 0;
}
input[type="search"] {
	color:#666;
	padding:10px;
	margin:10px 0;
	border:thin solid #333;
	background:#fff;
}
header #sm1Buscador form {
	float:right;
	border:1px solid #bfbfbf;
	margin:20px 0 0 0;
	background-position:30px 0px;
	height:32px;
	border-radius:5px;
	background:#f5f5f5;
}
header .buscadorText {
	float:left;
}
header #sm1Buscador .buscadorTextInput {
	padding:10px;
	float:left;
	margin:0;
	font-size:0.750em;
	color:#666;
	border:none;
	width:220px;
	height:1.125em;
	background:none;
	outline:none;
}
header #sm1Buscador .sendSearch {
	background:url('../img/ico-buscar.png') center center no-repeat;
	float:left;
	height:2em;
	width:2.3em;
	border:none;
}
header #sm1Buscador .buscarButton {
	background:none;
	border:none;
	cursor:pointer;
	display:block;
	height:2.3em;
	text-indent:-9999px;
	width:2.3em;
	color:transparent;
}
header .contentLogo #cdmx img {
	margin:13px 0 0 0;
}
header .bgNav {
	background:#000;
}
.contentGral h2 {
	border-bottom: 3px solid #8cb619;
	font-size: 2.3em;
	padding-bottom: 15px;
	text-transform:uppercase;
	font-weight:bold;
	color:#8cb619;
	text-align:center;
}

.bgDatos{
	background:#D7D7D7;
	padding:10px;
	border:thin dashed #333;
}

.contentGral h3 {
	border-bottom: 1px solid #d4d4d4;
	font-size: 1.5em;
	padding-bottom: 15px;
	text-transform:uppercase;
}
.columna25.ajuste > img {
	width:100%;
}
.btngral {
	padding:10px;
	background:#8cb619;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	font-size:0.6em;
	letter-spacing: 1px;
	font-weight:bold;
}
.btngral:hover {
	background:#64840c;
	color:#fff;
	text-decoration:none;
}
a:focus {
	background:#c4007a;
	text-decoration:none;
	border:thin dotted #fff;
	display:inline-block;
	color:#fff !important;
}
.contentGral {
	margin:40px 0;
	display:block;
}

.panelLogeoAdmin{
	width:30%;
	padding:25px;
	margin:5% auto 0 auto;
	background:#ccc ;
}

.panelLogeoAdmin .error{
	color:#333;
}

.panelLogeoAdmin h1{
	font-size:1.5em;
	color:#333;
}

/* footer */
.footinicio > footer{
	position:absolute !important;
}

footer{
	background:rgba(25,144,0,0.75);
	position:relative;
	bottom:0;
	z-index:9999;
	width:100%;
	font-size:0.8em;
	color:#fff;
}
footer ul{
	margin:0 auto;
	padding:0;
	width:67%;
}
footer ul li{
	margin:0;
	padding:0;
	display:inline-block;
}
footer ul li a{
	padding:10px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
}
footer ul li a:hover{
	color:#000000;
}
.menu_bar {
	display:none;
}


/* bitacora*/
.bitacoraMod {
	background:#F9F9F9;
	border:thin dashed #ccc;
	padding:10px;
	margin:15px 0;
}

.bitacoraMod .blogFotoCont {
    background: #fafafa;
    border: thin solid #ccc;
    box-sizing: border-box;
    margin: 0;
}
.bitacoraMod .blogFotoCont img {
    padding: 2%;
    width: 96%;
}
.bitacoraMod .bitacoraFecha {
    padding:10px;
		background:#D0D0D0;
    
}


/* estilos paginador *****************
*******************************************/
.paginador {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 10px 0;
	margin: 15px 0;
	border: thin solid #e5e5e5;
}
.paginador ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
.paginador p {
	color: #333;
	font-size: 0.8em;
	display: inline;
	margin-right: 15px;
}
.prev {
	background: url("../img/arrow_left.png") center center no-repeat !important;
	text-indent: -9999px !important;
}
.next {
	background: url("../img/arrow_right.png") center center no-repeat !important;
	text-indent: -9999px !important;
}
.prev:hover {
	opacity: 0.5;
}
.next:hover {
	opacity: 0.5;
}
.cajaContenidoGral .paginador ul li:before, .cajaContenidoGral .compartirRedesIcons ul li:before {
	display: none;
}
.paginador ul li {
	position: relative;
	background: none;
	display: inline-block;
	margin: 0 1px;
	padding: 0;
	zoom: 1;
*display:inline;
}
.paginador ul li a {
	width: 15px;
	display: block;
	text-align: center;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	font-size: 12px;
}
.paginador ul li a:hover {
	background: #F2F2F2;
	color: #000;
}
.paginador ul li .active {
	color: #000;
	font-size: 1em;
	font-weight: bold;
}
/* estilos paginador *****************
*******************************************/


/* formulario contacto */
table {
	border:none;
	width:100%;
	box-sizing:border-box;
	margin:30px 0;
	border-collapse:separate !important;
	border-spacing:1px !important;
	box-shadow:0px 1px 5px #e3e3e3;
	-o-box-shadow:0px 1px 5px #e3e3e3;
	-ms-box-shadow:0px 1px 5px #e3e3e3;
	-moz-box-shadow:0px 1px 5px #e3e3e3;
	-webkit-box-shadow:0px 0px 10px #e3e3e3;
	border:thin solid #cecece;
	behavior:url("css/PIE.htc");
}
table a{
	padding:5px;
	color:#666;
	text-decoration:none;
}
table a:hover{
	color:#900;
}

table tr {
	border-bottom:thin solid #cacaca
}
table tr td, table tr th {
	font-size:0.9em
}
table th {
	padding:10px;
	font-weight:700;
	border-bottom:thin solid #cacaca;
	color:#4a4a4a;
	background-color:rgb(216, 216, 216);
	font-size:1em;
	text-transform:uppercase;
}
table th {
	padding:10px;
}
table th[scope=row] {
	text-align:left;
}
table tr:nth-child(odd) {
	background-color:#f3f3f3;
}
table tr:nth-child(even) {
	background-color:#fafafa;
	padding:5px;
}
table td {
	padding:10px;
}

tr:hover td { background: #d0dafd; color: #339; }


.formContacto {
	display:inline;
}
.formContacto input, .formContacto textarea, .formContacto select {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	margin:5px 0;
	border:thin solid #ccc;
}
.formContacto input[type="checkbox"], .formContacto input[type="radio"] {
	display:inline-block;
	width:20px;
	box-sizing:border-box;
}
.formContacto input[type="submit"], .formContacto input[type="reset"] {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	background:#eb8c48;
	color:#fff;
}
.formContacto input[type="submit"]:hover, .formContacto input[type="reset"]:hover {
	background:#a96a3e;
}
.formContacto.newsletter input {
	width:230px;
	display:inline-block;
	box-sizing:border-box;
}
.formContacto.newsletter input[type="submit"] {
	width:65px;
	box-sizing:border-box;
	margin:0px;
	display:inline-block;
}
.formContacto .radio label, .formContacto .checkbox label {
	display: inline-block;
	cursor: pointer;
	color: #FF4136;
	position: relative;
	padding: 5px 15px 5px 51px;
	font-size: 1em;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.formContacto .radio label:hover, .formContacto .checkbox label:hover {
	background: rgba(255, 65, 54, 0.1);
}
.formContacto .radio label:before, .formContacto .checkbox label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 15px;
	border-radius: 50%;
	background: none;
	border: 3px solid #FF4136;
}
.formContacto input[type="radio"] {
	display: none;
}
.formContacto input[type="radio"]:checked + label:before {
	display: none;
}
.formContacto input[type="radio"]:checked + label {
	padding: 5px 15px;
	background: #FF4136;
	border-radius: 2px;
	color: #fff;
}
.formContacto .checkbox label:before {
	border-radius: 3px;
}
.formContacto .checkbox input[type="checkbox"] {
	display: none;
}
.formContacto .checkbox input[type="checkbox"]:checked + label:before {
	display: none;
}
.formContacto .checkbox input[type="checkbox"]:checked + label {
	background: #FF4136;
	color: #fff;
	padding: 5px 15px;
}

/* formulario contacto */

/* estilos resolución standar 1024 */	
@media only screen and (min-width:1000px) and (max-width:1024px) {
 .modular, .licitacion, .modularDos {
 margin:0 1px;
}
 .contenedor {
 width:100%;
}
#transparencia ul li {
 padding:20px 3px;
}
}