td h2{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.4em;
}
/*------------------------Paginacion--------------*/
.paginac{
	height:20px;
	padding:0px;
	margin:0 auto;
	clear:both;
	margin-bottom:20px;
}

#pagination-flickr li {
	border:0;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	margin-bottom:4px;
	
}
#pagination-flickr a {
	border: 1px solid #717c7d;
    border-radius: 5px;
    color: #717c7d;
    float: left;
    margin-right: 2px;
	background-color:#FFF;
	padding:5px 10px;
	font-size:0.9em;
	display:table-cell;
}

#pagination-flickr .next a, #pagination-flickr .previous a {
	color:#333;
	float:left;
	font-weight:bold;
	border:solid 1px #CCCCCC;
}


#pagination-flickr .active {
    background-color: #717c7d;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 2px;
	padding:5px 10px;
}

#pagination-flickr .previous-off,
#pagination-flickr .next-off   { 
	border-radius:5px 5px 5px 5px;
	color:#ccc;
	
	display:block;
	float:left;
	padding:5px 10px;
		
	margin-right:2px;
	text-decoration:none;
	border:solid 1px #DDDDDD;
}

#pagination-flickr a:link, #pagination-flickr a:visited {
	color:#CCCCC;
	display:block;
	float:left;
	text-decoration:none;
}
#pagination-flickr a:hover {
	border:solid 1px #CCCCCC;
}

td.tdls {
	font-size: 0.8em;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6B7960;
	border-top: 1px solid #FFF;
	padding: 10px 6px 5px 6px;
	color: #000;
	background: #FFF;
	vertical-align: middle;
}
td.altls {
	font-size: 0.8em;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6B7960;
	padding: 5px 6px 5px 6px;
	color: #000;
	background: #F5FAFA;
	vertical-align: top;
}
td.altls_2 {
	font-size: 9px;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6B7960;
	padding: 5px 6px 5px 6px;
	color: #000;
	background: #F5FAFA;
}
td.altlsmed {
	font-size: 10px;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6B7960;
	padding: 10px 6px 5px 6px;
	color: #000;
	background: #F5FAFA;
	vertical-align: middle;
}
td.altlsmedcenter {
	font-size: 10px;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #6B7960;
	padding: 10px 6px 5px 6px;
	color: #999;
	background: #F5FAFA;
	vertical-align: middle;
	text-align: center;
}
td.alt {
	font-size: 1em;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #000;
	background: #F5FAFA;
}
td.minils {
	font-size: 0.5em;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #999;
	padding: 5px 3px 3px 6px;
	color: #000;
	background: #F5FAFA;
	vertical-align: top;
}
table {
	border-collapse: separate;
	border-spacing:0px;
	margin:0;
	border: none;
	padding: none;

}

.footable {  
    width: 100%;   
    margin:0;  
    border-collapse: collapse;
	border-spacing:0px;
	border:none;
	
}  
.footable td {  
    color: #000; 
    border:none;
} 

.GridHeader th{
	color: #600;
	background: #e4e4e4;
	background: -moz-linear-gradient(top, #e4e4e4 0%, #b4b5b4 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #b4b5b4));
	background: -webkit-linear-gradient(top, #e4e4e4 0%, #b4b5b4 100%);
	background: -o-linear-gradient(top, #e4e4e4 0%, #b4b5b4 100%);
	background: -ms-linear-gradient(top, #e4e4e4 0%, #b4b5b4 100%);
	background: linear-gradient(to bottom, #e4e4e4 0%, #b4b5b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#b4b5b4', GradientType=0 );
	font-weight: bold;
	font-size: 0.9em;
	padding: 1em 6px 1em 6px;
	text-decoration:none;
	height: 40px;
	border: hidden;
}
.GridHeader th:first-child{ 
	border-radius: 5px 0 0 0;
}
.GridHeader th:last-child{ 
	border-radius: 0 5px  0 0;
}

.GridRow2{
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 0.9em;
	
	border-top: dotted 1px #999;
	padding: 1em;  
}
.td_name{ 
	font-size: .7em;
	color: #666;
	font-weight: bold;
}
.footable .cssPager {
	padding: 1em;
}  
.footable .cssPager table {
	margin: 5px 0;  
}
.footable .cssPager td {  
    border-width: 0;  
    padding: 0.2em;  
    color: #fff;
    height: 3em;
    vertical-align: bottom;
}  
.footable .cssPager td:last-child { 
  	border: none;
}
.cssPager a {  
	color: #4c4c4c;  
	text-decoration: none;
	border: 1px solid #717c7d;
	border-radius: 5px;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 12px;
	text-shadow: #CCC 0 1px 4px, #fff 0 1px 0;
}
.cssPager span {  
	color: #FFF;  
	text-decoration: none;
	background-color: #717c7d;
	border: 1px solid #717c7d;
	border-radius: 5px;
	padding: 4px 8px;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 12px;
	text-shadow: #090 0 1px 4px;
}  
.cssPager  a:hover {  
	color: #FFF;  
	background-color: #717c7d;
	text-shadow: #090 0 1px 4px;
}

/*------------------------------------*\
    input File
\*------------------------------------*/	
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#uploadFile {
	line-height: 28px;  
}
.btn-primary {
    color: #000;
    background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
	border-radius: 4px;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: transparent;
    border-radius: 4px;
    width:30% !important;
}
.filecss {
	width:70% !important;
	border-color: #CCC !important;
}
.foto_gal{
	max-width: 500px;
}
td.td-a-center {
	text-align:center;
}
td.td-va-center {
	display: table-cell;
	vertical-align: middle;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ocultar{
	visibility: hidden;
	display: none;
}
.mostrar{
	visibility: visible;
	display: block;
}
td.obreatext {
	font-size: 22px !important;
	padding: 1em 0.4em;
}
td.clavetext {
	font-size: 30px !important;
	padding: 0.3em;
}
#recurso{
	
	padding: 2em;
}
.textcenter{
	text-align: center !important;
}
td.textderecha{
	text-align: right; !important;
}
a.botonaficha {
 background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
border: 1px solid #fff;
border-radius: 3px;
padding: 5px;
text-decoration: none;
display: inline-block;
color: #333;
line-height: 2em;
font-weight: bold;
width: 100%;
}


.ficha{
	font-size: 1em;
	padding: 0.4em 1em 0.5em 1em;
	margin: 0;
}
.ficha_nom_obra{
	font-size: 1.4em;
	padding: 0 0 0.5em 0;
	display: block;

}
.ficha_text{
	padding: 0.2em 0;
	display: block;

}
.ficha_legend{
	font-size: 0.9em;
	color: #666;
}
.ficha_100{
	width: 100%;
	display: inline-block;
}
.ficha_50{
	width: 50%;
	display: inline-block;
}
.ficha_25{
	width: 24%;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.bb_ccc{
	border-bottom: #ccc 1px solid;
}

/*  SECTIONS  */


/*  COLUMN SETUP  */
.col_ficha {
	display: block;
	float:left;
	margin: 1% 0 1% 0%;
}
.col_ficha:first-child { margin-left: 0; }

/*  GROUPING  */
.groupficha:before,
.groupficha:after { content:""; display:table; }
.groupficha:after { clear:both;}
.groupficha { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.spanf_4_of_4 {
	width: 100%;
}
.spanf_2_of_4 {
	width: 50%;
}
.spanf_1_of_4 {
	width: 25%;
}
.spanf_2_of_9 {
	width: 22.22%;
}
.spanf_3_of_9 {
	width: 33.33%;
}
.spanf_6_of_9 {
  	width: 66.66%;
}
.spanf_8_of_9 {
  	width: 88.88%;
}
.spanf_1_of_9 {
  	width: 11.11%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
.btn-image-home-jpg {
	margin:  2px 7px;
	display: block;
	width: 100%;
	height: auto;
}
.col-bothome-text{
	
	margin-top:10px;
	width:85%;
	}


.col-bothome-icon{
	width:10%; 
	
}
	.col_ficha {  margin: 1% 0 1% 0%; }
	.sm_2_of_4{
		width: 50%;
		border-bottom: #ccc 1px solid;
	}
	.sm_4_of_4{
		width: 100%;
		border-bottom: #ccc 1px solid;
	}
	.bb_ccc{
	border-bottom: none;
	}
		.spanf_2_of_4 {
	width: 100%;
	border-bottom: #ccc 1px solid;
	}
	.ficha_nom_obra{
		border-bottom: #ccc 1px solid;

	}

}
@media only screen and (max-width: 320px) {
	.col_ficha {  margin: 1% 0 1% 0%; }
	.sm_2_of_4{
		width: 100%;
		border-bottom: #ccc 1px solid;
	}
	.bb_ccc{
	border-bottom: none;
	}
	.spanf_2_of_4 {
	width: 100%;
	border-bottom: #ccc 1px solid;
	}
	.sm_4_of_4{
		width: 100%;
		border-bottom: #ccc 1px solid;
	}
	.ficha_nom_obra{
		border-bottom: #ccc 1px solid;

	}
}
@media screen and (min-width: 481px) and (max-width: 940px) {
	.spanf_2_of_9 {
		width: 50%;
		border-bottom: #ccc 1px solid;
	}
	.spanf_3_of_9 {
		width: 50%;
		border-bottom: #ccc 1px solid;
	}
	.spanf_2_of_4 {
		width: 100%;
		border-bottom: #ccc 1px solid;
	}

	.bb_ccc{
	border-bottom: none;
	}
	.ficha_nom_obra{
		border-bottom: #ccc 1px solid;

	}

}

.soloprint{
	display:none;
	visibility:hidden;
	}
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print{
	*{
		
		font-family: verdana, Arial;
	}body{
		font-size: 80%;
		width: 8.5in;
		
	}
	header{
		display:none;
	visibility:hidden;
	}
	
	.header__logo-image{
		width: 140px;
		height: auto;

	}
	.container {
		margin:0 auto;
		box-shadow: none;
		background-color:#FFF;
		width: 100%;
		margin-left: 40px;
	}
	
	.title_graphyc {
	font-size: 10px;
	font-weight: bold;
	color: #fff ;
	padding: 0px 5px;
	border-bottom: #CCC solid 1px;
	margin-bottom: 0px;
	background: #900;
	border-radius: 2px 2px 0 0;
	}
	.frame_chart_out{
		margin:0 auto;
		box-shadow: none;
		border: #fff solid 1px;
		padding: 0;
		border-top: none;
		background-color:#ffffff;
	}

	.ficha_nom_obra{
	padding: 5px 0px !important;
	margin: 0px !important;
	font-size: 1.2em !important;
	}
	#footer{
		clear:both; padding: 0; margin:2em 0 0 0; height: auto; background: #e8e8e8; box-sizing: border-box; font-size:0.5em; color:#333;
	}
	.breadcrumbs, .botones, #menu_media, nav, .title_page{
		display:none;
		visibility:hidden;
	}
	.ficha{
	font-size: 10px ;
	line-height: 12px ;
	padding:  5px ;
	margin: 0px;
	text-align: justify;
	}
	.col_ficha {
	display: block;
	float:left;
	margin: 0!important;
	padding: 0px 2px !important;
	}
	.col {
    display: block;
    float: left;
    margin: 1% 0 0.6% 2.6%;
	}

	#ficha{
		padding:0em; 
		
	}
	.soloprint{
	display:block !important;
	visibility:visible !important;
	}

	.ficha_nom_obra{
		font-size: 13px !important;
		padding: 2px 0 !important;
		display: block;


	}
	.ficha_text{
		padding: 0 0 4px 0 !important;
		font-size: 10px !important;
		line-height: 10px !important;
		display: block;

	}
	.ficha_legend{
	
	color: #999;
	padding:2px  0 !important;
	margin: 0!important;
	font-size: 9px !important;
	line-height: 9px !important;

	}
	td.form22 {
	font-size: 11px !important;
	line-height: 11px !important;
	padding: 4px;
	color: #000;
	
	border-bottom:#ccc 1px solid;
	}
	td.form022 {
	padding: 4px  !important;
	margin: 0 !important;
	font-size: 0.7em !important;
	color: #999;
	line-height: 0.7em !important;
	
	text-align:left;

	}
	.bb_ccc{
	border-bottom: #ccc 1px solid !important;
	}
	.no_borde{
	border:none !important;
	}
	canvas {
		height: 50px !important;
		width: 50px !important;
		margin: auto;
		margin-left: 80px;
		margin-top: 10px;
		display: block;
	}
	.tit_folio{
		text-align: center;
		font-size: 11px;
		display: block;
		color: #666;
	}
	.text_folio{
		text-align: center;
		font-size: 16px;
		display: block;
		font-weight: bold;
	}
	.tit_sec_infra{
		font-size: 16px;
		display: block;
		font-weight: bold;
		margin-top: 10px;

	}
	.tit_sub_infra{
		font-size: 13px;
		display: block;
		font-weight: bold;
		margin-top: 0px;

	}
	.maps {

		width: 234px !important;
		height: 150px !important;
		
	}
	

}
/*------------------------------------*\
   Termina print
\*------------------------------------*/