@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');


/* CSS */

/* HACKS para IE
--------------------------------------
	/nombre-estilo: para IE 6 y 7;
	_nombre-estilo: sólo para IE 6;
*/

html {
	font-size: 100%; /* IE Hack */
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	
}


/* CABECERA 
------------------------------------------------*/

#cabecera {
	position: relative;
	margin:0.5em auto 0 auto;
	padding:0;
	width:100%;
	background:#fff;
	height:109px;
}

* html #cabecera {
	margin:0.5em auto 0 auto;
	padding:0;
	width:90%; /* Aumento tamaño para que la cabecera ocupe el mismo ancho que el contenido en IE 6 */
	background:#fff;
	border-bottom:5px solid #cfc9c4;
	height: 5px;
}

*:first-child+html html #cabecera {
	margin:0.5em auto 0 auto;
	padding:0;
	width:942px;
	background:#fff;
	border-bottom:6px solid #cfc9c4;
	height:6px;
	padding-bottom:1px;
}

#cabecera .cab_logo{
	position: absolute;
	left: 4%;
	width: 680px;
	height: 100px;
}

#cabecera .cab_logo .texto_logo {
  position: absolute;
  top: 0px;
  left: 250px;
  font-size: 2em;
  font-weight: 900;
  color: #000;
  line-height: 120%;
  font-family: Arial;
}

#cabecera .cab_logo .texto_logo .color {
  color: #960082;
}


#cabecera .cab_logo .logo_cabecera {
	position: absolute;
	left: 0px;
}

* html #cabecera h1 {
	float:left;
	width:600px;
	height:105px;
	margin:0 0 -8px 0;
	padding:0;
}

*:first-child+html #cabecera h1 {
	float:left;
	width:600px;
	height:105px;
	margin:0 0 -5px 0;
	padding:0;
}

#cabecera h1 a {
	text-indent:-10000px;
	width:600px;
	height:105px;
	display:block;
}


/* NAVEGACIÓN RECURRENTE 2
------------------------------------------------*/

.navrec2 {
	position: absolute;
	clear:right; 
	float:right;
	margin:0 0 0 0;
	padding:0;
	width: 330px;
	height: 106px;
	right: 30px;
  	background-color: rgb(230, 230, 230);
	z-index: 0;
	overflow: hidden;
	transition: height 0s ease-in-out;
}
.navrec2.active {
	height: 250px;
	z-index: 50;
	transition: height 0.5s ease-in-out;
	
}

.navrec3 {
	position: relative;
	clear:left; 
	float:left;
	margin:0 0 0 0;
	padding:0;
	width: 330px;
	height: 106px;
	left: 3px;
  	background-color: rgb(230, 230, 230);
	z-index: 0;
	overflow: hidden;
	transition: height 0s ease-in-out;
}

.navrec4 {
	position: relative;
	margin:0 0 0 0;
	padding:0;
	width: 430px;
	height: 480px;
   	background-color: rgb(230, 230, 230);
	z-index: 0;
	overflow: hidden;
}

.navrecNORTE {
	position: relative;
	margin:0 0 0 0;
	padding:0;
	width: 430px;
	height: 480px;
   	background-color: #D7DFF1;
	z-index: 0;
	overflow: hidden;
}

.navrecNORESTE {
	position: relative;
	margin:0 0 0 0;
	padding:0;
	width: 430px;
	height: 480px;
   	background-color: #FEDBDB;
	z-index: 0;
	overflow: hidden;
}

.navrecCENTRO {
	position: relative;
	margin:0 0 0 0;
	padding:0;
	width: 430px;
	height: 480px;
   	background-color: #FEECDC;
	z-index: 0;
	overflow: hidden;
}

.navrecSUR {
	position: relative;
	margin:0 0 0 0;
	padding:0;
	width: 430px;
	height: 480px;
   	background-color: #E1F5F0;
	z-index: 0;
	overflow: hidden;
}



.navuser{
	position: relative;
	top: 90px;
	left: 0px;
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0;
}

.navuser li {
	list-style: none;
	margin: 15px 0;
}
.navuser li a {
	position: relative;
	text-decoration: none;
	display: flex;
	align-items: center;
	color: #555;
	font-size: 1.1em;
	translation: 0.25s;
	top: -15px;
	left: 30px;
}

.toggle{
	position: absolute;
	width: 25px;
	height: 25px;
	background: #172BB1;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}
.toggle ion-icon{
	color: #fff;
	transition: ease-in-out 0.5s;
}
.toggle.active ion-icon{
	transform: rotate(180deg);
}


.navrec3 .toggle2{
	position: absolute;
	width: 25px;
	height: 25px;
	background: #172BB1;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 100;
}
.navrec3 .toggle2 ion-icon{
	color: #fff;
	transition: ease-in-out 0.5s;
}
.navrec3 .toggle2.active ion-icon{
	transform: rotate(180deg);
}


.navuser li a:hover {
	color: #172BB1;
}

.navuser li a ion-icon {
	font-size: 1.2em;
	margin-right: 15px;
}


.navrec2 .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 15px;
	border-radius: 50%;
	z-index: 1;
}

.navrec2 .divuser{
  position: absolute;
	display: flex;
	align-items: center;
  left: 105px;
	width: 220px;
	height: 100px;
  z-index: 1;
}

.navrec2 .divuser .user{
  position: absolute;
  text-align: left;
  font-size: 1em;
  font-weight: 600;
  color: #000;
  font-family: Arial;
}

.navrec2 .divuser .cargo{
  font-size: 0.8em;
  font-weight: 500;
}


.navrec3 .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 15px;
	border-radius: 50%;
	z-index: 1;
}
.navrec3 .divusers{
  position: absolute;
	display: flex;
	align-items: center;
  left: 105px;
	width: 220px;
	height: 100px;
  z-index: 1;
}
.navrec3 .divusers .user{
  position: absolute;
  text-align: left;
  font-size: 1.2em;
  font-weight: 600;
  color: #000;
  font-family: Arial;
}
.navrec3 .divusers .cargo{
  font-size: 0.8em;
  font-weight: 500;
}


.navrec4 .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 160px;
	border-radius: 50%;
	z-index: 1;
}

.navrec4 .divusers{
  	position: absolute;
	align-items: center;
	top: 110px;
  	left: 2px;
	width: 360px;
	height: 100px;
	z-index: 1;
	
}

.navrecNORTE .divusers{
  	position: absolute;
	align-items: center;
	top: 110px;
  	left: 2px;
	width: 360px;
	height: 100px;
	z-index: 1;
}

.navrecNORTE .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 160px;
	border-radius: 50%;
	z-index: 1;
}

.navrecNORESTE .divusers{
  	position: absolute;
	align-items: center;
	top: 110px;
  	left: 2px;
	width: 360px;
	height: 100px;
  z-index: 1;
}

.navrecNORESTE .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 160px;
	border-radius: 50%;
	z-index: 1;
}

.navrecCENTRO .divusers{
  	position: absolute;
	align-items: center;
	top: 110px;
  	left: 2px;
	width: 360px;
	height: 100px;
  z-index: 1;
}

.navrecCENTRO .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 160px;
	border-radius: 50%;
	z-index: 1;
}

.navrecSUR .divusers{
  	position: absolute;
	align-items: center;
	top: 110px;
  	left: 2px;
	width: 360px;
	height: 100px;
  z-index: 1;
}

.navrecSUR .foto_user{
	position: absolute;
	width: 80px;
	height:80px;
	top: 15px;
	left: 160px;
	border-radius: 50%;
	z-index: 1;
}



/* NAVEGACIÓN RECURRENTE 4
------------------------------------------------*/

#nav_rec4 {
	margin: auto;
    width: 1000px;	
}






/* NAVEGACIÓN Iconos 
------------------------------------------------*/

#iconos {
	float:right;
	margin:0 0 0 0;
	padding:0;
	margin-left: 1em;

}


/* NAVEGACIÓN RECURRENTE 3
------------------------------------------------*/

#nav_rec3 {
    position:relative;
    bottom:-70px;
    right:-70px;	
}



	
#nav_rec3 ul li {
	display:inline;
	padding:0;
	font-size:0.9em;
	color: #172BB1;
	text-decoration: underline;
	margin-left: 2em;
	margin-right: 0em;

}



/* Fin CABECERA 
------------------------------------------------*/



/* CUERPO
------------------------------------------------*/

#cuerpo {

	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:950px;
	background-color:#fff;
	
}

/*#info {padding-bottom:0.5em; background:url(img/fd_info.jpg) no-repeat; 
	border-radius: 18px 18px 0px 0px;
-moz-border-radius: 18px 18px 0px 0px;
-webkit-border-radius: 18px 18px 0px 0px;
	}
*/


/* RASTRO DE MIGAS
------------------------------------------------*/

#path {
	margin:0 1px 0 190px;
	padding:10px;
}

* html #path {
	margin:0 1px 0 205px; /* Sólo para IE 6 */
	padding:10px;
	height:1.5em; /* Sólo para IE */
}

*:first-child+html #path {
	margin:0 1px 0 190px;
	padding:10px;
	height:1.5em; /* Sólo para IE */
}

#path p { color:#f0e8c0; margin:0; padding:0 0.5em 0.5em 0.5em; font-size:0.75em; border-bottom:1px solid #CFC9C4;}

#path a:link, #path a:visited { color:#fff; text-decoration:none; }
#path a:hover { color:#f0e8c0; text-decoration: underline; }


/* ESTRUCTURA (Columnas izq., central y dcha.)
------------------------------------------------*/

#colA {
	float:left;
	margin:-10px 0 20px 10px;
	padding:0.5em 0.5em 10em 0.5em;
	width:180px;
	background:url(img/fd_colA.gif) no-repeat;	
	border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;

}

#colB {
	float:left;
	margin:0 10px 20px 0;
	padding:0.5em;
	width:510px;
	border-right:1px solid #F0E8C0;
}

* html #colB {
	float:left;
	margin:0 10px 20px 0;
	padding:0.5em;
	width:500px; /* Sólo para IE 6 */
	border-right:1px solid #F0E8C0;
}


#colBB{
	float:left;
}


#colBB ul li {
	margin:10px 0 15px 35px;
	padding:0 0 0 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_rosa.png) no-repeat ;
}



#colBB h4 {
	clear:both;
}



.colB1 {
	clear:both;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	width:160px;
	text-align: center;
}

.colB2 {
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	width:160px;
	text-align: center;
}

.colB3 {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:160px;
	text-align: center;
}

.colB4 {
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:100px;
	text-align: center;
}


.colB1 h3, .colB2 h3, .colB3 h3 {
	font-size:0.9em; 
	background-color:#f0e8c0;
	margin:0 0 0.2em 0;
	padding: 0.2em;
	border-bottom: 1px solid #88005e;
	text-align:left;
}



.colB1 p, .colB2 p, .colB3 p {
	font-size:0.75em; 
	margin:0 0 0.1em 0;
	padding: 0.2em;
	text-align:left;
}

.colB1 a img, .colB2 a img, .colB3 a img  {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #f0e8c0;	
}

.colB1 img, .colB2 img, .colB3 img {
	border-bottom:1px solid #f0e8c0;	
}

.colB1Oferta {
	clear:both;
	float:left;
	margin:0 2px 10px 0;
	padding:0 0 20px 0;
	width:160px;
	height:260px;
	background:url(/img/maquetacion/of_pietitulobuscar.gif) bottom left no-repeat;
}

.colB2Oferta {
	float:left;
	margin:0 2px 10px 0;
	padding:0 0 20px 0;
	width:160px;
	height:260px;
	background:url(/img/maquetacion/of_pietitulobuscar.gif) bottom left no-repeat;
}

.colB3Oferta {
	float:left;
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	width:160px;
	height:260px;
	background:url(/img/maquetacion/of_pietitulobuscar.gif) bottom left no-repeat;
}

.colB1Oferta h3, .colB2Oferta h3, .colB3Oferta h3 {
	font-weight:normal;
	background-color:transparent;
	font-size:0.8em; 
	height:39px;
	background:url(/img/maquetacion/of_cabtitulobuscar.gif) top left no-repeat;
	/*background-color:#f0e8c0;*/
	padding: 0.2em;
	color:#000;
}

.colB1Oferta p, .colB2Oferta p, .colB3Oferta p {
	font-size:0.75em; 
	margin:0 0 0.1em 0;
	padding: 0.2em;
}

.colB1Oferta a img, .colB2Oferta a img, .colB3Oferta a img  {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #f0e8c0;	
}

.colB1Oferta img, .colB2Oferta img, .colB3Oferta img {
	margin:0;
}

.colB1Oferta a:link, .colB1Oferta a:visited, .colB1Oferta a:hover, .colB2Oferta a:link, .colB2Oferta a:visited, .colB2Oferta a:hover, .colB3Oferta a:link, .colB3Oferta a:visited, .colB3Oferta a:hover{
	text-decoration:none;
}

#colB ul li {
	margin:10px 0 15px 0;
	padding:0 0 0 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_rosa.png) no-repeat ;
}

#colB ul li ul li {
	margin:10px 0 15px 0;
	padding:0 0 0 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadrado_gris.png) no-repeat ;
}


#colB ul li ul li {
	margin:1em;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_gris.png) no-repeat ;
}


#colC {
	float:left;
	margin:0 0 20px 0;
	padding:0.5em;
	width:180px;
}

#colC #menu_lat ul li  {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat ;
	
/*		background:url(none) no-repeat ;*/
	border-bottom: 1px dotted #cfc9c4;
}

#colC #menu_lat ul li ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_rosa.png) no-repeat ;
	border-bottom: 1px dotted #cfc9c4;
}

#colC #menu_lat2 ul li  {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.png) no-repeat ;	
		/*background:url(none) no-repeat ;*/
	border-bottom: 1px dotted #cfc9c4;
}

#colC #menu_lat2 ul li ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_rosa.png) no-repeat ;
	border-bottom: 1px dotted #cfc9c4;
}

#colC #menu_lat3 ul li  {
	margin:0;
	padding:0 0 0 17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_81005e.gif) no-repeat ;		
	border-bottom: 1px dotted #cfc9c4;
}

#colC #menu_lat3 ul li ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadradito_rosa.gif) no-repeat ;
	border-bottom: 1px dotted #cfc9c4;
}


/* MEN√ö LATERAL
------------------------------------------------*/

.menu_lat {
	margin:0;
	padding:0;
}

.menu_lat ul {
	margin:0 1em -1em 0;
	padding:0;
	font-size:0.8em;
	
}

.menu_lat ul li ul {
	font-size:0.9em;
	margin:0 0 -0.4em 0;
	padding:0;
}

.menu_lat ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat ;
	border-bottom: 1px dotted #cfc9c4;
	background-color:#ffffff;
	color:#7d7a7d;
}


.menu_lat ul li.tit {
	padding:0.3em 0em 0.3em 0.3em;
	background:none ;
}

.menu_lat ul li ul li {
	margin:0;
	padding-left:17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat;
	border-bottom: 1px dotted #cfc9c4;
}


.menu_lat a:link, .menu_lat a:visited {color:#7d7a7d; text-decoration:none;}
.menu_lat a:hover {color:#172BB1; text-decoration:none;}



#menu_lat .active {font-weight:bold;}

#menu_lat {
	margin:0;
	padding:0;
}

#menu_lat ul {
	margin:0 1em -1em 0;
	padding:0;
	font-size:0.8em;
	
}

#menu_lat ul li ul {
	font-size:0.9em;
	margin:0 0 -0.4em 0;
	padding:0;
}

#menu_lat ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.png) no-repeat ;
	border-bottom: 1px dotted #cfc9c4;
	color:#7d7a7d;
	background-color:#ffffff;
}


#menu_lat ul li.tit {
	padding:0.3em 0em 0.3em 0.3em;
	background:none ;
}

#menu_lat ul li ul li {
	margin:0;
	padding-left:17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.png) no-repeat;
	border-bottom: 1px dotted #cfc9c4;
}


#menu_lat a:link, #menu_lat a:visited {color:#7d7a7d; text-decoration:none;}
#menu_lat a:hover {color:#172BB1; text-decoration:none;}

#menu_lat .active {font-weight:bold;}

#menu_lat2 .active {font-weight:bold;}

#menu_lat2 {
	margin:0;
	padding:0;
}

#menu_lat2 ul {
	margin:0 1em -1em 0;
	padding:0;
	font-size:0.8em;
	
}

#menu_lat2 ul li ul {
	font-size:0.9em;
	margin:0 0 -0.4em 0;
	padding:0;
}

#menu_lat2 ul li {
	margin:0;
	padding:0.3em 0em 0.3em 17px;
	list-style:none;
	/*background:url(/img/maquetacion/it_triangulo_81005e.gif) no-repeat ;*/
	/*border-bottom: 1px dotted #cfc9c4;*/
	color:#7d7a7d;
}


#menu_lat2 ul li.tit {
	padding:0.3em 0em 0.3em 0.3em;
	background:none ;
}

#menu_lat2 ul li ul li {
	margin:0;
	padding-left:17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat;
	/*border-bottom: 1px dotted #cfc9c4;*/
}


#menu_lat2 a:link, #menu_lat2 a:visited {color:#7d7a7d; text-decoration:none;}
#menu_lat2 a:hover {color:#172BB1; text-decoration:none;}

#menu_lat2 .active {font-weight:bold;}

#menu_lat3 .active {font-weight:bold;}

#menu_lat3 {
	margin:0;
	padding:0;
}

#menu_lat3 ul {
	margin:0 1em -1em 0;
	padding:0;
	font-size:0.8em;
	
}

#menu_lat3 ul li ul {
	font-size:0.9em;
	margin:0 0 -0.4em 0;
	padding:0;
}

#menu_lat3 ul li {
	margin:0 0 0 3px;
	padding:3px 5px 0 10px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_81005e.png) no-repeat ;		
	border-bottom: 1px dotted #cfc9c4;
}


#menu_lat3 ul li.tit {
	padding:0.3em 0em 0.3em 0.3em;
	background:none ;
}

#menu_lat3 ul li ul li {
	margin:0;
	padding-left:17px;
	list-style:none;
	background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat;
	/*border-bottom: 1px dotted #cfc9c4;*/
}


#menu_lat3 a:link, #menu_lat3 a:visited {color:#7d7a7d; text-decoration:none;}
#menu_lat3 a:hover {color:#172BB1; text-decoration:none;}

#menu_lat3 .active {font-weight:bold;}

/* 
------------------------------------------------*/

#contenido h2 {margin-left:0.2em;}



.archivo {
	color:#7D7A7D;
	font-size:0.8em;
	padding-left:17px;
	background:url(/img/maquetacion/ic_etiqueta.png) no-repeat;
	margin-left:0.5em;
}

#contenido ul {
	margin:0em;
	padding:0;
	font-size:0.8em;
}


#contenido ul ul {
	font-size:1em;
	margin-bottom:0em;
	margin-top:0em;
}

/*
#contenido ul li {
	margin:0;
	padding:0 0 0.3em 17px;
	list-style:none;
  background:url(/img/maquetacion/cuadrado_rosa.jpg) no-repeat;
	border-bottom: 1px dotted #ffffff;
	margin-left:10px;
}*/

#contenido ul ul li {
	margin:0;
	padding:0 0 0.3em 17px;
	list-style:none;
	background:url(/img/maquetacion/cuadrado_gris.jpg) no-repeat;
	border-bottom: 1px dotted #ffffff;
	margin-top:10px;
	margin-left:10px;

}

#contenido ul ol li {
	padding-left:17px;
	list-style-type: decimal;
	list-style-image:none;
	list-style-position:inside;
	padding:0.3em 0.2em 0.1em 17px;
	/*background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat;*/
}


#contenido ol {
	margin:0.5em;
	padding:0;
	font-size:0.8em;
}
#contenido ol ul {
	font-size:1em;
	margin-bottom:0.5em;
	margin-top:0em;
}

#contenido ul ol {
	font-size:1em;
	margin-bottom:0.5em;
	margin-top:0em;
	list-style-type: decimal;
}

#contenido ol li {
	list-style-image:none;
	list-style-position:inside;
	padding:0.3em 0.2em 0.1em 17px;
	list-style-type: decimal;
	/*background:url(/img/maquetacion/it_triangulo_81005e.gif) no-repeat;*/
	border-bottom: 15px dotted #ffffff;
}

#contenido ol ul li {
	padding-left:17px;
	list-style:none;
	/*background:url(/img/maquetacion/it_triangulo_7d7a7d.gif) no-repeat;*/
	border-bottom: 1px dotted #ffffff;	
}


#contenido {
	margin:0 0 0 5;
	padding:0;
	width:735px;
	background-color:#FFF;	
}

#contenidoTelefono {
	margin:0 0 0 5;
	padding:0;
	width:85%;
	background-color:#FFF;	
}

#contenidoUsers {
	margin:0 0 0 0;
	padding:0;
	width:900px;
	background-color:#FFF;	
}

#contenidoPRL {
	margin:0 0 0 5;
	padding:0;
	width:835px;
	background-color:#FFF;	
}

#contenidoACC {
	margin:0 0 0 5;
	padding:0;
	width:735px;
	background-color:#FFF;	
}

* html #contenidoPRL {
	margin:0 0 0 0;
	padding:0;
	width:830px; /* Sólo para IE 6 */
	background-color:#FFF;	
}


* html #contenidoACC {
	margin:0 0 0 0;
	padding:0;
	width:730px; /* Sólo para IE 6 */
	background-color:#FFF;	
}

* html #contenido {
	margin:0 0 0 0;
	padding:0;
	width:730px; /* Sólo para IE 6 */
	background-color:#FFF;	
}

.img_texto230 {
	float:left;
	margin:0.5em 1em 0.5em 0;
	padding:0;
}
.m230 p {margin-left:240px;}

.m230 ul {margin-left:240px;}

.fr {float:right; }   

.img_lista_enlaces {
	float:left;
	margin:5px;
	padding:1px;
	border:none;
}


.parrafo_flotante .imagen_flotante{
	float:left;
	margin:0.5em 1em 0.5em 0;
	padding:0;
}

li.est01 {
	clear:left;
}


h2 {margin:0px 0 10px 0;padding:0; font-size:1.5em; font-weight:normal; color:#555;}
h3 {margin:10px 0 10px 0;padding:0; font-size:1.1em; font-weight:normal; color:#888;}
h4 {
	background:url(/img/maquetacion/it_triangulo_81005e.gif) top left no-repeat; 
	margin:1em 0 1em 0;padding:0 0 0.5em 20px; 
	font-size:1em; font-weight:normal; 
	color:#888; 
	border-bottom: 1px solid #cfc9c4;
}

h5 {font-size:1em; font-weight:normal; 
	color:#8a0072; 
	}
h6 {
	background:url(/img/maquetacion/it_triangulo_81005e.gif) top left no-repeat; 
	margin:1em 0 1em 0;padding:0 0 0.5em 20px; 
	font-size:16px; font-weight:normal; 
	color:#888; 
	border-bottom: 1px solid #cfc9c4;
}
p {font-size:0.8em;}


.img-centrada {text-align:center;}

#colC h3 {
	background:url(/img/maquetacion/ic_mas.gif) top left no-repeat;
	color:#000;
	margin:1em 0 1em 0;padding:0 0 0.3em 18px; 
	font-size:1em; font-weight:normal; 
	border-bottom: 1px solid #cfc9c4;
}

#colC img{
padding: 5px 0 0 0;
}

#colC p.oferta {
	padding:0 0 0.3em 0; 
	/*border-bottom:1px dotted #cfc9c4;*/
	}


/* Fin CUERPO
------------------------------------------------*/


/* TABLA 
--------------------------------------------------------*/
* html p table {
	font-size:1em; 
}

table { font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:100%; }
table tr {padding:5px 10px 5px 10px; border:0px solid #CFC9C4;}
table tr td {padding:5px 10px 5px 10px; }

table caption {
	position:absolute; left:-9999px; overflow:hidden;}
	

tbody{
	background: #FAFAFA;
}


.menuPrin {
  box-shadow: 2px 2px 5px #999;
}

.InfoUSER tbody{
	background-color: transparent;
}

/* Fin TABLA 
--------------------------------------------------------*/

/* TABLA PRL
--------------------------------------------------------*/
	* html p table {
		font-size:1em; 
	}

	.principalPRL {
		font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:100%; 
	}
	
	.principalPRL tr {
		padding:5px 10px 5px 10px; border:0px solid #CFC9C4;   
	}
	
	.principalPRL tr td {
		padding:5px 10px 5px 10px;
	}

	.principalPRL caption {
		position:absolute; left:-9999px; overflow:hidden;
	}
	


/* Fin TABLA PRL
--------------------------------------------------------*/

/* TABLA Perfil
--------------------------------------------------------*/

	.principalPerfil {
		font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:100%;
	}
	
	.principalPerfil tr {
		
	}	


/* Fin TABLA Perfil
--------------------------------------------------------*/

/* TABLA Formacion
--------------------------------------------------------*/

	.FormacionTabla {
		font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:100%;
	}
	
	.FormacionTabla tbody {

	}	


/* Fin TABLA Formacion
--------------------------------------------------------*/



/* TABLA Frances
--------------------------------------------------------*/
	* html p table {
		font-size:1em; 
	}

	.Frances {
		font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:80%; 
	}
	
	.Frances tr {
		padding:5px 10px 5px 10px; border:0px solid #CFC9C4;   
	}
	
	.Frances tr td {
		padding:5px 10px 5px 10px;
	}

	.Frances caption {
		position:absolute; left:-9999px; overflow:hidden;
	}
	

/* Fin TABLA Frances
--------------------------------------------------------*/


/* TABLA Control
--------------------------------------------------------*/
	* html p table {
		font-size:1em; 
	}

	.principalControl {
		font-size:0.8em; border-collapse:collapse; margin-bottom:1em; width:100%; 
	}
	
	.principalControl tr {
		padding:5px 10px 5px 10px; border:0px solid #CFC9C4;   
	}
	
	.principalControl tr td {
		padding:5px 10px 5px 10px;
	}

	.principalControl caption {
		position:absolute; left:-9999px; overflow:hidden;
	}
	

/* Fin TABLA Control
--------------------------------------------------------*/





/*  TABLA menu
--------------------------------------------------------*/

.rTable {    
	display: table;    
	width: 100%;
	height: 200px;
	background: linear-gradient(to right,
    
    rgba(100, 100, 100, 100),
    rgba(200, 200, 200, 200)
  );
	color: #FFFFFF;
	font-size: 15pt;
	}
	 
.rTableRow {    
	display: table-row;
		font-size: 15pt;

	}
	 
.rTableHeading {    
	display: table-header-group;    
	background-color: #172BB1;
		font-size: 15pt;

	}
	 
.rTableCell,


.rTableHead {    
	display: table-cell;    
	padding: 3px 10px;    
	border: 0px; 
	font-size: 15pt;

	}
	 
.rTableHeading {    
	display: table-header-group;    
	background-color: #172BB1;    
	font-weight: bold;
	font-size: 15pt;

	}
	 
.rTableFoot {    
	display: table-footer-group;    
	font-weight: bold;  
	font-size: 15pt; 
	background-color: #172BB1; 
	}
	 
.rTableBody {    
	display: table-row-group;
		font-size: 15pt;

	}


/* Fin TABLA menu
--------------------------------------------------------*/


/* TABLA  TELEFONOS
--------------------------------------------------------*/
.telefonos{

  border-collapse:collapse; 
  
  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 

  line-height:2em; 
  }
  
  
.telefonos tbody{
	background: #ffffff;
}

.telefonos td:hover{
	background-color: #ffffff;
}

.cabezatabla td{
	background: #f0f0f0;
}

.cabezatabla td:hover{
	background-color: #f0f0f0;
}


/* Fin TABLA  TELEFONOS
--------------------------------------------------------*/


/* Acceso
------------------------------------------------*/

.Acceso{


  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 
  
  width:50%;
  padding-left: 5px;
  padding-right: 5px;

    
  }
  
.Acceso tbody{
	background: #ffffff;
}

.Acceso td:hover{
	background-color: #ffffff;
}


#boton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #172BB1;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  width:370px;
}

#boton1 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:170px;
}



/* Fin Acceso
------------------------------------------------*/

/* Acceso2
------------------------------------------------*/

.Acceso2{


  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 
  
  width:75%;
  padding-left: 5px;
  padding-right: 5px;

    
  }
  
.Acceso2 tbody{
	background: #ffffff;
}

.Acceso2 td:hover{
	background-color: #ffffff;
}


#boton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #172BB1;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  width:370px;
}
.boton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #172BB1;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  width:370px;
}

#boton1 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:170px;
}
.boton1 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:170px;
}

#boton2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}
.boton2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}

#boton3 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:50px;
}
.boton3 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:50px;
}

#boton4 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}
.boton4 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}

#boton5 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:50px;
}
.boton5 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:50px;
}

#boton6 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #172BB1;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:250px;
}
.boton6 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #172BB1;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:250px;
}

#boton7 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #204EB7;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  width:30%;
}
.boton7 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #204EB7;
  border: solid #000000 1px;
  text-decoration: none;
  text-align: center;
  width:30%;
}


#miniboton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}
.miniboton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #2D91D6;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}

#minibotonNORESTE {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #F46161;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}
.minibotonNORESTE {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #F46161;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}

#minibotonNORTE {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #204EB7;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}
.minibotonNORTE {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #204EB7;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}

#minibotonCENTRO {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #F6AD6E;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}
.minibotonCENTRO {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #F6AD6E;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}

#minibotonSUR {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #49AB99;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}
.minibotonSUR {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 5px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  background: #49AB99;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
}

#maxboton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #172BB1;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}
.maxboton {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow:  #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #172BB1;
  border: solid #ffffff 0px;
  text-decoration: none;
  text-align: center;
  width:150px;
}




/* Fin Acceso2
------------------------------------------------*/

/* Acceso3
------------------------------------------------*/

.Acceso3{



  font-size:0.75em; 
  
  width:50%;
    
  }
  
  
.Acceso3 tbody{
	background: #ffffff;
}



/* Fin Acceso3
------------------------------------------------*/

/* Acceso4
------------------------------------------------*/

.Acceso4{



  font-size:0.75em; 
  
  width:50%;
    
  }
  
.Acceso4 tbody{
	background: #FAFAFA;
}



/* Fin Acceso4
------------------------------------------------*/

/* Acceso5
------------------------------------------------*/

.Acceso5{



  font-size:0.75em; 
  
  width:75%;
    
  }
  
.Acceso5 tbody{
	background: #FAFAFA;
}



/* Fin Acceso5
------------------------------------------------*/

/* MENU
------------------------------------------------*/

#menu {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu1 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu1:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu2 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu2:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu3 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu3:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu4 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu4:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu5 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu5:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu6 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu6:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menu7 {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}

#menu7:hover {
	
	font-size: 20px;
	color: #172BB1;
	text-align: center;
	background-color: #FBFAFA;

}

#menupie {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
}

#menupielink {
	
	font-size: 20px;
	color: #FBFAFA;
	text-align: center;
	cursor: pointer;
}



/*=========================================================
	POST
===========================================================*/

.post {
  position: relative;
  margin-bottom: 30px;
}

.post .post-body {
  position: relative;
  margin: -50px 0px 0px 3%;
  padding: 5%;
  background: #FAFAFA;
  z-index: 10;
}



.post .post-body-anuncio {
  position: relative;
  margin: -50px 0px 0px 3%;
  padding: 5%;
  background: #fff;
  z-index: 10;
}

.post .post-img {
  display: block;
  overflow: hidden;
}

.post .post-map {
  display: block;
  
}

.post-img>img {
  width: 70%;
  -webkit-transition: 1.6s -webkit-transform;
  transition: 1.6s -webkit-transform;
  transition: 1.6s transform;
  transition: 1.6s transform, 1.6s -webkit-transform;
}

.post-map>img {
  width: 70%;
  -webkit-transition: 1.6s -webkit-transform;
  transition: 1.6s -webkit-transform;
  transition: 1.6s transform;
  transition: 1.6s transform, 1.6s -webkit-transform;
}

.post-img:hover>img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}


.post .post-title {
  font-size: 18px;
}

.post .post-title-index {
  font-size: 18px;
}


.post .post-title.title-sm {
  font-size: 16px;
}

.post .post-title-index.title-sm {
  font-size: 14px;
  text-align: center;
}


.post .post-title.title-lg {
  font-size: 25.629px;
}

.post .post-category {
  margin-bottom: 10px;
}

.post .post-category-index {
  margin-bottom: 10px;
  text-align: center;
  
}


.post .post-category-anuncio {
  margin-bottom: 10px;
}

.post-category-anuncio a {
  color: #ee4266;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.post-category a {
  color: #ee4266;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}

.post-category-index a {
  color: #ee4266;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  
  
}


.post-category a:after {
  content: ',';
  display: inline-block;
}

.post-category-anuncio a:after {
  content: ',';
  display: inline-block;
}


.post-category-index a:after {
  content: ',';
  display: inline-block;
}


.post-category a:last-child:after {
  display: none;
}

.post-category-anuncio a:last-child:after {
  display: none;
}


.post-category-index a:last-child:after {
  display: none;
}


.post .post-meta {
  margin-bottom: 10px;
}

.post-meta li {
  display: inline-block;
  color: #97989b;
  font-size: 12px;
  text-transform: uppercase;
}

.post-meta li a {
  color: #97989b;
  font-weight: 700;
}

.post-meta li a:hover, .post-meta li a:focus {
  color: #ee4266;
}

.post-meta li:after {
  content: '•';
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.post-meta li:last-child:after {
  display: none;
}



		


/* MENU
------------------------------------------------*/


/* PIE
------------------------------------------------*/

#pie {
	clear:both;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background:url(/img/maquetacion/fd_pie.gif) no-repeat;
	border-bottom:3px solid #878286;
	width:950px;
}
		
#pie1 {
	clear:both;
	margin: 0em auto 0 auto;
	padding:0.5em 0 0 0;
	width:100%;
	font-size:0.8em;

}

/* Fin PIE
------------------------------------------------*/

.clearl { clear:left; }
.clearr { clear:right }
.clearb { clear:both; }

p.dch {text-align:right;}

p.subir {
	text-align:right;
	border-bottom:1px solid #cfc9c4;
	margin-bottom:2em;
	padding:0 0.3em 0.3em 0.3em;
}

#mobi {
font-size:0.8em;
}

fieldset{
border:thin double #FADC7D;
padding:3px;
}


.fieldset {
  border:none; 
  width:255px;
  margin-top:-3px;
}




/* ENLACES
------------------------------------------------*/

a img {border:none;}
a:link, a:visited { color:#172BB1; text-decoration:underline; }
a:hover { color:#172BB1; text-decoration:underline; }
a.asistente { font-weight:bold; background:url(/img/maquetacion/ic_asistente.gif) top right no-repeat; padding:0 20px 0.5em 0.5em; }
a.horarios { background:url(/img/maquetacion/ic_horarios.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; }
a.incidencias { background:url(/img/maquetacion/ic_incidencias.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; }
a.info_legal { background:url(/img/maquetacion/legal.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; color:#8a0072; }
a.movil { background:url(/img/maquetacion/ic_movil.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; }
a.compra { background:url(/img/maquetacion/ic_compra.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; }
a.clientes { background:url(/img/maquetacion/ic_clientes.gif) top left no-repeat; padding:0 0.5em 0.5em 20px; }
.colB1 a.enlace:link, .colB1 a.enlace:visited, .colB2 a.enlace:link, .colB2 a.enlace:visited, .colB3 a.enlace:link, .colB3 a.enlace:visited { background:url(/img/maquetacion/it_triangulo_81005e.gif) top left no-repeat; padding:0.3em 0 0.3em 18px; font-weight:bold; text-decoration:underline;}
a.subir { background:url(/img/maquetacion/ic_subir.gif) top left no-repeat; padding: 0.3em 0 0.3em 18px; text-decoration:underline;}
a.mapa { background:url(/img/maquetacion/ic_mapa.gif) top left no-repeat; padding-left:18px; text-decoration:underline;}
a.cercanias { background:url(/img/maquetacion/ic_cercanias.gif) top left no-repeat; padding-left:18px; text-decoration:underline;}
.hidden { position:absolute; left:-9999px; overflow:hidden; }

p.oculto {position:absolute; left:-9999px; overflow:hidden;}

.oculto {position:absolute; left:-9999px; overflow:hidden;}










A.linkgris {
	COLOR: #666666; TEXT-DECORATION: underline; line-height:normal;
}

A.linkgris:hover {
	COLOR: #172BB1; TEXT-DECORATION: underline; line-height:normal;
}


.tr {
  text-align:right;
}


.tc {
  text-align:center;
}

.trl {
  text-align:right;
  border-top: 1px solid #8a0072;
  margin:10px 0 10px 0;
  padding:10px 0 10px 0;
}


.hrg {
  border-bottom: 1px solid #e0e0e0;
}

.hrr {
  border-bottom: 1px solid #8a0072;
}


hr {
  border-bottom: 1px solid #8a0072;
}




.str {
font-weight:bold;
}

#renferadio {
	margin:0 0 0 10px;
	width:500px;
	height:400px;
}

#planocercanias {
  width:95%;
  margin:5px 0 10px 10px;
  text-align:center;
}


.subinf {
  text-align:center;
  color:#8a0072;
  border-bottom: 1px solid #8a0072;
  margin:10px 0 10px 0;
  padding:10px 0 10px 0;
}

.billetemovil {
	text-align:center;
	border-bottom: 2px solid #8a0072;
	border-left: 2px solid #8a0072;
	border-right: 2px solid #8a0072;
	border-top: 2px solid #8a0072;
	width:250px;
	margin:5px 5px 5px 25px;
	font-size: 0.8em;
	font-weight:bold;
	padding:15px 15px 15px 15px;

}


.noflash {
	margin:0 0 0 0;		
	padding:0 0 0 0;	
	}	
	
.menulat_cabecera
{
  font-size: 0.8em;
  padding-top: 5px;
}

.clearverticalspace
{
  margin-top:30px;
}


.border {
	border:none;
}


#colB dl {
	font-size:0.8em;
}

#colB dt {
	clear:both;
	margin:10px 0 15px 0;
	padding:0 0 0 17px;
	list-style:none;
	font-size:0.8em;
}


#colB dd {
	margin:10px 0 15px 0;
	padding:0 0 0 17px;
	list-style:none;
	display:inline;
	font-size:0.8em;	
}


img {
display: block;
border:none;
}

.menu_destacado
{
	background-color: rgb(239, 232, 182);
}


.cartel_nuevo
{
	color: #ffffff;
	text-decoration: none;
	background-color: #2d9890;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
	border-radius: 4px;	
}

div.avatar {
    /* cambia estos dos valores para definir el tamaÒo de tu cÌrculo */
    height: 150px;
    width: 150px;
    /* los siguientes valores son independientes del tamaÒo del cÌrculo */
    background-repeat: no-repeat;
    background-position: 100%;
   border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
    background-size: 100% auto;
    margin:auto;
		    display:block;
}

div.estacion {
    /* cambia estos dos valores para definir el tamaÒo de tu cÌrculo */
    height: 250px;
    width: 250px;
    /* los siguientes valores son independientes del tamaÒo del cÌrculo */
    background-repeat: no-repeat;
    background-position: 100%;
   border-radius: 35px 35px 35px 35px;
-moz-border-radius: 35px 35px 35px 35px;
-webkit-border-radius: 35px 35px 35px 35px;
    background-size: 100% auto;
}

select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 30px;
    padding: 5px;
	-webkit-appearance: none;
  }



/*=========================================================
	MENU
===========================================================*/

ion-icon {
 pointer-events: none;
}

:root {
    --clr: #fff;
}

.navigation {
    position: relative;
    width: 100%;
    height: 72px;
    background: #172BB1;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.navigation ul {
    display: flex;
    width: 700px;
}
.navigation ul li {
    position: relative;
    list-style: none;
    width: 72px;
    height: 72px;
    z-index: 1;
}
.navigation ul li .nav_icons {
    position: relative;
    display: flex;
    Justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    font-weight: 500;
}
.navigation ul li .nav_icons .icon {
    position: relative;
    display: block;
    width: 100%;
    line-height: 72px;
    font-size: 1.5em;
    text-align: center;
    transition: 0.5s;
    color: var(--clr);
}
.navigation ul li.active .nav_icons .icon {
    transform: translateY(-32px);
}
.navigation ul li .nav_icons .text {
    position: absolute;
    color: var(--clr);
    top: 95%;
    font-weight: 500;
    font-size: 0.90em;
    letter-spacing: 0.05em;
    transition: 0.5s;
    opacity: 0;
    pointer-events: none; 
    cursor: default;
    transform: translateY(20px);
}
.navigation ul li.active .nav_icons .text {
    opacity: 1;
    transform: translateY(-25px);
}
.indicator {
    position: absolute;
    top: -50%;
    width: 58px;
    height: 58px;
    background: #99999B;
    border-radius: 50%;
    border: 6px solid var(--clr);
    transition: 0.5s;
}
.indicator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -22px;
    width: 20px;
    height: 20px;
    background: transparent;
    border-top-right-radius: 20px;
    box-shadow: 1px -10px 0 0 var(--clr);
}
.indicator::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -22px;
    width: 20px;
    height: 20px;
    background: transparent;
    border-top-left-radius: 20px;
    box-shadow: -1px -10px 0 0 var(--clr);
}
.navigation ul li:nth-child(1).active ~ .indicator {
    transform: translateX(calc(70px * 0));
}
.navigation ul li:nth-child(2).active ~ .indicator {
    transform: translateX(calc(70px * 1));
}
.navigation ul li:nth-child(3).active ~ .indicator {
    transform: translateX(calc(70px * 2));
}
.navigation ul li:nth-child(4).active ~ .indicator {
    transform: translateX(calc(70px * 3));
}
.navigation ul li:nth-child(5).active ~ .indicator {
    transform: translateX(calc(70px * 4));
}
.navigation ul li:nth-child(6).active ~ .indicator {
    transform: translateX(calc(70px * 5));
}
.navigation ul li:nth-child(7).active ~ .indicator {
    transform: translateX(calc(70px * 6));
}
.navigation ul li:nth-child(8).active ~ .indicator {
    transform: translateX(calc(70px * 7));
}
.navigation ul li:nth-child(9).active ~ .indicator {
    transform: translateX(calc(70px * 8));
}
.navigation ul li:nth-child(10).active ~ .indicator {
    transform: translateX(calc(70px * 9));
}


.navigation ul li.active a span menu { /*anim-opacity-start*/
  position: relative;
  display: flex;
    width: 400px;
    height: 70px;
  justify-content: center;
    align-items: center;
    border-radius: 10px;
  background: var(--new-color); /*blue*/
    transition: 0.5s;
    opacity: 1;
    transform: translateY(-130px) translateX(calc(70px * 1));
}
.navigation ul li a span .menu { /*anim-opacity-end*/
    transition: 0.3s;
  opacity: 0;
    transform: translateY(-135px) translateX(calc(70px * 1));
}




/*=========================================================
	CARD
===========================================================*/

.cont .card {
  position: relative;
  width: 285px;
  height: 180px;
  background: #E8E8E8;
  border-radius: 20px;
  backdrop-filter: blur(5);
  box-shadow: 20 20 50px #000;
  display: flex;
  overflow: hidden;
}


.cont2 .card2 {
  position: relative;
  width: 285px;
  height: 180px;
    background: linear-gradient(
    
    rgba(230, 230, 230, 230),
    rgba(240, 240, 240, 0.5)
  );

  border-radius: 20px;
  backdrop-filter: blur(5);
  box-shadow: 20 20 50px #000;
  cursor: pointer;
  overflow: hidden;
  
  display: flex;
  justify-content: center;  
  align-items: center;

}

.cont5 {
  cursor: pointer;
}



.cont3 .card3 {
  transition: transform 1s; 
  position: relative;
  width: 600px;
  height: 100px;
  background: linear-gradient(to left,
    
    rgba(100, 100, 100, 100),
    rgba(200, 200, 200, 200)
  );

  border-radius: 20px;
  backdrop-filter: blur(5);
  box-shadow: 20 20 50px #000;
  cursor: pointer;
  overflow: hidden;
  
  display: flex;
  justify-content: center;  
  align-items: center;
}

.cont3 .card3:hover {
  transition: transform 1s; 
  transform: scale(1.1);
  overflow: visible;
}
.cont3 .card3:hover .img2 {
  transition: transform 1.5s;
  transform: translate(0,3em);
  top: -70px;
}


.cont .card .foto{
  position: absolute;
  top: 50px;
  right: 10px;
  width: 80px;
  height: 100px;
  border: 1px solid #fff;
}

.cont .card .logo{
  position: absolute;
  top: 8px;
  left: 170px;
  width: 90px;
  height: auto;
}
.cont2 .card2 .logo2{
  position: absolute;
  top: 8px;
  left: 170px;
  width: 90px;
  height: auto;
}

.cont3 .card3 .logo3{
  position: absolute;
  top: 4px;
  right: 20px;
  width: 150px;
  height: auto;
}

.cont3 .card3 .img1{
  position: absolute;
  left: 40px;
  width: 120px;
  height: auto;
}
.cont3 .card3 .img2{
  position: absolute;
  top: -130px;
  left: 55px;
  width: 90px;
  height: auto;
}



.cont .card .fondo1 {
  position: absolute;
  transform: skewX(-10deg);
  top: 10px;
  left: 20px;
  border-radius: 30px 30px;
  width: 290px;
  height: 160px;
  background: #C8C8C8;
}
.cont .card .fondo2 {
  position: absolute;
  transform: skewX(-10deg);
  top: 5px;
  right: -20px;
  border-radius: 0px 25px;
  width: 150px;
  height: 40px;
  background: #E8E8E8;
}
.cont .card .fondo3 {
  position: absolute;
  transform: skewX(-20deg);
  bottom: 8px;
  right: -5px;
  border-radius: 30px 0px 0px;
  width: 105px;
  height: 15px;
  background: #E8E8E8;
}

.cont .card .fondo4 {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 40px;
  background: #2a2a2a;
}
.cont .card .fondo5 {
  position: absolute;
  bottom: 8px;
  right: -5px;
  border-radius: 30px 0px 0px;
  width: 115px;
  height: 25px;
  background: #C8C8C8;
}
.cont .card .fondo6 {
  position: absolute;
  bottom: 0px;
  right: -5px;
  border-radius: 0px 0px 0px;
  width: 115px;
  height: 10px;
  background: #C8C8C8;
}

.cont .card p {
  position: absolute;
  bottom: 25px;
  left: 40px;
  color: #292929;
  text-align: justify;
  font-size: 10px;
}

.cont .card .cardtexto {
  position: absolute;
  color: #172BB1;
  font-size: 50px;
  font-family: 'Jockey One', sans-serif;
  line-height : 45px;
  bottom: 40px;
}

.cont .card .cardtexto2 {
  position: absolute;
  color: #172BB1;
  font-size: 50px;
  font-family: 'Jockey One', sans-serif;
  line-height : 45px;
  bottom: 40px;
  left: 70px;
}

.cont .card .cardtexto3 {
  position: absolute;
  color: #172BB1;
  font-size: 50px;
  font-family: 'Jockey One', sans-serif;
  line-height : 45px;
  bottom: 40px;
  left: 60px;
}


.cont3 .card3 .cardtexto3 {
  position: absolute;
  top: 30px;
  right: 135px;
  color: #FFFFFF;
  font-size: 50px;
  letter-spacing: 2.5px;
  font-family: 'Jockey One';
  line-height : 45px;
  font-weight: 10px;
}



#cajacookies {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 600px;
  height: 600px;
  z-index: 900;
}

#cajacookies button {
  color: black;
}

#cajacookies1 {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 600px;
  height: 250px;
  z-index: 900;
}

#cajacookies1 button {
  color: black;
}
/*=========================================================
	Closed sesión
===========================================================*/

.cont_closed{
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
    width: 100%;
    height: 500px;
}

.cont_closed .closed_sesion{
	position: absolute;
	width: 430px;
		
}

.inicio_sesion{
  position: absolute;
  border-radius: 10px;
  text-shadow:  #666666;
  font-family: Arial;
  right: 0px;
  color: #ffffff;
  font-size: 15px;
  background: #172BB1;
  text-decoration: none;
  text-align: center;
  width:100px;
}

/*=========================================================
	Perfil
===========================================================*/

.fieldRepet{
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
}
.field{
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
}


.view{
	position: absolute;
	top: 5px;
	right: 50px;
}
.nonview{
	position: absolute;
	top: 5px;
	right: 50px;
}
.viewRep{
	position: absolute;
	top: 5px;
	right: 50px;
}
.nonviewRep{
	position: absolute;
	top: 5px;
	right: 50px;
}

.error{
	position: absolute;
	right: -140px;
	top: -20px;
	color: red;
}

.cont_info{
	position: relative;
	display: flex;
    align-items: center;
    height: 10px;
}

.InfoOK{
	position: absolute;
	right: 50px;
}
.InfoNO{
	position: absolute;
	right: 50px;
}

/*=========================================================
	HabEmpleado
===========================================================*/


.HabEmpleado{
  position: absolute;
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  width: 735px;
  height: 490px;
  z-index: 500;
  display: none;
}

.HabEmpleado .closed{
  position: absolute;
  font-family: Arial;
  font-color: #000000;
  font-size: 15px;
  font-weight: 900;
}

/*=========================================================
	Add Foto
===========================================================*/


.AddFoto{
  position: absolute;
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 5%;
  position: fixed;
  top: 230px;
  right: 50px;
  width: 600px;
  height: 250px;
  z-index: 500;
  display: none;
}

.AddFoto .closed{
  position: absolute;
  font-family: Arial;
  font-color: #000000;
  font-size: 15px;
  font-weight: 900;
}



/*=========================================================
	Firma digital
===========================================================*/


#draw-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 5px;
  cursor: crosshair;
  background: #ffffff;
}

#draw-dataUrl {
  width: 100%;
}


section{
    flex:1;
}


.contenedor {
    width: 100%
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: left;
}


label {
    margin: 0 15px;
}


/*=========================================================
	Formación
===========================================================*/

.diventrar{
	position: relative;
	justify-content: center;
  	align-items: center;
}

.result {
  box-shadow: 0px 0px 5px 5px #808080;
  background-color: white;
  color: black;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 230px;
  z-index: 100;
}


/*=========================================================
	Estaciones
===========================================================*/

    
.block1{ 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; 
}
    
.block1 > .block2 {
    flex: 1 1 25%; /*grow | shrink | basis */
    align-items: center;
    justify-content: center; 
    text-align: center;
}

.block1 > .block3 {
    flex: 1 1 25%; /*grow | shrink | basis */
    align-items: center;
    justify-content: center; 
}


/*=========================================================
	EPI's
===========================================================*/

    
.divPARKA{ 
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-left:5%;
    width:60px;
    background: gray;
}