/*=======================================================================================================
========================================================= GENERAL==========================================
=========================================================================================================-*/
/************************************************************************************
RESET CSS
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, nav, article, aside ,figcaption, figure, pblue{
	margin: 0;
	padding: 0;
	font: 1em Helvetica;

}

img, fieldset {
	border: 0;
}
img {
	max-width: 400%;
	height: auto;
	width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
	margin: 0;
	
}

/*====================================================================*\
                                   ESTRUCTURA  HTML, BODY, 
\*==================================================================-*/
  html{
	width: 100%;
	margin:0 auto;	

	
/* 	background:#0d0;
 */  
  }
  
body {
	width:100%;
	margin:0 auto;	  
	padding:0%;

/*    background: #999999;
 */ 	

	background:linear-gradient(left,#ddd ,#9af );
 	background:-webkit-linear-gradient(left,#ddd ,#9af );
 	background:-moz-linear-gradient(left,#ddd ,#9af );
 	background:-ms-linear-gradient(left,#ddd ,#9af );
 	background:-o-linear-gradient(left,#ddd ,#9af );
 }
 
  
  
  




/*================================================================================*\
                                        ESTRUCTURA HEADER
\*================================================================================-*/

 /************************************** estructura HEADER*/
  header{
   display: block;
   margin: 0px;
   padding: 5px;
   min-height: 10em;
   border: 1px solid #eebb55;
   	width: 100%;
	margin: 0 auto;

   
   
/*  	background:radial-gradient(circle,#679Bcc ,#355 );
 	background:-webkit-radial-gradient(circle,#679Bcc ,#355 );
 	background:-moz-radial-gradient(circle,#679Bcc ,#355 );
 	background:-ms-radial-gradient(circle,#679Bcc ,#355 );
 	background:-o-radial-gradient(circle,#679Bcc ,#355 );
 */	
	
   }

/*================================================================================*\
                                        FLEX_PANELES
\*================================================================================-*/
.flex_paneles {
    padding-top: 0.1%;	  /*REGULA SEPARACION vertical ITEM*/
	
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around; /*Safari 6.1+*/
    justify-content: space-around;	
}



.flex_paneles .flex_title {
	width:100%;
	margin-top: 0%;
	text-align: center;

	
	position: relative;
	z-index: 1;
	background-color: #090;/* COLOR FONDO titulos*/
	float: center;
	
   border: 1px solid #11aa33;
   border-radius: 5pt;
	
	
	padding: 0 0px 0 0px;
	font: 0.9em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: center;
	color: #fff;
	
 	height: 30px;
	line-height: 30px;
}


 
 

 /******************************************** estructura panel izquierdo*/

.flex_paneles .flex_panel_iz {
    padding-top: 10%;	  /*REGULA SEPARACION vertical ITEM*/
	width:20%;
	
	
}



.flex_paneles .flex_panel_iz,nav {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
}

 /******************************************** estructura panel ce*/



.flex_paneles .flex_panel_ce {
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	  	width:58%;

   }

   
.flex_paneles .flex_panel_ce, article{
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   
   border: 1px solid #11aa33;
   border-radius: 7pt;
   background: #008080;
   }


 /*********************************************** estructura panel derecho */
.flex_paneles .flex_panel_de{
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	width:22%;
   }
 
 
 
.flex_paneles .flex_panel_de, aside {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   }
 
/*================================================================================*\
                                        FLEX_PANELES FONDO
\*================================================================================-*/
.flex_panelesfondo {
    padding-top: 0.1%;	  /*REGULA SEPARACION vertical ITEM*/
	
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around; /*Safari 6.1+*/
    justify-content: space-around;	
}



.flex_panelesfondo .flex_title {
	width:100%;
	margin-top: 0%;
	text-align: center;

	
	position: relative;
	z-index: 1;
	background-color: #090;/* COLOR FONDO titulos*/
	float: center;
	
   border: 1px solid #11aa33;
   border-radius: 5pt;
	
	
	padding: 0 0px 0 0px;
	font: 0.9em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: center;
	color: #fff;
	
 	height: 30px;
	line-height: 30px;
}


 
 

 /******************************************** estructura panelfondo h1*/

.flex_panelesfondo .flex_panelfondo_h1 {
    padding-top: 10%;	  /*REGULA SEPARACION vertical ITEM*/
	width:19%;
	
	
}



.flex_panelesfondo .flex_panelfondo_h1,nav {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
}

 /******************************************** estructura panelfondo h2*/



.flex_panelesfondo .flex_panelfondo_h2 {
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	  	width:20%;

   }

   
.flex_panelesfondo .flex_panelfondo_h2, article{
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   
   border: 1px solid #11aa33;
   border-radius: 7pt;
  /*-- background: #008080;-->*/
   background: #ccccff;

  }


 /*********************************************** estructura panelfondo h3 */
.flex_panelesfondo .flex_panelfondo_h3{
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	width:20%;
   }
 
 
 
.flex_panelesfondo .flex_panelfondo_h3, aside {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   }
 

 /*********************************************** estructura panelfondo h4 */
.flex_panelesfondo .flex_panelfondo_h4{
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	width:20%;
   }
 
 
 
.flex_panelesfondo .flex_panelfondo_h4, aside {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   }
 

 /*********************************************** estructura panelfondo h5 */
.flex_panelesfondo .flex_panelfondo_h5{
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	width:18%;
   }
 
 
 
.flex_panelesfondo .flex_panelfondo_h5, aside {
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 7px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
   }
 


















 
/*================================================================================*\
                                       footer
\*================================================================================-*/
 
 
 

footer{
	
clear:left;
	
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
  font-weight: bold;
  text-align: center;
}

footer .flex-container {
    padding-top: 10px;	  /*REGULA SEPARACION vertical ITEM*/
	
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 40%;                           /* ALTURA Y COLOR DEL FLEX*/
	background-color: #357;	
    -webkit-justify-content: space-around; /*Safari 6.1+*/
    justify-content: space-around;	
	
}

footer .flex-title {
    margin: 3px;	
	border-top: 0px solid #055096;
	text-align: center;
	
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	padding: 5px 0;
	margin-bottom: 5px;
}


footer .flex-item {
	
    width: 120px;
    height: 130px;  /*ALTURA DE LOS ITEMS*/
    margin: 2px;
	border-top: 0px solid #055096;
	text-align: center;
	
	color: #f00;
	font-size: 0.9em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	padding: 5px 0;
	margin-bottom: 5px;
	
 	background:radial-gradient(circle,#679Bcc ,#355 );
 	background:-webkit-radial-gradient(circle,#679Bcc ,#355 );
 	background:-moz-radial-gradient(circle,#679Bcc ,#355 );
 	background:-ms-radial-gradient(circle,#679Bcc ,#355 );
 	background:-o-radial-gradient(circle,#679Bcc ,#355 );
 }
 
 
footer .flex-item a{
	color: #ccc;
	font-weight: bold;
}



footer .flex-item a:hover {
	background-color: #fff;
	color: #679bbc;
 
}
 
footer .copyright{
	color:#0f0;
	font-size:0.9em;
	font-weight:normal;
	text-align: center;
}
 
 
 
iframe{	
	  margin-left: auto;
      margin-right: auto;
      border:none;

}

  
  
  
  
  
  
  
  
  
  
  
  
  
/*==========================================================================*\
                                       TITULOS
\*==========================================================================-*/
.paginas_titulo {
	width:100%;
	margin-top: 4%;
	text-align: center;

	
	position: relative;
	z-index: 1;
	background-color: #090;/* COLOR FONDO titulos*/
	float: center;
	
   border: 1px solid #11aa33;
   border-radius: 5pt;
	
	
	padding: 0 0px 0 0px;
	font-size: 1em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: center;
	color: #fff;
	
 	height: 30px;
	line-height: 30px;
	
}


.paginas_ortofotos {
	width:100%;
	margin-top: 9em;
	text-align: center;

	
	position: relative;
	z-index: 1;
	background-color: #090;/* COLOR FONDO titulos*/
	float: center;
	
   border: 1px solid #11aa33;
   border-radius: 5pt;
	
	
	padding: 0 0px 0 0px;
	font-size: 1em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: center;
	color: #fff;
	
 	height: 30px;
	line-height: 30px;
	
}






figcaption{
	padding-bottom:-6px;
	color: #00f;
	font-size:0.9em;
	text-align:center;
	margin-bottom:1.5em;
}

figure{
	margin:5px auto;
}

#scrollUp {
/* 	background-color: #055096;
 */	
	background-image: url("../icono_flecha_arriba.png");
	bottom: 20px;
	right: 20px;
	width: 38px;    /* Width of image */
	height: 38px;   /* Height of image */
}

/*====================================================================*\
                               TIPOGRAFÍA
\*===================================================================-*/

p {
	color: #0f0;
	text-align:justify;
}



td{
	/*background: #69f;*/
	font-size: 1em;
	color: #fff;
	text-align:center;

}

.pwhite{
	/*background: #69f;*/
	font-size: 1.3em;
	color: #fff;
	text-align:justify;

}

.psubtit{
	/*background: #69f;*/
	font-size: 1.3em;
	color: #fff;
	text-align:center;
}


.psubtitazul{
	/*background: #69f;*/
	font-size: 1.3em;
	color: #35f;
	text-align:center;
}








.pblue{
	font-size: 1em;
	color: #00f;
	text-align:center;
	font-weight: normal;
	margin-bottom:-5px;
}
.pblack{
	font-size: 1.3em;
	color: #359;
	text-align:center;
	font-weight: normal;
	margin-bottom:5px;
}



.pblue1{
	font-size: 0.95em;
	color: #359;
	text-align:center;
	font-weight: normal;
}
.pyellow{
	font-size: 1.5em;
	color: #ff0;
	/*background: #69f;*/
	font-weight: bold;
	text-align:center;
}
.pverde{
	font-size: 0.95em;
	color: #0f0;
	/*background: #69f;
	font-weight: bold;*/
	text-align:center;
}

.centrar{
/* 	display: block;
 */	border: none;
	width: 100%;
      margin-left: auto;
      margin-right: auto;
	  padding-left:10px;
	  padding-right:10px;
	  
      border:none;
	  	color: #fff;
		text-align:center;

background-color:#357
}

.centrarvideo{
	display: block;
	border: none;
	width: 50%;
      margin-left: auto;
      margin-right: auto;
      border:none;
	  color:#fff;
background-color:#357
}

.centrarvideopeque{
	display: block;
	border: none;
	width: 100%;
      margin-left: auto;
      margin-right: auto;
      border:none;
	  color:#359;
background-color:#357
}






h1 {
	font-size: 1.5em;
	color: #055096;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
}
h2 {
	font-size: 1.4em;
	color: #fff;
	font-weight: bold;
}
h3 {
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
}
h4 {
	color: #3d566e;
	font-size: 1em;
	font-weight: bold;
}
h5 {
	color: #3d566e;
	font-size: 0.95em;
	font-weight: bold;
}
h6 {
	color: #3d566e;
	font-size: 0.95em;
	font-weight: bold;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 13px;
	margin-bottom: 3px;
}


/*=================================================================================*\
                                                  IMAGENES
\*===============================================================================-*/


.img2col{
	display: inline-block;
	width: 40%;
	height: 40%;
	margin-left: 50px;
    margin-right: 50px;
    border:none;
}

.imgtot{
	display: block;
	width: 100%;
	border: none;
	color:#fff;		
      margin-left: auto;
      margin-right: auto;
      border:none;
}

.imgtit{
	display: block;
	border: none;
	width: 80%;
			
      margin-left: auto;
      margin-right: auto;
      border:none;
}

.imgicono{
	display: block;
	border: none;
	width: 40%;
			
      margin-left: auto;
      margin-right: auto;
      border:none;
}

.imgpeque{
	display: block;
	border: none;
	width: 10%;
	height: 10%;
			
      margin-left: auto;
      margin-right: auto;
      border:none;
}



.imgiframe{	
	display:block;
 	width:400%;

	/*height:400%; */	
	  margin-left: auto;
      margin-right: auto;
      border:none;

}




.imgicono25{	
	width:30px;
	height:25px;
	margin-top:-20px;
	margin-left:12px;
	margin-bottom:-7px;

}





/*=================================================================================================*\
                                                PATILLAS
\*=================================================================================================-*/
.patillas_titulo {
	width:100%;
	margin: 0 auto;
	text-align: center;

	
	position: relative;
	z-index: 1;
	background-color: #090;/* COLOR FONDO titulos*/
	float: center;
	
   border: 1px solid #11aa33;
   border-radius: 5pt;
	
	
	padding: 0 0px 0 0px;
	font-size: 1em;
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-align: center;
	color: #fff;
	
 	height: 10%;
	line-height: 10%;
	
}











.patillas {
/* 	border-bottom: 1px solid #ededed;
 */	
   border: 1px solid #ededed;
   border-radius: 7pt;
	font-size: 0.9em;
	padding-right: 1px;
	padding-left: 1px;
}
.patillas li a {
 	background-color: #ede;
 
 	background:radial-gradient(circle,#679Bcc ,#355 );
 	background:-webkit-radial-gradient(circle,#679Bcc ,#355 );
 	background:-moz-radial-gradient(circle,#679Bcc ,#355 );
 	background:-ms-radial-gradient(circle,#679Bcc ,#355 );
 	background:-o-radial-gradient(circle,#679Bcc ,#355 );
	color: #fff;
	font-weight: bold;
	/*text-transform: uppercase;*/
   border-radius: 7pt;
	
/* 	border: none;
 */	
	padding-right: 1px;
	padding-left: 1px;
}
.patillas li a:hover {
	background-color: #78899b;
}
.patillas li.active a, .patillas li.active a:hover, .patillas li.active a:focus {
	background-color: #055096;
	color: #fff;
	
/* 	border: none;
 */	
}
.patillas.nav-justified li {
	border-right: 1px solid #fff;
   border-radius: 7pt;
}
.patillas.nav-justified li a {
	
/* 	border-bottom: none;
 */	
}
.patillas.nav-justified li.active a, .patillas.nav-justified li.active a:hover, .patillas.nav-justified li.active a:focus {
	background: #add8e6 !important;/* COLOR ACTIVO*/
	border: 1px solid #679BCC;
   border-radius: 7pt;
	color: #055096;
}  
  
/*=========================================================================================================
========================================================PANEL IZ ===========================================
=======================================================================================================-*/