@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Roboto:300,400');
 
@font-face {
	font-family: romanfont;
	src: url("../fonts/romanfont.ttf");
	}

	@font-face {
		font-family: romanfont;
		src: url("../fonts/romanfont.eot");
		}
		@font-face {
			font-family: romanfont;
			src: url("../fonts/romanfont.woff");
			}
body {background-image: url("../images/fondo.png"); margin: 0; padding: 0}

.container-fluid{
	padding: 0;
	font-size: initial;
}
 
.divgray {
	background-color: #e6e6e6;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); padding: 10px
 }
 
.divgraytop {
	background-color: #e6e6e6;
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); padding: 10px
 }

.divgraybottom {
	background-color: #e6e6e6;
	-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); padding: 10px
 }


.divgray1 {
	background-color: #e6e6e6;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	width: 100%;
	padding: 10px;
 }
 
.labelpurple {
	background-color: #870064;
	height: 50px;
	width: 100%;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	color: aliceblue;
 }
 
	.labelpurple p {
		text-align: left;
		font-family: 'Oswald', sans-serif;
		vertical-align: length;
		font-size: 120%;
		display: inline-block;
		margin: 12px;
		font-weight: lighter
	 }
 
.icoavanceobras {
	width: 50px;
	height: 50px;
	float: left;
	background-color: #870064;
	border-right: #eee solid 2px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	background-image: url(../images/1x/usuario.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 5px;


	
 }
 .icoavanceobras2 {
	width: 50px;
	height: 50px;
	float: left;
	background-color: #870064;
	border-right: #6296da solid 2px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	background-image: url(../images/1x/usuario.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 12px;


	
 }
 .icoavanceobras2::after {
	
	content: url(../images/fleche2.png);
	margin-left: 50px;
 }


.labelbienvenido {
	background-color: transparent;
	height: 100px;
	width: 100%;
	color: aliceblue;
 }
 .btn-defaulta:hover {
	color: #4478ba;
	cursor: pointer;
	background-color: #fff;
	border: #4478ba solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px; text-align: center;
 }
	.labelbienvenido p {
		text-align: left;
		font-family: 'Oswald', sans-serif;
		vertical-align: length;
		font-size: 100%;
		display: inline-block;
		font-weight: lighter;
		text-transform: capitalize;
		margin-left: 10px;
		line-height: 25px;
     }
     
     .labelbienvenido a {
		 color: #b6d5e0;font-size: 100%;
     }
     .labelbienvenido a:hover {
        color: #b6d5e0; text-decoration: none;
    }

 
.icobienvenido {
	width: 50px;
	height: 50px;
	float: left;
	border-right:  #6296da solid 2px;
	background-image: url(../images/1x/obra.png);
	background-repeat: no-repeat;
	background-position: center
 }
 .icobienvenido::after {
	
	content: url(../images/fleche2.png);
	margin-left: 50px;
 }
 
.bold {font-weight: 400; font-size: 120%}
 
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: transparent;
	border-radius: 4px;
 }
 
.labelpanel {
	background-color: transparent;
	height: 80px;
	width: 100%;
	color: aliceblue;
	display: inline-table
 }
 
	.labelpanel p {
		font-family: 'Oswald', sans-serif;
		font-size: 150%;
		font-weight: 300;
		vertical-align: bottom;
		letter-spacing: -1px;
	 }
 
.veintepc {
	width: 20%;
	position: relative;
 }
 
.treintapc {
	width: 30%;
	position: relative;
 }
 
.icoobra {
	width: 50px;
	height: 50px;
	float: left;
	background-color: #870064;
	border-right:  #6296da solid 2px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	background-image: url(../images/SVG/obra.svg);
	background-repeat: no-repeat;
    background-position: center;
	margin-right: 15px;
	
 }
 .icoobra::after {
	
	content: url(../images/fleche2.png);
	margin-left: 50px;
 }


.icopresupuesto {
	width: 50px;
	height: 50px;
	float: left;
	background-color: #870064;
	border-right:  #6296da solid 2px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
	background-image: url(../images/SVG/presupuesto.svg);
	background-repeat: no-repeat;
    background-position: center; display: block; margin-right: 15px;
    
 }
 .icopresupuesto::after {
	
	content: url(../images/fleche2.png);
	margin-left: 50px;
 }

.presupuesto::after {
    content: "M/N";
    font-size: 90%;
	display: inline-block;
	color: #6296da;
	display: block;}
 
.obras::after {
	content: "Obras";
	font-size: 90%;
	display: inline-block;
	color: #6296da;
	display: block;
 }
 
.avance::after {
	content: "Avance";
	font-size: 90%; margin-left: 20px;
	display: inline-block;
	color: #6296da;
	display: block;
 }

 .opts-value { color: #fff; font-weight: normal; 

}
 /*
.presupuesto::after {
	content: "M/N";
	font-size: 90%;
	display: inline-block;
	color: #5591d4;
	display: block;
 }
 */
.btn-default {
	color: #4478ba;
	cursor: pointer;
	background-color: rgba(255,255,255,0.8);
	/* border: #4478ba solid 1.5px; */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px; text-align: center;
 }
 .btn-defaulta {
	color: #fff;
	cursor: pointer;
	background-color: #4478ba;
	border: #fff solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px; text-align: center;
 }
 .btn-defaultb {
	color: #fff;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.62);
	border: #4478ba solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px; text-align: center;
 }

.back {
	color: #506a26;
	cursor: pointer;
	background-color: rgba(166,183,48,10);
	border: #506a26 solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px; text-align: center; width: 100%
 }

.labelder {
	color: #b6d5e0;
	text-align: right; 
	font-family: 'Oswald', sans-serif;
		font-size: 150%;
}
.input
{   color: #4478ba;

	background-color: rgba(255,255,255,0.8);
	border: #4478ba solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center; font-size: 100%; font-weight: 300; padding: 10px; margin: 2px;
	height: 40px;
		
}
.desaparece {visibility:hidden; float: right; display: none}
 
 
.titulo {
	color: #b6d5e0;
	font-size: 150%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-weight: lighter
 }

 .tit{
	color: #ffffff;
	font-size: 300%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;

 }
 .subtit{
	color: #ffffff;
	font-size: 200%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
 }
 .parrafo{
	color: #96e2fd;
	font-size: 170%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-weight: lighter

 }
span .subtitulos a {
	color: #b6d5e0;
	font-size: 150%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-weight: lighter; text-decoration: none;
 }
.subtitulos a:hover {
	color: #b6d5e0; text-decoration: none;
	
 }

.subtitulos a::before {content: url(../images/1x/vineta.png)}



.titulos p {
	color: #b6d5e0;
	font-size: 200%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-weight: lighter
 }

 .titulosa p {
	color: #ffffff;
	font-size: 200%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-weight: lighter;
	
	
 }

/* .titulos p::before {content: url(../images/1x/vineta.png)} */


.vineta::after {content: url(../images/1x/vineta.png)}

.opts-title {
	text-align: right;
    font-weight: bold;
    font-size: 100%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-weight: normal;
	
 }


 .opts-title::after { content: url(../images/1x/vineta2.png);position:absolute;
	bottom:.15em;top:.15em;right:-.5rem;
	content:'\2192'; color: #333

 }
 
.padding4 {padding: 20px;}
 
.white {
	font-family: 'Roboto', sans-serif;
	color: #eee;
	font-weight: 300
 }
 
label {
	
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: 110%;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 300;
 }
 
.whiteline {
	height: 5px;
	border-bottom: solid 1px;
	margin-top: 20px;
	border-color: rgba(221,221,221,0.3)
 }

#donut {font-family: 'Roboto', sans-serif; font-size: 200%;} 

/*FONDOS.JADE---------------FONDOS.JADE*/

/* CSS Document */
.fondos {
	background-color: #e6e6e6; padding: 2%; height: 95%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); font-family: 'roboto' sans-serif;
	 }

.fondosa {
	background-color: #e6e6e669; padding: 2%; height: 95%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75); font-family: 'roboto' sans-serif;
}


/*inexpedtabla.*/

.crop{
	
	overflow: hidden;
	/* white-space: nowrap; Don't forget this one */
	text-overflow: ellipsis;
}

.advance {
    clear:both;
}

.FixedSize{
	width: 150px;
}

.seccion-title{
	color:black;
}

.seccion-name{
	color:black;
}

td a {
    display:block;
    width:100%;
}


/*FOOTER FOOTER --------------------FOOTER*/

.footerinexped{ background-color: aqua; position: fixed; bottom: 0; width: 100%; 

}

.col-md-5{  display: inline; 
}
/*general*/
.marginbottom { margin-bottom:20px}

/*AVANCE OBRAS/////AVANCE OBRAS////AVANCE OBRAS*/

.table.avanceobra { text-decoration: none
}
.table.avanceobra a{ 	color: #555555;
	font-size: 85%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-weight: lighter; position:relative;
}

.table.avanceobra a:hover{ text-decoration: none
}

.avanceobra tr th:first-child { padding: 0; margin: 0;background-color: #fff;   vertical-align:middle;
}

.avanceobra tr th:first-child a {display: block;margin-right: 10px; margin-left: 55px
}

.INFORMACIÓN { background-image:url(../images/iconos/1x/info.png); height: 33px;  padding-left: 46.6px; background-repeat: no-repeat; background-position: left; background-color: #2c84b4 }

.PLANEACIÓN { background-image:  url(../images/iconos/1x/planeacion.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left; background-color: #7E2FA7}

.PROYECTO { background-image:  url(../images/iconos/1x/presupuesto.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left; background-color: #641D83}

.PROCESO { background-image:  url(../images/iconos/1x/contratacion.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left;
background-color: #B22C66
}


.EJECUCIÓN{background-image:  url(../images/iconos/1x/pago.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left; background-color: #CB4D2C}


.CIERRE{background-image:  url(../images/iconos/1x/cierre.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left; background-color: #CF9D30}

.visitas{background-image:  url(../images/iconos/1x/visitas.png);  height: 33px;    margin-right: 10px; padding-left: 46.4px; background-repeat: no-repeat; background-position: left; background-color: #1D927B}

.itdpasive{  background-color:#ffffff;border-right:.5px solid #e6e6e6;cursor:pointer;
	
	background-image: url(../images/fleche.png);
background-position: center left; background-repeat: no-repeat;	
}

.itdactive{ background-color: #1D927B; border-right:.5px solid #e6e6e6; background-image: url(../images/fleche.png);
background-position: center left; background-repeat: no-repeat;	
}

.table {
    width: 100%;
    max-width: 100%;
	margin-bottom: 1px;}
	
/*INEXPED TABLA .JS */

.TableHeading {
    font-size: 17px;
    color: #0089ce;
    font-weight: 400;
    padding-top: 10px;
    font-family: 'Oswald', sans-serif;
    line-height: 1.428571429;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
/*
.TableHeading{ margin-bottom: 0px; margin-top: 20px;  padding: 0px;
	border-bottom:none; font-family: 'Oswald', sans-serif; font-size: 130%; color:#3e3e3e; background-color: #d9dadb; 
	
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

}*/



.TableCell {  display: table-cell; }
.TableRow { display: flex; border-bottom: 1px solid #e5e5e5; padding: 10px; 
	background-color: #ffffff;

}
.TableRow:first-child{	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;} 

	.TableRow:first-child:hover{	background-color: #ffffff;

	} 

.TableRow:hover { background-color: #f1f6f9}

.TableCell:first-child { padding: 10px 0px 5px 20px; color: #3e3e3e;  font-size: 140%;     font-family: 'Oswald', sans-serif;

  background-position: left center; background-repeat: no-repeat;-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px; }


.iTableCell>input{
	width: 100%;
    color:black;
}

.iTableRow{

    border-top:1px solid black;
    padding-top: 5px;
}

.iTable{
	display: table;
	width: 100%;
    color:black;
}

/*
.iTableHeader{
	font-weight: bold;
    font-size: large;
	//display: table-cell;
    float:left;
	
}*/
.iTableHeaderEnd {
    font-weight: bold;
    font-size: large;
    clear:both;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #3bad4c;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #3bad4c;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
.tablegrid  { background-color: #ffffff; -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}

/*LOGIN LOGIN DISEÑO Responsive*/


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.form-group input {
	
		width: 100%;
		height: 65px;
		background-color: rgb(221, 221, 221);
		font-size: 130% 
	}
	
	.form-group label {
		
		font-size: 130%
	
		} 
		button[type="submit"].btn-default {
		font-size: 130%;
		width:100%;
		}

		a {
			font-size: 130%;
		}

		.TableRow{
			display:inline-grid; width: 100%; background-color:#d9dadb
		}
		body { font-size: 200%}
		
		.opts-title{
			font-size: 150%
		}

		.labelbienvenido a  {font: size 12px;}

	}

.a-der { text-align: right
}

.form-control {
    display: block;
    margin: 5px;
    width: 96%;
    height: 34px;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
   /* border: 1px solid #ccc;*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-controla {
    display: block;
    margin: 5px;
    width: 134%;
    height: 60px;
    padding: 6px 6px;
    font-size: 25px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #0000009e;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.campos label {
    font-size: 17px;
    color: #0089ce;
    font-weight: 400;
    padding-top: 10px;
	font-family: 'Oswald', sans-serif;
    line-height: 1.428571429;
    
}

.campos input
{
	-webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #0089ce;
}

.campos select
{
	-webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #0089ce;
}

.campos input[type="text"]:hover, .campos input[type="select"]:hover
{
	-webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #870064;
}





.campos .col-xs-1, .campos .col-sm-1, .campos .col-md-1, .campos .col-lg-1, .campos .col-xs-2, .campos .col-sm-2, .campos .col-md-2, .campos .col-lg-2, .campos .col-xs-3, .campos .col-sm-3, .campos .col-md-3, .campos .col-lg-3, .campos .col-xs-4, .campos .col-sm-4, .campos .col-md-4, .campos .col-lg-4, .campos .col-xs-5, .campos .col-sm-5, .campos .col-md-5, .campos .col-lg-5, .campos .col-xs-6, .campos .col-sm-6, .campos .col-md-6, .campos .col-lg-6, .campos .col-xs-7, .campos .col-sm-7, .campos .col-md-7, .campos .col-lg-7, .campos .col-xs-8, .campos .col-sm-8, .campos .col-md-8, .campos .col-lg-8, .campos .col-xs-9, .campos .col-sm-9, .campos .col-md-9, .campos .col-lg-9, .campos .col-xs-10, .campos .col-sm-10, .campos .col-md-10, .campos .col-lg-10, .campos .col-xs-11, .campos .col-sm-11, .campos .col-md-11, .campos .col-lg-11, .campos .col-xs-12, .campos .col-sm-12, .campos .col-md-12, .campos .col-lg-12 {
    position: relative;
    min-height: 1px;
    /* padding-right: 15px; */
	padding: 3px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.campos .col-xs-1, .campos .col-sm-1, .campos .col-md-1, .campos .col-lg-1, .campos .col-xs-2, .campos .col-sm-2, .campos .col-md-2, .campos .col-lg-2, .campos .col-xs-3, .campos .col-sm-3, .campos .col-md-3, .campos .col-lg-3, .campos .col-xs-4, .campos .col-sm-4, .campos .col-md-4, .campos .col-lg-4, .campos .col-xs-5, .campos .col-sm-5, .campos .col-md-5, .campos .col-lg-5, .campos .col-xs-6, .campos .col-sm-6, .campos .col-md-6, .campos .col-lg-6, .campos .col-xs-7, .campos .col-sm-7, .campos .col-md-7, .campos .col-lg-7, .campos .col-xs-8, .campos .col-sm-8, .campos .col-md-8, .campos .col-lg-8, .campos .col-xs-9, .campos .col-sm-9, .campos .col-md-9, .campos .col-lg-9, .campos .col-xs-10, .campos .col-sm-10, .campos .col-md-10, .campos .col-lg-10, .campos .col-xs-11, .campos .col-sm-11, .campos .col-md-11, .campos .col-lg-11, .campos .col-xs-12, .campos .col-sm-12, .campos .col-md-12, .campos .col-lg-12 {
    position: relative;
    min-height: 1px;
    /* padding-right: 15px; */
	padding: 0px 20px; text-align: left }
}

.fondo { 	background-image: url(../images/fondoinactive.png);
	background-position: center left; background-repeat: no-repeat;	
}

.fondo:hover { 	background-image: url(../images/fondoactive.png);
	background-position: center left; background-repeat: no-repeat;	
}

#INFORMACIÓN-1 {  font-weight: 300


}

.completo {background-image: url(../images/fondoactive.png); height: 30px; width: 30px; background-color: #870064 }

.ok { color: #35783c}


.remove { color:#e43e29}

.obras {
    color: #e5ecf6;
    /* background-color: #f5f5f5; */
    border-color: #ddd;
}

.panel-heading {
    padding: 5px 10px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading:hover {
  
	background-color: #d5e3ea;
}


#INFORMACIÓN, #PLANEACIÓN, #PROCESO, #EJECUCIÓN, #CIERRE, #PROYECTO { 
	 width: 100%;
	color: aliceblue; 
	font-family: 'Oswald', sans-serif;  border-right: solid 5px;
 }
 #INFORMACIÓN a, #PLANEACIÓN a, #PROCESO a, #EJECUCIÓN a, #CIERRE a, #PROYECTO a { color:#555555; margin-left: 15px }
  
 #INFORMACIÓN { border-right-color:#1693d8;}
 #INFORMACIÓN a::before { content: url(../images/iconos/panel/info.png) ; }

#PLANEACIÓN { border-right-color: #8b1ac6}
#PLANEACIÓN a::before {content: url(../images/iconos/panel/planeacion.png) ; }

#PROYECTO { border-right-color:#660092}
#PROYECTO a::before { content: url(../images/iconos/panel/proyecto.png) ; }

#PROCESO{ border-right-color:#d41367}
#PROCESO a::before { content: url(../images/iconos/panel/proceso.png) ; }

#EJECUCIÓN{ border-right-color:#ff4713}
#EJECUCIÓN a::before { content: url(../images/iconos/panel/ejecucion.png) ; }

#CIERRE{ border-right-color:#ffb71b}
#CIERRE a::before { content: url(../images/iconos/panel/cierre.png) ; }



	
 .table > thead > tr > td.active { background-color: #870064}
.table > tbody > tr > td.active { background-color: #5591d4}
.table > tfoot > tr > td.active { background-color: #35783c} 
.table > thead > tr > th.active { background-color: #CF9D30}
.table > tbody > tr > th.active { background-color: aqua}
.table > tfoot > tr > th.active { background-color: black}
.table > thead > tr.active > td { background-color: blueviolet}

.table > tfoot > tr.active > td { background-color: burlywood}
.table > thead > tr.active > th { background-color: crimson}
.table > tbody > tr.active > th { background-color: teal}
.table > tfoot > tr.active > th {
	/* background-color: #f5f5f5; */  
background-color:#0000ff;
}

.table > tbody > tr.active > td { background-color: transparent; color: #333; 
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 400 }

.table > tbody > tr.active > td:hover { background-color:#f1f6f9}

#tablatarea {    background-color: #76c8f1;
    color: white;}

#tablafase {
    background-color: #0089ce;
    text-align: center;
    width: 5%;
    font-weight:bold;
    font-size: 13pt;
    color: #fff;
}
#tablafasea {
    background-color: #1b058b;
    text-align: center;
    width: 5%;
    font-weight:bold;
    font-size: 13pt;
    color: #fff;
}
#tablafaseb {
    background-color: #5d23cc;
    text-align: center;
    width: 5%;
    font-weight:bold;
    font-size: 13pt;
    color: #fff;
}
#tablafasec {
    background-color: #870064;
    text-align: center;
    width: 5%;
    font-weight:bold;
    font-size: 13pt;
    color: #fff;
}

a.panel-title  { font-size: 17px;
    color: #777777;
    font-weight: 400;
    font-family: 'Oswald', sans-serif; display: block ;
text-decoration: none; 

}
a.panel-titlea  { font-size: 17px;
    color: #1b058b;
    font-weight: 400;
    font-family: 'Oswald', sans-serif; display: block ;
	text-decoration: none;

}
a.panel-titleb  { font-size: 17px;
    color: #7c6bce;
    font-weight: 400;
    font-family: 'Oswald', sans-serif; display: block ;
	text-decoration: none;

}
a.panel-titlec  { font-size: 17px;
    color: #870064;
    font-weight: 400;
    font-family: 'Oswald', sans-serif; display: block ;
	text-decoration: none;

}

.panel-group {
    margin-bottom: 5px;
}
.textopanel {
    font-size: 19px;
    color: #0089ce;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-decoration: none;
}
.textopanela {
    font-size: 19px;
    color: #1b058b;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-decoration: none;
}
.textopanelb {
    font-size: 19px;
    color: #7c6bce;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    display: block;
    text-decoration: none;
}
/*
body{
	background-image: url(../images/fondo.png);
    margin: 0;
    background-color: #eee;
    padding: 0;
    background-repeat: no-repeat;

}*/

input[type=button] {
    color: #870064;
    font-weight: bold;
    cursor: pointer;
	background-color: rgb(255, 255, 255); 
	 


	
    border-bottom: #620048 solid 3px;
	border-left: none;
    border-right: none;
    border-top: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px;
    padding-left: 50px;
	

    
}
input[type=button]:hover{ 

	border-bottom:none;
    border-left: none;
    border-right: none;
    border-top: none;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; background-color: #eee

    } */





.labelpurple {
	background-color: #69004d;}
	
	.bold { font-size: 180%}


 
.adminobra {
	/*background-image: url( ../images/1x/adminobra.png);*/
	background-image: url( ../images/SVG/adminobra.svg);
	background-position: left;
	background-repeat: no-repeat; background-size: 40%;
 }

 /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {
	.adminobra {
		/*background-image: url( ../images/1x/adminobra.png);*/
		background-image: none;
		
	 }


	 input[type=button] {
		color: #4478ba;
		cursor: pointer;
		background-color: rgba(255,255,255,0.8);
		border: #4478ba solid 1.5px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		padding: 10px;
		
	 }
	}
	
	/*
		
input[type=button] {
	color: #4478ba;
	cursor: pointer;
	background-color: rgba(255,255,255,0.8);
	border: #4478ba solid 1.5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px;
	padding-left: 50px;
 }
 
	input[type=button]:hover {background-color: rgba(0,0,0,0.30);}
	
	*/


	.porce{
		display: none;
	  }