@charset "utf-8";


/*___CartelConParametros___________________________________*/

/* Estructura
					x quitado <div id="idddd" class="classssssCartel">
					x quitado ...lo que agrego de estructura...
		
		<div class="cartelConParametrosContent">
			<img href="/PlantillaGenericaFedinx_(motorMio/2014-10-1/modulos/mod_cartelConParametros/img/gral/icono.jpg" alt="iconoCartel"/>
			<div class="cartelDer">
				<h2>mensaje 1</h2>
				<h3>mensaje 2</h3>
			</div>
			<div class="botones">
				<a class="borraCartel" onclick="function(){ cierra( idddd ); };">&gt;&lt;</a>
			</div>
		</div>

					x quitado ...lo que agrego de estructura...
					x quitado </div>
*/

/*puede estar contenido en un .CARTEL_CLASS_CONTENEDOR como suelto*/

.contenedorCartelGralTapaFondo{ /*#contenedorCartelGralTapaFondo_id para llamado por js*/
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .85);
	width: 100%;
	height: 100%;
}
.cartelGral{
	position: fixed;
	background-color: #fff;
	/*background-position: 1rem 1rem;
	background-repeat: no-repeat;
	background-color: conserva el de '.placaContent' con sombras detras
	*/
	height: auto;
	width: 80%;
	min-width: 240px;
	max-width: 600px;
		/*noRem*//*padding: 8px 6px 8px 6px;*/
	padding-left: .8em; /*padding right y bottom en contenido (por scroll)*/
	padding-top: .8em;
	margin: 0 auto; left:0; right:0; /*centra*/
	top: 10%; /*margin % es respecto a width de parent, top respecto a height */ /*ojo si se aumenta, el max-height de cartelDer puede dejar fuera el 'ok'*/
	overflow: hidden;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	height: auto;
		/*por si mensaje largo y sobresale de pantalla*/
		/**/
}
.cartelGral > .imgIco{ /*luego en css de plantilla puede pisarse*/
	display: block;
	float: left;
	/*margin-top: .4rem;
	margin-left: .4rem;*/
	width: 1.8em;
	height: 1.8em;
	border: 1px solid #d00;
	/*imagen original 27x27*/
	background: 	#d00 url('../motor/img/carteles/ico_error_blancoCalado.png') 0 0 no-repeat; /*color porque icono estransp para poder cambiar color desde css con el fondo*/
	background-size: contain;
}

.cartelGral > .cartelDer{
	/*float: left;*/
	float: none;
	width: auto;
		/*noRem*//*margin-left: 10px;*/ /*IE8, que ademas toma por detras del float*/
	margin-left: 2.5em; /*igual ancho que img mas un espacio*/
/*border: 1px dashed red;*/
	/*overflow: hidden; hace raro contenedor, ya no queda por detras de img float.*/
		/*noRem*//*margin-bottom: 5px;*/
	margin-bottom: .3em;
	padding-right: .8em;
	padding-bottom: .8em;
		/*por si mensaje largo y sobresale de pantalla*/
		overflow: auto;
		max-height: 16em; /*no % pq esto no toma si padres estan en auto*/
		/**/
}
.cartelGral > .cartelDer > h3{
/*font-weight: bold;*//*con font-face no*/
	color: #222;
	margin: 0;
	font-size: 1.2em;
		/*noRem*//*margin-bottom: 8px;*/
	margin-bottom: .5em;
}
.cartelGral > .cartelDer > h4{
	font-weight: normal;
	color: #555;
	font-size: 1em;
	margin: 0;
	margin-bottom: 0;
}
.cartelGral > .cartelDer > h4{
	color: #333;
	font-size: 1em;
}
.cartelGral p{
		font-size: 1em;
}
.cartelGral > .botones{
	clear: both;
	float: right;
	overflow: hidden;
		/*noRem*//*margin: -8px -6px -8px -6px;*/
	margin: 0; /* sobresale de padding de contenedor, salvo arribia que separa del texto previo (pero no toma, asi que se margina el superior flotado)*/
	/*background-color: green;*/
}
.cartelGral > .botones a{
	display: block;
	float: left;
	font-size: 1em;
	padding: 0 .4em;
	line-height: 2em;
	height: 2em;
	font-weight: bold;
	color: #999;
	border-style: dotted;
	border-color: #999;
	border-width: 2px 0 0 2px;
	font-weight: bold;
}
.cartelGral .botones a.sigue{
	/*padding-left: 8px;
	padding-right: 24px;*/
	/*background: url('RUTA_DESDE_CSS_IMG_GRAL/ico_flecha1_der.png') 90% 53% no-repeat;*/
}
.cartelGral .botones a.borraCartel{
	/*width: 20px;
	padding:0;*/
	/*background: url('RUTA_DESDE_CSS_IMG_GRAL/ico_cruz.png') 50% 53% no-repeat;*/
}
.cartelGral .botones a:hover{
	/*filter: alpha(opacity=70); opacity: .70;*/
	background-color: #eee;
	color: #222;
	cursor: pointer;
}

/*___/CartelConParametros___________________________________*/

/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	LISTAS	____________________________________________________________*/



	/*___	NOTAS	___*/
				/*nota css
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	GRAL		___	___	___	___	___	___	___	___*/
		/*.listaFed > li{ border:1px solid orange; }*/
		.listaFed{
			margin: 0;
			padding: 0;
			list-style-type: none;
			list-style-position: outside;
		}
		.listaFed .listaFed{ /*todos menos padre*/
			margin-left: 0.8em;
		}
		.listaFed.bulletNumerico{
			list-style-type: decimal;/*|decimal|decimal-leading-zero|lower-roman|upper-roman|armenian|georgian|/|lower-latin|upper-latin|lower-alpha|upper-alpha|lower-greek|*/
			padding-left: 2em; /* en indices numericos, default margin deja fuera indice, y si pongo padding en el li, lo aplica sobre el texto pero no sobre el indice, debe ir en el ul (ol), para neutralizar poner un margen negativo equivalente en el li interior*/
			/*list-style-position: outside; /* para indice numerico en ol */
		}
		.listaFed > li{
			background: url('../modulos/modCss_listas/img/gral/listItem_color0_med.png') 0px .5em no-repeat;
			margin: 0;
			padding: 0;
			margin-bottom: 0.5em;
			padding-left: 16px; /*segun tamano de img*/
			font-weight: normal;
		text-indent: 0;
		}
		.listaFed > li:last-child{ /*quita margen inferior a ultimo li de cada lista*//*igual el ul contenedor tiene margin bottom*/
			margin-bottom: 0;
		}
		/*.listaFed > li > strong{
			font-weight: bold;
			color: red;
		}*/
		.listaFed.sinSeparacionVert > li{
			margin-bottom: 0;
		}
		.listaFed.bulletColor > li{
			background: url('../modulos/modCss_listas/img/gral/listItem_color1_med.png') 0px .5em no-repeat;
		}
		.listaFed.bulletChico > li{
			background: url('../modulos/modCss_listas/img/gral/listItem_color0_ch.png') 0px .5em no-repeat;
			padding-left: 12px; /*segun tamano de img*/
		}
		.listaFed.sinBullet > li{
			background-image: none;
			padding-left: 0;
		}
		.listaFed.bulletNumerico > li{
			background-image: none;
			padding-left: 0;
			font-weight: bold; /*solo indice numerico, no contenido (que ira con span*/
			margin-right: 2em; /*mismo que padding-left de .listaFed.bulletNumerico para compensar ancho que no sobresalga de contenedor */
		}
		.listaFed.bulletNumerico > li span{/*ol*/
			font-weight: normal;
		}
		/* bullet tipo / bulletDentro*/
		.listaFed.bulletDentro > li,
		.listaFed.bulletDentro.bulletColor > li{
			padding-left: 0;
			text-indent: 16px; /* sangria y texto al nivel del bullet*/
		}
		.listaFed.bulletDentro.bulletChico > li{
			text-indent: 12px;
		}
		.listaFed.bulletDentro.sinBullet > li{ /*no se usa*/
			text-indent: 0;
		}
		.listaFed.bulletDentro.bulletNumerico{/*ol*/
			padding-left: 0;
			list-style-position: inside;
		}
		.listaFed.bulletDentro.bulletNumerico > li{/*ol*/
			padding-left: 0;
			text-indent: 0; /* excepcion a bulletDentro */
		margin-right: 0;
		}
	/*___	/GRAL		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	


/*___	LISTAS	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	BOTONERAS	____________________________________________________________*/
	/*Version: menuDesplegable_multiplesOpcionesEn1_2013-6*/



	/*___	NOTAS	___*/
				/*nota css
			[Instrucciones]
			si ul 'class' (<ul id="menu-menuprincipal" class="menu claseExtra"> ) contiene como 'claseExtra':
			'vvvv' {n1,n2,n3,n4,etc:vertic} (default si no tiene este class extra)
			'hvvv' {nivel1:horizontal; n2,n3,n4,etc:vertic} (permite multilinea en 1er nivel)
			'vhvv' {n1:vertic; n2:horiz; n3,n4,etc:vertica} (! nivel 2h debe ser 1 sola linea, pq el ancho de este supera el de pantalla (habria que calcular $botoneraVariables['maxWidth'] - anchoDeUlPadres, por JS))
			'hhhh' {n1,n2,n3,n4,etc:horiz} (! solo funciona si cada nivel (incluido 1ero) no ocupa mas de una linea, pq cada linea la tira 1 renglon mas abajo que la anterior)
			Si tiene ademas un class:
			'up':   despliegua hacia arriba
			'down': despliega hacia abajo  (default si no tiene este class extra)
			[Ej]
			<ul id="menu-menuprincipal" class="menu up hvvv">
			[Nota]
			- ie<=8 no toma rem y falla estructura hhhh
			- los margin y padding verticales los uso en px pq en rem o em toma porcion de px y quedan diferentes entre si
			[Comentarios codigo]
			- /*x* /: Colores para visualizacion. Eliminarlos en implementacion final. 

			___BOTONERA GRALES
			Puede estar ya en otros css (?)
			(?) html{ font-size: 12px; }/*necesario definir una unidad absoluta para que las unidades relativas tengan referencia
		
			Los particulares los diferencia del standard, con algun id o tag ancestro especifico (no necesariamente directo), ej: 'footer' o '#footer'
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___ /ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/


		/*___	gral	__________*/
			/*___	TODOS LOS NIVELES	__________*/
									
				ul.menu,
				ul.menu ul.sub-menu{ /* .menuNavegacion > ul.menu */
										/*gral*/
					overflow: visible; /* porque los ul internos estan position absolute*/
					float: left; /*para que tome el ancho segun el contenido solamente(aunque su contenido desplegable pueda sobresalir).*/
					width: auto;
					list-style-type: none;
					margin: 0;
					padding: 0;
											/*partic*/
												background-color: transparent;
										}
				ul.menu{
										/*gral*/
					position: relative;
					font-weight: normal; /*default*/
											/*partic*/
												font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
																		font-size: 14px;
																		font-size: 0.9rem;
																		line-height: 14px;
																		line-height: 0.9rem;
																			min-height: 14px;
																		min-height: 0.9rem; /*mismo que .menuNavegacion*//*rem para poder poner igual que contenedores y ajuste de footer, content, header, etc*/
										}
				ul.menu *{
										/*gral*/
					font-size: inherit;
					font-family: inherit;
					font-weight: inherit;
					/*line-height: inherit;*/
									}
				ul.menu ul.sub-menu{ /*ul.sub:menu:first-of-type*/
										/*gral*/
					position: absolute;
					display: none; /* default*/ /*cambia con rollover*/
					clear: both;
					width: auto;
					left: 100%; /*ubica los flotantes al margen derecho de los niveles anteriores, no espacia verticalmente niveles padre*/
					/*despliegue: vertical (default). (horizontal mas adelante)*/
					/*segun direccion despliegue*/ padding-top: 0; padding-bottom: 0; /*padding-top: si despliega hacia abajo; padding-bottom: si despliega hacia arriba. Se define aca en gral, no para cada caso*/
											/*partic*/
												padding-left: 4px; /*solo en horizontales hijos de ul verticales. quito espacio izq que separaba de padre.Otros casos modifico abajo */
																																														}
				ul.menu li{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
										/*gral*/
					clear: both;
					position: relative;
					overflow: visible;
					width: auto;
					margin: 0;
					padding: 0;
					line-height: inherit;/*necesario*/
									
				}
				ul.menu li > a{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
										/*gral*/
					position: relative;
					display: block;
					/*padding: .4rem .5rem;*//*uso o line height y paddings laterales, o bien, paddings laterales y verticales solo*/
					line-height: inherit; /*rem; /*mismo que height de .li */
				/*+*/	padding-left: .5em;
				/*+*/	padding-right: .5em;
					white-space: nowrap;
					/*(no) float: left; /* a respecto li, no li respecto ul */
					/*?*/clear: both;
						/*(no) min-height: 2rem;*/
					height: auto;/*la define por line-height + padding*/
					font-style: normal;
					text-decoration: none;
					/*Transicion*/ -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;
											/*partic*/
						 
						font-weight: normal;
																		color: #2C64A1;
																		background-color: transparent;
										}
				ul.menu ul.sub-menu > li > a{ /*todos los subniveles, menos primero*/
						/*partic*/
												color: #2C64A1;
																		background-color: transparent;
										}
				/*WP (.current-menu-item / .current-menu-ancestor) | cms fedinx (.selected-item / .selected-ancestor)*/
				ul.menu li.current-menu-item > a,
				ul.menu li.current-menu-ancestor > a,
				ul.menu li.selected-item > a,
				ul.menu li.selected-ancestor > a{
						/*partic*/
												color: #000;
										}
				ul.menu ul.sub-menu > li.current-menu-item > a,
				ul.menu ul.sub-menu > li.current-menu-ancestor > a,
				ul.menu ul.sub-menu > li.selected-item > a,
				ul.menu ul.sub-menu > li.selected-ancestor > a{
						/*partic*/
												color: #000;
										}
			/*___	/TODOS LOS NIVELES	__________*/


			/*___	SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/
				ul.menu{
						/*partic*/
												/*segun direccion despliegue*/ margin-bottom: -4px;
						/*segun direccion despliegue*/ margin-top: auto; /*mismo que margin de 'li', asi en 1er nivel neutraliza espacio de ultima linea de 1er nivel y no ocupa de mas*/ 
										}
				ul.menu.up{
						/*partic*/
												/*segun direccion despliegue*/ margin-top: -4px;
						/*segun direccion despliegue*/ margin-bottom: auto; /*mismo que margin de 'li', asi en 1er nivel neutraliza espacio de ultima linea de 1er nivel y no ocupa de mas*/ 
										}
				ul.menu ul.sub-menu{ 
										/*gral*/
					/*segun direccion despliegue*/ top: 0;
					/*segun direccion despliegue*/ bottom: auto; /*bottom: despliega hacia arriba; top: despliega hacia abajo*/
									}
				ul.menu.up ul.sub-menu{ /*ul.sub:menu:first-of-type*/
										/*gral*/
					/*segun direccion despliegue*/ top: auto;
					/*segun direccion despliegue*/ bottom: 0; /*bottom: despliega hacia arriba; top: despliega hacia abajo*/
									}
				ul.menu li{
						/*partic*/
												/*segun direccion despliegue*/ margin-bottom: 4px;
						/*segun direccion despliegue*/ margin-top: 0; /*mismo que separacion ul 2do nivel*/ /*margin-bottom: si despliega hacia abajo; margin-top: si despliega hacia arriba*/ /*no pueden tener margen vertical del mismo lado de 1er nivel o salta rollout (no (?))*/
										}
				ul.menu.up li{
						/*partic*/
												/*segun direccion despliegue*/ margin-top: 4px;
						/*segun direccion despliegue*/ margin-bottom: 0; /*mismo que separacion ul 2do nivel*/ /*margin-bottom: si despliega hacia abajo; margin-top: si despliega hacia arriba*/ /*no pueden tener margen vertical del mismo lado de 1er nivel o salta rollout (no (?))*/
										}
			/*___	/SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/

			/*___	SEGUN TIPO DE BOTONERA (class extra), cada nivel si es vertical u horizontal; y si despliega hacia arriba o hacia abajo	__________*/
				/*___	Parte: Segun direccion de despliegue vertical */
					ul.menu.hvvv > li, /*1er nivel de 'hvvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					ul.menu.vhvv > li > ul.sub-menu > li, /*2er nivel de 'vhvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					ul.menu.hhhh li{ /* los li de todos los niveles sera horiz, */
												/*gral*/
						float: left;
						clear: none;
						/*margin verticales los dejo por si hace varios renglones*/
													/*partic*/
														border-left: 1px solid #2C64A1; /*! solo en niveles que ordenan horizontal (todos los li salvo 1ero de cada nivel (luego desactivo ese))*/
												}
					ul.menu.hvvv > li:first-child,
					ul.menu.vhvv > li > ul.sub-menu > li:first-child,
					ul.menu.hhhh li:first-child{ /*1er li de cada lista no lleva borde separador*/ /*first-of-type*/ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
														border-left: none;
												}
					ul.menu.vhvv > li > ul.sub-menu,
					ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
							/*partic*/
												}
					ul.menu.hvvv > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					ul.menu.vhvv > li > ul.sub-menu > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
												/*gral*/
						left: 0; /* caso de 'hhhh', sigue siendo absolute, pero toma el ul abuelo, pq el li padre lo pase a static*/
							
							/*partic*/
														top: 14px;
							bottom: auto;
																					/*segun direccion despliegue*/ top: 0.9rem;
							bottom: auto; /* misma que height contenedor gral .menuNavegacion*/
																					/*segun direccion despliegue*/ padding-top: 4px;
							padding-bottom: 0; /* espaciado de ul interior, aparte de paddin de 'a', una sola vez en nivel 2, para que no se pegue a 1er nivel horiz. solo en 2do nivel, asi distancia de 1er nivel. demas nievels no asi salen alineados horizontal con esta*/ /*padding-top: si despliega hacia abajo; padding-bottom: si despliega hacia arriba */
							padding-left: 0; /*solo en horizontales hijos de ul verticales. quito espacio izq que separaba de padre*/ 
												}
					ul.menu.hhhh > li > ul.sub-menu li > ul.sub-menu{ /*niveles hijos (todos menos 1ero y 2 ), hijos de horizontal y horizontales ellos*/	
							/*partic*/
														/*segun direccion despliegue*/ margin-top: 4px;
							/*segun direccion despliegue*/ margin-bottom: 0; /*mismo que separacion ul 2do nivel*/ /*al revez de li padre, que tenia margin-bottom, como ahora no se contempla, usar margin-top en hijo, para que lo suplante respecto a su abuelo en vez de respecto a padre*/
												}
						/*___	Parte: Si despliega hacia arriba o hacia abajo */
						ul.menu.hvvv.up > li > ul.sub-menu,
						ul.menu.vhvv.up > li > ul.sub-menu > li > ul.sub-menu,
						ul.menu.hhhh.up li > ul.sub-menu{
								/*partic*/
																top: auto; bottom: 14px;
																								/*segun direccion despliegue*/ top: auto; bottom: 0.9rem; /* misma que height contenedor gral .menuNavegacion*/
																								/*segun direccion despliegue*/ padding-bottom: 4px;
								/*segun direccion despliegue*/ padding-top: 0; /*espaciado de ul interior , aparte de paddin de 'a', una sola vez en nivel 2, para que no se pegue a 1er nivel horiz. solo en 2do nivel, asi distancia de 1er nivel. demas nievels no asi salen alineados horizontal con esta*/ /*padding-top: si despliega hacia abajo; padding-bottom: si despliega hacia arriba */
														}
						ul.menu.hhhh.up > li > ul.sub-menu li > ul.sub-menu{
								/*partic*/
																/*segun direccion despliegue*/ margin-bottom: 4px;
								/*segun direccion despliegue*/ margin-top: 0; /*mismo que separacion ul 2do nivel*/
														}
						/*_/*/
					ul.menu.hhhh li{
												/*gral*/
						position: static; /*submenues saltea posicion de li padre, y ubica a la izq usando posicion de ul abuelo */
							
					}
				/*_/*/
				/*___	Parte: Over */
					/*(no) ul.menu li > a:hover > ul.sub-menu, No hay 'ul' dentro de 'a'.*/
					ul.menu li > ul.sub-menu:hover,
					ul.menu li:hover > ul.sub-menu{ /* Esto afecta a todos los ul inmediatamente debajo (el > ) de un 'li' o 'a' en hover, que a su vez est� dentro de un ul.menu */
												/*gral*/
						display: block; /* subnivel desplegable*/
											}
					ul.menu li > a:hover{ /* Todos los niveles. luego pisa de segundo en adelante*/
							/*partic*/
														color: #000;
												}
					ul.menu ul.sub-menu > li > a:hover{ /* de 2do nivel en adelante*/
							/*partic*/
														color: #000;
												}
					/*WP | cms fedinx*/
					ul.menu li.current-menu-item > a:hover,
					ul.menu li.current-menu-ancestor > a:hover,
					ul.menu li.selected-item > a:hover,
					ul.menu li.selected-ancestor > a:hover{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
														color: #000;
												}
					ul.menu ul.sub-menu > li.current-menu-item > a:hover,
					ul.menu ul.sub-menu > li.current-menu-ancestor > a:hover,
					ul.menu ul.sub-menu > li.selected-item > a:hover,
					ul.menu ul.sub-menu > li.selected-ancestor > a:hover{ 
							/*partic*/
														color: #000;
												}
				/*_/*/
			/*___	/SEGUN TIPO DE BOTONERA	__________*/
/*___	/gral	__________*/
/*___	header	__________*/
			/*___	TODOS LOS NIVELES	__________*/
									#header .menuNavegacion { /* div o nav. contenedor de ul.menu */
											}
									
				#header .menuNavegacion ul.menu,
				#header .menuNavegacion ul.menu ul.sub-menu{ /* .menuNavegacion > ul.menu */
											/*partic*/
										}
				#header .menuNavegacion ul.menu{
											/*partic*/
																																														}
				#header .menuNavegacion ul.menu *{
									}
				#header .menuNavegacion ul.menu ul.sub-menu{ /*ul.sub:menu:first-of-type*/
											/*partic*/
																																														}
				#header .menuNavegacion ul.menu li{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
									
				}
				#header .menuNavegacion ul.menu li > a{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
											/*partic*/
																						}
				#header .menuNavegacion ul.menu ul.sub-menu > li > a{ /*todos los subniveles, menos primero*/
						/*partic*/
																}
				/*WP (.current-menu-item / .current-menu-ancestor) | cms fedinx (.selected-item / .selected-ancestor)*/
				#header .menuNavegacion ul.menu li.current-menu-item > a,
				#header .menuNavegacion ul.menu li.current-menu-ancestor > a,
				#header .menuNavegacion ul.menu li.selected-item > a,
				#header .menuNavegacion ul.menu li.selected-ancestor > a{
						/*partic*/
										}
				#header .menuNavegacion ul.menu ul.sub-menu > li.current-menu-item > a,
				#header .menuNavegacion ul.menu ul.sub-menu > li.current-menu-ancestor > a,
				#header .menuNavegacion ul.menu ul.sub-menu > li.selected-item > a,
				#header .menuNavegacion ul.menu ul.sub-menu > li.selected-ancestor > a{
						/*partic*/
										}
			/*___	/TODOS LOS NIVELES	__________*/


			/*___	SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/
				#header .menuNavegacion ul.menu{
						/*partic*/
										}
				#header .menuNavegacion ul.menu.up{
						/*partic*/
										}
				#header .menuNavegacion ul.menu ul.sub-menu{ 
									}
				#header .menuNavegacion ul.menu.up ul.sub-menu{ /*ul.sub:menu:first-of-type*/
									}
				#header .menuNavegacion ul.menu li{
						/*partic*/
										}
				#header .menuNavegacion ul.menu.up li{
						/*partic*/
										}
			/*___	/SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/

			/*___	SEGUN TIPO DE BOTONERA (class extra), cada nivel si es vertical u horizontal; y si despliega hacia arriba o hacia abajo	__________*/
				/*___	Parte: Segun direccion de despliegue vertical */
					#header .menuNavegacion ul.menu.hvvv > li, /*1er nivel de 'hvvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					#header .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li, /*2er nivel de 'vhvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					#header .menuNavegacion ul.menu.hhhh li{ /* los li de todos los niveles sera horiz, */
													/*partic*/
												}
					#header .menuNavegacion ul.menu.hvvv > li:first-child,
					#header .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li:first-child,
					#header .menuNavegacion ul.menu.hhhh li:first-child{ /*1er li de cada lista no lleva borde separador*/ /*first-of-type*/ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
												}
					#header .menuNavegacion ul.menu.vhvv > li > ul.sub-menu,
					#header .menuNavegacion ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
							/*partic*/
												}
					#header .menuNavegacion ul.menu.hvvv > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					#header .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					#header .menuNavegacion ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
							
							/*partic*/
																										}
					#header .menuNavegacion ul.menu.hhhh > li > ul.sub-menu li > ul.sub-menu{ /*niveles hijos (todos menos 1ero y 2 ), hijos de horizontal y horizontales ellos*/	
							/*partic*/
												}
						/*___	Parte: Si despliega hacia arriba o hacia abajo */
						#header .menuNavegacion ul.menu.hvvv.up > li > ul.sub-menu,
						#header .menuNavegacion ul.menu.vhvv.up > li > ul.sub-menu > li > ul.sub-menu,
						#header .menuNavegacion ul.menu.hhhh.up li > ul.sub-menu{
								/*partic*/
																														}
						#header .menuNavegacion ul.menu.hhhh.up > li > ul.sub-menu li > ul.sub-menu{
								/*partic*/
														}
						/*_/*/
					#header .menuNavegacion ul.menu.hhhh li{
							
					}
				/*_/*/
				/*___	Parte: Over */
					/*(no) ul.menu li > a:hover > ul.sub-menu, No hay 'ul' dentro de 'a'.*/
					#header .menuNavegacion ul.menu li > ul.sub-menu:hover,
					#header .menuNavegacion ul.menu li:hover > ul.sub-menu{ /* Esto afecta a todos los ul inmediatamente debajo (el > ) de un 'li' o 'a' en hover, que a su vez est� dentro de un ul.menu */
											}
					#header .menuNavegacion ul.menu li > a:hover{ /* Todos los niveles. luego pisa de segundo en adelante*/
							/*partic*/
												}
					#header .menuNavegacion ul.menu ul.sub-menu > li > a:hover{ /* de 2do nivel en adelante*/
							/*partic*/
												}
					/*WP | cms fedinx*/
					#header .menuNavegacion ul.menu li.current-menu-item > a:hover,
					#header .menuNavegacion ul.menu li.current-menu-ancestor > a:hover,
					#header .menuNavegacion ul.menu li.selected-item > a:hover,
					#header .menuNavegacion ul.menu li.selected-ancestor > a:hover{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
												}
					#header .menuNavegacion ul.menu ul.sub-menu > li.current-menu-item > a:hover,
					#header .menuNavegacion ul.menu ul.sub-menu > li.current-menu-ancestor > a:hover,
					#header .menuNavegacion ul.menu ul.sub-menu > li.selected-item > a:hover,
					#header .menuNavegacion ul.menu ul.sub-menu > li.selected-ancestor > a:hover{ 
							/*partic*/
												}
				/*_/*/
			/*___	/SEGUN TIPO DE BOTONERA	__________*/
/*___	/header	__________*/
/*___	footer	__________*/
			/*___	TODOS LOS NIVELES	__________*/
									#footer .menuNavegacion { /* div o nav. contenedor de ul.menu */
											}
									
				#footer .menuNavegacion ul.menu,
				#footer .menuNavegacion ul.menu ul.sub-menu{ /* .menuNavegacion > ul.menu */
											/*partic*/
										}
				#footer .menuNavegacion ul.menu{
											/*partic*/
																		font-size: 20px;
																		font-size: 1.24rem;
																		line-height: 22px;
																		line-height: 1.4rem;
																			min-height: 22px;
																		min-height: 1.4rem; /*mismo que .menuNavegacion*//*rem para poder poner igual que contenedores y ajuste de footer, content, header, etc*/
										}
				#footer .menuNavegacion ul.menu *{
									}
				#footer .menuNavegacion ul.menu ul.sub-menu{ /*ul.sub:menu:first-of-type*/
											/*partic*/
												padding-left: 1px; /*solo en horizontales hijos de ul verticales. quito espacio izq que separaba de padre.Otros casos modifico abajo */
																																														}
				#footer .menuNavegacion ul.menu li{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
									
				}
				#footer .menuNavegacion ul.menu li > a{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
											/*partic*/
																		color: #fff;
																}
				#footer .menuNavegacion ul.menu ul.sub-menu > li > a{ /*todos los subniveles, menos primero*/
						/*partic*/
												color: #2C64A1;
																}
				/*WP (.current-menu-item / .current-menu-ancestor) | cms fedinx (.selected-item / .selected-ancestor)*/
				#footer .menuNavegacion ul.menu li.current-menu-item > a,
				#footer .menuNavegacion ul.menu li.current-menu-ancestor > a,
				#footer .menuNavegacion ul.menu li.selected-item > a,
				#footer .menuNavegacion ul.menu li.selected-ancestor > a{
						/*partic*/
												color: #255287;
										}
				#footer .menuNavegacion ul.menu ul.sub-menu > li.current-menu-item > a,
				#footer .menuNavegacion ul.menu ul.sub-menu > li.current-menu-ancestor > a,
				#footer .menuNavegacion ul.menu ul.sub-menu > li.selected-item > a,
				#footer .menuNavegacion ul.menu ul.sub-menu > li.selected-ancestor > a{
						/*partic*/
												color: #A4BFDA;
										}
			/*___	/TODOS LOS NIVELES	__________*/


			/*___	SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/
				#footer .menuNavegacion ul.menu{
						/*partic*/
												/*segun direccion despliegue*/ margin-bottom: -1px;
						/*segun direccion despliegue*/ margin-top: auto; /*mismo que margin de 'li', asi en 1er nivel neutraliza espacio de ultima linea de 1er nivel y no ocupa de mas*/ 
										}
				#footer .menuNavegacion ul.menu.up{
						/*partic*/
												/*segun direccion despliegue*/ margin-top: -1px;
						/*segun direccion despliegue*/ margin-bottom: auto; /*mismo que margin de 'li', asi en 1er nivel neutraliza espacio de ultima linea de 1er nivel y no ocupa de mas*/ 
										}
				#footer .menuNavegacion ul.menu ul.sub-menu{ 
									}
				#footer .menuNavegacion ul.menu.up ul.sub-menu{ /*ul.sub:menu:first-of-type*/
									}
				#footer .menuNavegacion ul.menu li{
						/*partic*/
												/*segun direccion despliegue*/ margin-bottom: 1px;
						/*segun direccion despliegue*/ margin-top: 0; /*mismo que separacion ul 2do nivel*/ /*margin-bottom: si despliega hacia abajo; margin-top: si despliega hacia arriba*/ /*no pueden tener margen vertical del mismo lado de 1er nivel o salta rollout (no (?))*/
										}
				#footer .menuNavegacion ul.menu.up li{
						/*partic*/
												/*segun direccion despliegue*/ margin-top: 1px;
						/*segun direccion despliegue*/ margin-bottom: 0; /*mismo que separacion ul 2do nivel*/ /*margin-bottom: si despliega hacia abajo; margin-top: si despliega hacia arriba*/ /*no pueden tener margen vertical del mismo lado de 1er nivel o salta rollout (no (?))*/
										}
			/*___	/SEGUN DIRECCION EN QUE DESPLIEGUE Verticalmente	__________*/

			/*___	SEGUN TIPO DE BOTONERA (class extra), cada nivel si es vertical u horizontal; y si despliega hacia arriba o hacia abajo	__________*/
				/*___	Parte: Segun direccion de despliegue vertical */
					#footer .menuNavegacion ul.menu.hvvv > li, /*1er nivel de 'hvvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					#footer .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li, /*2er nivel de 'vhvv' sera horiz, el resto queda default (vertic). Y sus li llevan un borde separador izq, salvo el 1er li*/
					#footer .menuNavegacion ul.menu.hhhh li{ /* los li de todos los niveles sera horiz, */
													/*partic*/
												}
					#footer .menuNavegacion ul.menu.hvvv > li:first-child,
					#footer .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li:first-child,
					#footer .menuNavegacion ul.menu.hhhh li:first-child{ /*1er li de cada lista no lleva borde separador*/ /*first-of-type*/ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
												}
					#footer .menuNavegacion ul.menu.vhvv > li > ul.sub-menu,
					#footer .menuNavegacion ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
							/*partic*/
												}
					#footer .menuNavegacion ul.menu.hvvv > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					#footer .menuNavegacion ul.menu.vhvv > li > ul.sub-menu > li > ul.sub-menu, /*1er nivel que sea hijo de un nivel horizontal*/
					#footer .menuNavegacion ul.menu.hhhh li > ul.sub-menu{ /*niveles hijos (todos menos 1ero), hijos de horizontal y horizontales ellos*/	
							
							/*partic*/
														top: 22px;
							bottom: auto;
																					/*segun direccion despliegue*/ top: 1.4rem;
							bottom: auto; /* misma que height contenedor gral .menuNavegacion*/
																					/*segun direccion despliegue*/ padding-top: 1px;
							padding-bottom: 0; /* espaciado de ul interior, aparte de paddin de 'a', una sola vez en nivel 2, para que no se pegue a 1er nivel horiz. solo en 2do nivel, asi distancia de 1er nivel. demas nievels no asi salen alineados horizontal con esta*/ /*padding-top: si despliega hacia abajo; padding-bottom: si despliega hacia arriba */
							padding-left: 0; /*solo en horizontales hijos de ul verticales. quito espacio izq que separaba de padre*/ 
												}
					#footer .menuNavegacion ul.menu.hhhh > li > ul.sub-menu li > ul.sub-menu{ /*niveles hijos (todos menos 1ero y 2 ), hijos de horizontal y horizontales ellos*/	
							/*partic*/
														/*segun direccion despliegue*/ margin-top: 1px;
							/*segun direccion despliegue*/ margin-bottom: 0; /*mismo que separacion ul 2do nivel*/ /*al revez de li padre, que tenia margin-bottom, como ahora no se contempla, usar margin-top en hijo, para que lo suplante respecto a su abuelo en vez de respecto a padre*/
												}
						/*___	Parte: Si despliega hacia arriba o hacia abajo */
						#footer .menuNavegacion ul.menu.hvvv.up > li > ul.sub-menu,
						#footer .menuNavegacion ul.menu.vhvv.up > li > ul.sub-menu > li > ul.sub-menu,
						#footer .menuNavegacion ul.menu.hhhh.up li > ul.sub-menu{
								/*partic*/
																top: auto; bottom: 22px;
																								/*segun direccion despliegue*/ top: auto; bottom: 1.4rem; /* misma que height contenedor gral .menuNavegacion*/
																								/*segun direccion despliegue*/ padding-bottom: 1px;
								/*segun direccion despliegue*/ padding-top: 0; /*espaciado de ul interior , aparte de paddin de 'a', una sola vez en nivel 2, para que no se pegue a 1er nivel horiz. solo en 2do nivel, asi distancia de 1er nivel. demas nievels no asi salen alineados horizontal con esta*/ /*padding-top: si despliega hacia abajo; padding-bottom: si despliega hacia arriba */
														}
						#footer .menuNavegacion ul.menu.hhhh.up > li > ul.sub-menu li > ul.sub-menu{
								/*partic*/
																/*segun direccion despliegue*/ margin-bottom: 1px;
								/*segun direccion despliegue*/ margin-top: 0; /*mismo que separacion ul 2do nivel*/
														}
						/*_/*/
					#footer .menuNavegacion ul.menu.hhhh li{
							
					}
				/*_/*/
				/*___	Parte: Over */
					/*(no) ul.menu li > a:hover > ul.sub-menu, No hay 'ul' dentro de 'a'.*/
					#footer .menuNavegacion ul.menu li > ul.sub-menu:hover,
					#footer .menuNavegacion ul.menu li:hover > ul.sub-menu{ /* Esto afecta a todos los ul inmediatamente debajo (el > ) de un 'li' o 'a' en hover, que a su vez est� dentro de un ul.menu */
											}
					#footer .menuNavegacion ul.menu li > a:hover{ /* Todos los niveles. luego pisa de segundo en adelante*/
							/*partic*/
														color: #A4BFDA;
												}
					#footer .menuNavegacion ul.menu ul.sub-menu > li > a:hover{ /* de 2do nivel en adelante*/
							/*partic*/
														color: #255287;
												}
					/*WP | cms fedinx*/
					#footer .menuNavegacion ul.menu li.current-menu-item > a:hover,
					#footer .menuNavegacion ul.menu li.current-menu-ancestor > a:hover,
					#footer .menuNavegacion ul.menu li.selected-item > a:hover,
					#footer .menuNavegacion ul.menu li.selected-ancestor > a:hover{ /*tambien toma ul.sub-menu pq esta dentro de ul.menu */
							/*partic*/
														color: #255287;
												}
					#footer .menuNavegacion ul.menu ul.sub-menu > li.current-menu-item > a:hover,
					#footer .menuNavegacion ul.menu ul.sub-menu > li.current-menu-ancestor > a:hover,
					#footer .menuNavegacion ul.menu ul.sub-menu > li.selected-item > a:hover,
					#footer .menuNavegacion ul.menu ul.sub-menu > li.selected-ancestor > a:hover{ 
							/*partic*/
														color: #255287;
												}
				/*_/*/
			/*___	/SEGUN TIPO DE BOTONERA	__________*/
/*___	/footer	__________*/


	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/BOTONERAS	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*_______*/
	/*
	html{			border: 4px solid aqua		!important;}
	body{			border: 4px solid maroon	!important;}
	#wrapper{	border: 4px dotted orange 	!important;}
	#header{		outline: 4px dotted red 	!important;}
	#content{	outline: 4px dotted green	 !important;}
	#footer{		outline: 4px dotted blue	!important;}
	*/

	/*
	*{					outline: 1px solid #000	!important;}
	* *{				outline: 1px solid #222 !important;}
	* * *{			outline: 1px solid #444 !important;}
	* * * *{			outline: 1px solid #666 !important;}
	* * * * *{		outline: 1px solid #888 !important;}
	* * * * * *{	outline: 1px solid #aaa !important;}
	* * * * * * *{	outline: 1px solid #ccc !important;}
	*/

/*
	#content *{					outline: 1px solid #000	!important;}
	#content * *{				outline: 1px solid #222 !important;}
	#content * * *{			outline: 1px solid #444 !important;}
	#content * * * *{			outline: 1px solid #666 !important;}
	#content * * * * *{		outline: 1px solid #888 !important;}
	#content * * * * * *{	outline: 1px solid #aaa !important;}
	#content * * * * * * *{	outline: 1px solid #ccc !important;}
*/

/*_______*/
	html{
		/*background-color: #F4F037;*/
	} /*amarillo*/
	body{
		/*background-color: #8DC78E; */
	} /*verde apagado*/
	#wrapper{
		/*background-color: #96AFBE;*/
	} /*gris celeste*/
	#header{
		/*background-color: #E77C6D;*/
	} /*rosa salmon*/
	#content{
		/*background-color: #73E1CB;*/
	} /*verde claro*/
	#footer{
		/*background-color: rgba(100%, 80%, 80%, .7);*/
	} /*marron claro*/
	

	#header {
	/*	border: 1px solid blue !important;*/
	}
	#header #head_area_logo, #header #area2, #header #head_area_menu, #header #head_area_botIconos{
	/*	border: 1px dashed orange;*/
	
	}
	#content{
		/*border: 1px solid blue !important;*/
	}

/*_______*/
	/*footer#footer ul.botoneraPrincipal{ display:none; }*/
	/*header#header ul.botoneraPrincipal{ display:none; }*/
	/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	RESET TAGS CRUDOS	____________________________________________________________*/



	/*___	NOTAS	___*/
				/*nota css
			Tags en crudo generales (sin class o id)
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS AISLADOS		___	___	___	___	___	___	___	___*/


		/*___	RESETEO	__________	__________	__________*/
			html, body, div, span, iframe,
			h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			a, abbr, acronym, address, code,
			em, small, strong,
			ol, ul, li,
			fieldset, form, label, legend,
			table, caption, tbody, tfoot, thead, tr, th, td{
				font-family: inherit;
				font-size: inherit; /*100%;/*?*/
				font-style: inherit;
				font-weight: inherit;
				outline: 0;
				margin: 0;
				padding: 0;
				vertical-align: top; /*baseline;*/
				border: none;
			}
			html{
				font-size: 1em; /*el <html>, no en el <body>, ya que las unidades 'rem' son en relacion a <html>*/
				line-height: 1em;
			}
			body{
				line-height: 1em; /*?*/
			}
			a{
				text-decoration: none;
				cursor: pointer; /*para q tome aunque no tenga href*/
			}
			a:hover{
			}
			p, h1, h2, h3, h4, h5, h6,
			pre, table, address, fieldset,
			hr{
				margin: 0;
				margin-bottom: .7em;
				padding: 0;
			}
			hr{
				border: none;
				height: 1px;
				background-color: #888;
			}
			ul, ol, dl{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style-type: none; /*square*/
			}
			ol{
				list-style-type: decimal;
			}
			li, dt, dd{
				/* definido junto a p h1 etc
				margin: 0;
				padding: 0;*/
				margin-bottom: .5em;
			}
			ins{
				text-decoration: none;
			}
			del{
				text-decoration: line-through;
			}
			form{
				/*font-size: inherit;*/
			}
			select, option, input, textarea{
				/*font-size: inherit;*/
			}
			iframe{
				overflow: hidden;
				border: none;
				margin: 0;
				padding: 0;
			}
			figure{
				margin: 0;
			}
			table{
				border-collapse: collapse;
				border-spacing: 0;
			}
			blockquote{ /* ,q */
				quotes: none;
			}
			blockquote:before, blockquote:after{ /*, q:before, q:after */
				content: '';
				content: none; /*?*/
			}
			:focus{ /*?*/
				outline: 0;
			}
		/*___	/RESETEO	__________	__________	__________*/


		/*___	SETEO	__________	__________	__________*/
			img{
				display: block;
				border-style: none;
				border-width: 0;
			}
			hr{
				/* como bloque de altura*/
				clear: both;
				background-color: #000;
				height: 1px;
				/*width: auto;*/
				border: none;
				/*como bloque sin altura y con borde*/ /*border-color: #ccc;border-style: solid;border-width: 1px 0 0;height: 0;*/
			}
			
			*{
				/*position: relative;*/
				/*border: none;*/
				/*margin: 0;*/
				/*padding: 0;*/
			}

		/*___	/SETEO	__________	__________	__________*/


	/*___	/ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS		___	___	___	___	___	___	___	___*/
	
	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/RESET TAGS CRUDOS	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	ESTRUCTURA GRAL	____________________________________________________________*/


	/*___	NOTAS	___*/
				/*
			Tags html5{ header, section, footer, aside, nav, article, address, 	figure, figcaption, hgroup }
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ESTRUCTURA HTML	___	___	___	___	___	___	___	___*/
		/* corregir
		#wrapper{
			header#header{
				#head_area_logo{ <!-- ISOLOGO -->
				}
				#area2{ <!-- TITULO -->
				}
				nav#head_area_menu{
					ul.botoneraPrincipal{} <!-- BOTONERA PRINCIPAL -->
				}			
				#head_area_botIconos{
					#menuIconos_ano{}
					ul.menuIconos_iconos{} <!-- BOTONERA RED SOCIAL -->
				}
			}
			#content{
				.contentLineaHorizontal1{}
				
				#galeriaCabecera{}
				#tituloArea{}
			_		
				xxx
					.contenedorHorizontalPlacas{
						.placaConSombra ancho5cols > .shadow1 > ... {
							.placaContent anulaPaddingSuperior{
								.contenedorHorizontalDivs flotaColIzq colFlotadaEsChica marginLeftSobresalido{
									.colFlotadaDelante{}
									.colNoFlotadaDetras{}
								}
							}
						}
					}
				xxx
			}

		}
		footer#footer{
			#footerArea1{
				//.footerWrapper{
				ul.botoneraPrincipal{} <!-- BOTONERA PRINCIPAL duplicada-->
				// /
			}
			#footerArea2{
				address{ //.footerWrapper	
					#footerCredito{}
					#footerDatos{}
				}
			}
		}
		*/
	/*___	/ESTRUCTURA HTML	___	___	___	___	___	___	___	___*/	
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
		

		/*___	TAGS	__________	__________	__________*/
			html, body{
				margin: 0;
				padding: 0;
				height: 100%; /* fundamental */
			}
			html{ /*font-size, los rem toman respecto al 'html'*/
				/*
				background-image: url('imagenFondo.jpg');
				background-position: top center;
				background-attachment: fixed;  
				background-repeat: repeat;
				*/
			}
			body{
				position: relative;
			}
			p, li{
				padding: 0;
				margin: 0;
				margin-bottom: .6em;
			}
			h1, h2, h3, h4, h5, h6{
				padding: 0;
				margin: 0;
				margin-bottom: .4em;
			}
			h4{
			}
			/*h2 + h3{
				margin-top: -.7em; /* subtitulo bajo otro titulo, va pegado
			}*/
			iframe{
				overflow: hidden;
				border: none;
				margin: 0;
				padding: 0;
			}
			a{
				cursor: pointer; /*para q tome aunque no tenga href*/
			}
			hr{
				border:none;
				height: 1px;
			}
			ul,ol, dl{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style-type: none;
			}
			ol{
			}
			li,dt,dd{
				/* margin: 0; padding: 0; definido junto a p h1 etc*/
				margin-bottom: .5em;
				padding: 0;
			}
			img{
				display: block;
				border-style: none;
				border-width: 0;
			}
		/*___	/TAGS	__________	__________	__________*/

		
		/*___	GRALES mediante Class	__________	__________	__________*/
			.clear{
				clear: both;
			}
			.floatLeft{
				float: left;
			}
			.floatRight{
				float: right;
			}
			.centra{
				float: none; /*!important;*/
				clear: both; /* !important;*/
				margin: 0 auto;
			}

		/*___	/GRALES mediante Class	__________	__________	__________*/


		/*___	Correcciones llamadas arbitrariasmente con class
			se cargan luego de todos los css para corregirlas
		/*___	/ ___*/

		
	/*___ /ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
		

		/*___	ESTRUCTURA BASE	__________	__________	__________*/
			#wrapper{ /* body > #wrapper */
				position: relative; /*?*/
				overflow: hidden; /* para altura de contenido*/
				margin: 0 auto;
				padding: 0;
				width: auto;
/*border:1px dashed orange;*/
				max-width: 1100px;
					/*Footer fijo*/
						/*Respetar orden*/
						/*Estas 2 lineas eran necesarias para navegadores antiguos, si anda bien sin ellos, no usarlos. Lo mismo las 2 ultimas para IE6-7
						- min-height: 100%; /*el valor minimo es la pantalla completa -luego le restamos la altura del footer
						- height: auto !important; /* con esto funciona para todos los navegadores
						- height: 100%; tramite
						 */
					height: auto; 
					min-height: 100%; /*tramite*/
						/*min-height: 576px; si quiero, que si el contenido sobresale de ventana esta scrolee en vez de calcular el footer mal extendiendo ventana por debajo (caso de flash fijo) */
						/*NoTomaRem*/margin-bottom: -187px; 
					margin-bottom: -11.7rem; /* el margen es la altura del pie en negativo */
						/*ie6-7*/ /* *height: auto;*/
						/*ie6-7*/ /* *margin-bottom: 0;*/
					/*/*/
		
			}
			#footer{ /* body > footer#footer */
				z-index: 10;
				position: relative;
				width: 100%; /*toda la ventana*/
				margin: 0 auto;
					/*Footer fijo*/
					/*NoTomaRem*/height: 187px;
					height: 11.7rem; /*72px; /*espacio extra para cargar botonera inferior con ul absoluts*/
					/*/*/
					overflow: visible; /*necesario para que ul absolutes sobresalgan*/
					/*que alturas contenido midan lo mismo que altura de #footer (4.5rem = 72px (para 1rem=16px))*/
			}
			#header{ /* body > #wrapper > header#header */
				z-index: 12;
				position: relative;
				overflow: visible; /*por desplegables de menu*/
				clear: both;
				margin: 0 auto;
				width: auto;  /*100% antes, pero desp con el icono de menu responsive con header con padding incrementa*//*%; /*width: %;*/
				/*width: auto;*/
				min-height: 72px;
				border-bottom: 4px solid #9ECCFF;
					/*Transicion*/
					/*transition: all .5s*/
					/*/*/
			}
			#header:after{
				content: '';
				display: block;
				clear: both;
			}
			/*_*/
				#contenedor_botonDespliegaMenuRespons{ /*iconito despliega menu en tamanos chicos. dentro de #header*/
					z-index: 1;
					display: none; /*block, solo cuando mediaqueri tamaño mobile*/
				}
			/*_*/

			/*Boton ir arriba*/
				#botonIrArriba{ /*el id lo crea la funciuon js armaYActivaScrollIrArriba() */
					/*en css responsive no cambiar estos valores de height, cambiar los de su hijo > div, ya que este toma automaticamente de el, y js recalcula*/
					position: fixed;
					z-index: 11; /*menor que el de header (para no tapar menu desplegable responsive*/
					display: block;
					height: auto; /*en responsive se cambia la altura de el contenido y este lo toma. lueo js lo recalcula dinamicamente*/
					bottom: 0;
					right: 0; /*js determina con parametro, si contra ventana o en posicion coincidente con ancho de wrapper*/
					cursor:pointer;
					overflow: hidden;
					/*box-shadow: 0px -2px 3px rgba(0,0,0,.7);*/
	/*border:2px solid red;*/
				}
				#botonIrArriba > div{
					position: relative;
	/*border:2px solid pink;*/
					height: 34px;
					width: 34px;
					border-style: solid;
					border-color: #fff;
					border-width: 0;
					border-top-width: 2px;
					border-left-width: 2px;
					/*cambia por js: margin-bottom, opacity*/
						/*inicial*/ margin-bottom: -100%; /*margin/padding en %, es respecto al ancho de padre, sea top left bottom right*/
						opacity: 0; /*js recalcula: cambiara enstre 0 al ocultarse, .6 al mostrarse (1.0 al hover pero desde css)*/
					/*/*/
					background: black url('../plantillas/plantilla_hotelLuces/img/gral/botonIrArriba.svg') 0 0 no-repeat;
						/*transition: all .3s ease-out;*/
					/*transicion*/ -moz-transition: opacity .3s ease-out, margin-bottom .3s ease-out; -webkit-transition: opacity .3s ease-out, margin-bottom .3s ease-out; transition: opacity .5s ease-out, margin-bottom .5s ease-out;
				
				} 
				#botonIrArriba > div:hover{
					filter: alpha(opacity=100); opacity: 1;
				}
			/*/*/
			#content{ /* body > #wrapper > #content */
				z-index: 0; /*para que los -1 en hijos no vayan detras de este, y este se tome como 'contexto de apilamiento' (z-index != auto) */
				position: relative;
				clear: both;
				/*background: url('../plantillas/plantilla_hotelLuces/img/gral/fondoContent.gif') 50% 274px no-repeat fixed; /*60*/
				margin: 0 auto;
				width: auto; /*%; /*89%_  856 + 12 + 12 880. 856 es el area utilizable */
					/*NoTomaRem*/ padding-left: 13px;
				padding-left: 0.81rem;
					/*NoTomaRem*/ padding-right: 13px;
				padding-right: 0.81rem;
				overflow: visible; /* para absolute de nombre de area se vea aun salido*/ /*hidden;*/
				/*	border-style: dotted;
				border-width: 0 2px;*/
				/*degino en css de color para que no pise este border-top: 1px solid transparent; /* para que tome margin de adentro y no combine */
				/*padding-bottom: 80px; /* (a gusto) para que el texto no quede justo sobre el final tocando el footer*/			
				/*Footer fijo*/ /*pasar como padding en wrapper ? */
					/*NoTomaRem*/ margin-bottom: 187px; 
				margin-bottom: 11.7rem; 
				/*/*/
				/*	//NoTomaRem padding-left: 13px;
				padding-left: 0.81rem;
					//NoTomaRem padding-right: 13px;
				padding-right: 0.81rem;
				*/
			}

			#content:after{
				content:''; /* o ' ' con espacio*/
				clear: both;
				float: none;
				display:block;
				/*white-space: pre;*/
					/*necesario porque content esta overflow visible, para no cortar titulo sobresaliente*/
					/* clear: both; float: none; /*no toma por si solo, igual por coherencia dejar
					content: ' ';
					white-space: pre; /*para romper floats internos*/
				
				/*espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)*/
					/*NoTomaRem*/ padding-bottom:  37px;
				padding-bottom:  2.3rem;
			}

				#content #bloque_titularesPagina{ /*contiene h1 y h2 de cada pagina*/
		 			/*en arch de elementosComunes*/
		 			z-index: 10;
		 		}
					#content #bloque_titularesPagina h1{ /*titulo de area*/
						z-index: 1;
					}
					#content #bloque_titularesPagina h2{
						z-index: 0;
					}

		/*___	/ESTRUCTURA BASE	__________	__________	__________*/


		/*___	POR ZONAS DE PANTALLA	__________	__________	__________*/
		
			/*___	ZONA: HEADER	__________*/
				#header{ /* body > #wrapper > header#header */
					/*ver en 'Estructura Base'*/
/*border:1px solid red;*/
				}
				/*___	Parte: Isologo */
					#header #head_area_logo{
						z-index: 1;
						float: left;
							/*NoTomaRem*/ margin-left: 13px;
						margin-left: 0.81rem;
						margin-bottom: 0; /*6px;*/
					}
						#header #head_area_logo > #botonLogo{ /* a#botonLogo*/
							display: block;
							margin: 0;
							padding: 0;
							margin-top: 10px;
							border: none;
							background: url('../plantillas/plantilla_hotelLuces/img/gral/header_logo.svg') 0 0 no-repeat;
							width: 198px; /*width: 70%;*/
							height: 52px;
							/*img original 198 * 52*/
							/*width: 128px; height: 133px;*/
						}
							#header #head_area_logo > #botonLogo:hover{
							}
				/*_/*/
				/*___	Parte: Titulo */
									/*#header #area2{
									}*/
				/*_/*/
				/*___	Parte: Menu idiomas */
					#header #head_area_botIdiomas{
						z-index: 2;	
						float: right;
							margin-bottom: 6px;
					}
						#header #head_area_botIdiomas #botoneraIdiomas{ /*ul*/
							/*se declara en 'elementosComunesTodasAreas.css'*/
						}
						
				/*_/*/
				/*___	Parte: Area para Botonera en Header */
					/*ver aparte en 'Botonera'*/
					#header #head_area_menu{ /* #header #head_area_menu.menuNavegacion*/
						z-index: 1;
						clear: right;
						float: right;
						height: auto; /*(igual parece que no lo toma de aca) el JS de responsive activaEvento_muestraOculta_menuResponsive_muestraOculta_menuResponsive(), con un evento onresize, ejecuta anchoVentana() que con cada cambio de ancho, manda el height a 0 si es vista de mobile, o a auto si es otra */
						margin-top: 4px;
					}
					#header #head_area_menu:after{
						content: '';
						display: block;
						clear: both;
						float: none;
						width: auto;
						border: none;
					}
						/*#header nav#head_area_menu.menuNavegacion ul.menu*/
						#header #head_area_menu.menuNavegacion ul.menu{
							/*se declara en 'elementosComunesTodasAreas.css'*/
						margin-bottom: 0;
						}
				/*_/*/
				/*___	Parte: Menu iconos (redes sociales, contacto, etc)  estan fuera de header*/
					/*___	ZONA: BARRA ICONOS (en header (hay otra duplicada) __________*/
					#header #head_area_botIconos{
						z-index: 1;
						display: none;
					}
				/*_/*/

			/*___	/ZONA: HEADER	__________*/

			/*___	ZONA: FOOTER	__________*/
				#footer{
					/*ver en 'Estructura Base'*/
				}
				#footer .footerWrapper{
					position: relative;
					overflow: hidden; /*visible; /*necesario para que ul absolutes sobresalgan*/
					margin: 0 auto;
					height: auto;
					width: 610px; /*solo en desktop, en resto es igual que wrapper*/
									/*max-width: 1100px;*/
					padding-top: 1.4rem;
				}
				#footer .footerWrapper .menuNavegacion{
					float: right;
					width: 30%;
				}
					/*ver aparte en 'Botonera'*/
					#footer .footerWrapper .menuNavegacion ul.botoneraPrincipal{ /* ! agrega luego donde se define para 'footer' y 'botoneraSubnivelEnContent' */
						/*se declara en 'elementosComunesTodasAreas.css'*/
					}
				#footer .footerWrapper #footerLogo{
					float: left;
					margin-bottom: .8rem;
					overflow: hidden;
				}
				#footer .footerWrapper #footerLogo > #logo_1{
					background: url('../plantillas/plantilla_hotelLuces/img/gral/footer_logo.svg') 100% 0 no-repeat;
					width: 198px; /*[antes198] logo_1198 + logo_rd:64px(52+12separacion) */ /*width: 70%;*/
					height: 52px;
					float: left;
				}
					/*Solo en desktop*/
					#footer .footerWrapper #footerLogo > #logo_rd{
						display: block;
						float: left;
						width: 52px;
						height: 52px;
						margin-right: 10px;
						background: url('../plantillas/plantilla_hotelLuces/img/gral/logoCircul_28x28.svg') 100% 0 no-repeat;
						background-size: contain;
					}
					/*/*/
				#footer .footerWrapper #footerDatos{
					width: 70%;
					clear: left;
					float: left;
					overflow: hidden;
				}
				#footer .footerWrapper #footerDatos p,
				#footer .footerWrapper #footerDatos p a{
					
				}

				#footer #footerCredito{ /*fuera de .footerWrapper */
					position: absolute;
					bottom: 0;
					right: 0;
				}
					#footer #footerCredito a#autor{
						display: block;
						position: relative;
						width: 115px; /*128+4*/
						height: 32px;
						padding-right: 4px; /* ajuste */
						margin-bottom: 2px;
						background: url('../plantillas/plantilla_hotelLuces/img/gral/creditoFedinx.svg');
						background-repeat: no-repeat;
						background-position: 0px 0px;
					}
					#footer #footerCredito a#autor:hover{
						background-position: 0px -32px;
					}
			/*___	/ZONA: FOOTER	__________*/

			/*___	ZONA: GALERIA CABECERA __________*/
			#bloque_galeriaCabecera{
				z-index: 2;
				position: relative;
				clear: both;
				overflow: hidden; /*si foto es mas grande que no sobresalga y pise borde*/
				height: auto; /*puede cambiar en cada pantalla si se cambia en css*/
				border-bottom: 4px solid #9ECCFF;
padding: 0;
				margin-bottom: 0;
					/*mismo que padding laterales de #content*/
						/*NoTomaRem*/ margin-left: -13px; 
					margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
						/*NoTomaRem*/ margin-right: -13px; 
					margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
			}
				#bloque_galeriaCabecera figure,
				#bloque_galeriaCabecera .galeria{
					position: relative;
					display: block;
				}
				#bloque_galeriaCabecera figure img{
					position: relative;
					display: block;
					border: 0;
					margin: 0;
					width: 100%;
					height: auto;
					/*original 1100 * 330*/
				}
				#bloque_galeriaCabecera .galeria{ /*div.galeria.flexslider */
					/*height: 480px;*/
				}

			/*___	/ZONA: GALERIA CABECERA __________*/

			/*___	ZONA: BARRA ICONOS (bajo galeria cabecera en content (hay otra duplicada) __________*/
				#bloque_barraIconos{
					z-index: 5;
position: relative;/*static? para cartelAccesibilidad sobresalga sin desplazar resto de botones*//*antesrelative;*/
					clear: both;
					height: 50px;
						/*NoTomaRem*/ margin-left: -13px; 
					margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
						/*NoTomaRem*/ margin-right: -13px; 
					margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
					background-color: #2C64A1;
					box-shadow: 0px 3px 15px rgba(0,0,0,0.8);
				}
			/*___	/ZONA: BARRA ICONOS (bajo galeria cabecera) __________*/




		/*___	/POR ZONAS DE PANTALLA	__________	__________	__________*/

		
		/*___	CONTENEDOR GRILLA	__________	__________	__________*/
		/*___	/CONTENEDOR GRILLA	__________	__________	__________*/


	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/ESTRUCTURA GRAL	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	COLOR	____________________________________________________________*/



	/*___	NOTAS	___*/
				/*nota css
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
		

		/*___	GRALES mediante Class	__________	__________	__________*/
			.colorClaro{
				color: #696969;
			}
		/*___	/GRALES mediante Class	__________	__________	__________*/


		/*___	TAGS	__________	__________	__________*/
			html, body{
				/*background-color: ;*/
			}
			html{
				background-color: #fff;
				color: #696969;
			}
			body{
				/*background-color: */
			}
			h1{
				color: #255287;
			}
			h2{
				color: #255287;
			}
			h3{
				color: #4D4D4D;
			}
			h4{
				color: #4F84B9;
			}
			/*p, li, {
 default
			}*/
			a{
				color: #2C64A1;
			}
			a:hover{
				color: #696969;
			}
			hr{
				background-color: #696969;
			}
			form{
				color: #000;
			}
		/*___	/TAGS	__________	__________	__________*/


	/*___	/ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
		

		/*___	ESTRUCTURA BASE	__________	__________	__________*/
			#header{ /* body > footer#footer */
				background-color: #fff;
			}
			#footer{ /* body > footer#footer */
				/*color: #9ECCFF;*/
				background-color: #4F84B9;
			}
			#content{ /* body > #wrapper > #content */
				border-color: #696969;
/****_q_ border-top: 1px solid transparent; /* para que tome margin de adentro y no combine */
		
			}
		/*___	/ESTRUCTURA BASE	__________	__________	__________*/


		/*___	POR ZONAS DE PANTALLA	__________	__________	__________*/
		
			/*___	ZONA: HEADER	__________*/
				/*___	Parte: Isologo */
				#header #head_area_logo img{ /*img alternativa si no carga flash*/
						color: #000;
					}
				/*_/*/
				/*___	Parte: Menu iconos */
					#header #head_area_botIconos #menuIconos_ano{
						color: #000;
					}
					/*#header #head_area_botIconos ul.menuIconos_iconos{
						background-color: #fff;
					}*/
				/*_/*/
			/*___	/ZONA: HEADER	__________*/

			/*___	ZONA: FOOTER	__________*/
				#footer .footerWrapper{
				}
				#footer .footerWrapper .menuNavegacion{
					color: #2C64A1;
				}
				#footer .footerWrapper #footerLogo{
				}
				#footer .footerWrapper #footerDatos{
					color: #9ECCFF;	
				}
					#footer .footerWrapper #footerDatos p,
					#footer .footerWrapper #footerDatos p a{
						color: #9ECCFF;
					}
					#footer .footerWrapper #footerDatos p a:hover{
						color: #EDF6FF;
					}

				#footer #footerCredito{ /*fuera de .footerWrapper */
				}
			/*___	/ZONA: FOOTER	__________*/

		/*___	/POR ZONAS DE PANTALLA	__________	__________	__________*/


	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/COLOR	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	TEXTO	____________________________________________________________*/



	/*___	NOTAS	___*/
				/*nota css
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	FUENTES DECLARACION		___	___	___	___	___	___	___	___*/
	
	/**/
		@font-face {
			font-family: 'base';
			font-weight: normal;
			font-style: normal;
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.eot');
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.woff2') format('woff2'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-regular.svg#source_sans_proregular') format('svg');
		}
		@font-face {
			font-family: 'base';
			font-weight: normal;
			font-style: italic;
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.eot');
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.eot?#iefix') format('embedded-opentype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.woff2') format('woff2'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-italic.svg#source_sans_proitalic') format('svg');
		}
		@font-face {
			font-family: 'base';
			font-weight: bold;
			font-style: normal;
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.eot');
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.woff2') format('woff2'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bold.svg#source_sans_probold') format('svg');
		}
		@font-face {
			font-family: 'base';
			font-weight: bold;
			font-style: italic;
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.eot');
			src: url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.eot?#iefix') format('embedded-opentype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.woff2') format('woff2'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/SourceSansPro/sourcesanspro-bolditalic.svg#source_sans_probold_italic') format('svg');
		}
	/**/
		@font-face{ /*Normal*/ /*aunque ya es italica en fuente*/
			/*Fuente titular principal*/
			font-family: 'fontTitul';
			font-style: normal; /*normal-bold*/
			font-weight: normal; /*normal-italic;*/
				src: url('../plantillas/plantilla_hotelLuces/fonts/Caslon2MdIt/Caslon2MdIt.eot');
				/*url('font/WebFont.eot?#iefix') format('embedded-opentype'),*/
				src: url('../plantillas/plantilla_hotelLuces/fonts/Caslon2MdIt/Caslon2MdIt.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/Caslon2MdIt/Caslon2MdIt.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/Caslon2MdIt/Caslon2MdIt.svg#webfont') format('svg');
		}
		@font-face{ /*Bold*/
			font-family: 'fontTitul';
			font-style: normal; /*normal-bold*/
			font-weight: bold; /*normal-italic;*/
			/*mismo src*/
		}
		/*Fuente Subtitulos menores (algunos)*/
	/**/
		@font-face{ /*Normal*/
			font-family: 'fontSubTitul';
			font-style: normal; /*normal-bold*/
			font-weight: normal; /*normal-italic;*/
				src: url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.eot');
				src: url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.eot?#iefix') format('embedded-opentype'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.woff') format('woff2'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.woff2') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_rg.svg#webfont') format('svg');
		}
		@font-face{ /*Bold*/
			font-family: 'fontSubTitul';
			font-style: normal; /*normal-bold*/
			font-weight: bold; /*normal-italic;*/
				/*src: url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_bl.eot');*/
								/* x url('font/WebFont.eot?#iefix') format('embedded-opentype'),*/
				/*src: url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_bl.woff') format('woff'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_bl.ttf') format('truetype'),
				url('../plantillas/plantilla_hotelLuces/fonts/Gara/gara_bl.svg#webfont') format('svg');*/
		}


		/* tambien fuente gral (ver $fontFamily */
	/*___	/FUENTES DECLARACION		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS AISLADOS		___	___	___	___	___	___	___	___*/
		

		/*___	GRALES mediante Class	__________	__________	__________*/
			.letraMini1{
				font-size: .85em;
				font-weight: normal;
			}

		/*___	/GRALES mediante Class	__________	__________	__________*/


		/*___	TAGS	__________	__________	__________*/
			html{ /*font-size, los rem toman respecto al 'html'*/
				font-family: base, Helvetica, Verdana, Geneva, sans-serif;
				font-size: 16px; /*default*/ /*el <html>, no en el <body>, uso $fontSizeBase['desktop'], en vez de $fontSize['base']['px'] ya que las unidades 'rem' son en relacion a <html>*/
			}
			body{
					/*NoTomaRem*/font-size: 16px;
				font-size: 1rem; /*1rem siempre*/
			}
			input, textarea{
				font-family: inherit;
			}
			p,  a, li, dt, dl{
				line-height: 1.4em;
			}
			h1, h2, h3, h4, h5, h6{
				line-height: 1.1em;
			}
			h1, h2{
				font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				
			}
			h3{
				font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
			}
			h4{
				font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
			}
			
			p{
				font-size: inherit;
			}
			h1{
					/*NoTomaRem*/font-size: 32px; 
				font-size: 2rem; /*18em;*/
			}
			h2{
				/*NoTomaRem*/font-size: 24px; 
				font-size: 1.5rem; /*18em;*/
			}
			h3{
					/*NoTomaRem*/font-size: 24px;
				font-size: 1.5rem; /*1em*/;
			}
			h4{
					/*NoTomaRem*/font-size: 22px;
				font-size: 1.4rem;
			}
			a{
				text-decoration: none;
				cursor: pointer; /*para q tome aunque no tenga href*/
			}
			a:hover{
			}
			form{
				font-size: inherit;
			}
			select, option, input, textarea{
				font-size: inherit;
			}
		/*___	/TAGS	__________	__________	__________*/
	

	/*___	/ELEMENTOS AISLADOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS		___	___	___	___	___	___	___	___*/
		

		/*___	ESTRUCTURA BASE	__________	__________	__________*/
			#footer{ /* body > footer#footer */
					/*NoTomaRem*/font-size: 16px;
				font-size: 1rem;
				font-family: base, Helvetica, Verdana, Geneva, sans-serif;
			}
		/*___	/ESTRUCTURA BASE	__________	__________	__________*/


		/*___	POR ZONAS DE PANTALLA	__________	__________	__________*/
		
			/*___	ZONA: HEADER	__________*/
				/*___	Parte: Isologo */
					#header #head_area_logo img{ /*img alternativa si no carga flash*/
						font-weight: bold;
							/*NoTomaRem*/font-size: 20px;
						font-size: 1.24rem;
						text-align: center;
						line-height: 133px;
					}
				/*_/*/
				/*___	Parte: Menu iconos */
					#header #head_area_botIconos #menuIconos_ano{
						text-align: right;
						font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
							/*NoTomaRem*/font-size: 21px;
						font-size: 1.32rem;
						line-height: .7em;
						font-style: italic;
						font-weight: bold;
					}
				/*_/*/
			/*___	/ZONA: HEADER	__________*/

			/*___	ZONA: FOOTER	__________*/
				#footer .footerWrapper{
				}
				#footer .footerWrapper .menuNavegacion{
				}
				#footer .footerWrapper #footerLogo{
				}
				#footer .footerWrapper #footerDatos{
					font-family: inherit;
						/*NoTomaRem*/ /*font-size: 21px;
					font-size: 1.32rem;*/
				}
				#footer #footerCredito{ /*fuera de .footerWrapper */
				}
			/*___	/ZONA: FOOTER	__________*/

		/*___	/POR ZONAS DE PANTALLA	__________	__________	__________*/


	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/TEXTO	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	ELEMENTOS COMUNES A TODAS LAS AREAS (pantallas)	____________________________________________________________*/



	/*___	NOTAS	___*/
				/*
		*/
	/*___	/NOTAS	___*/


	/*___	POR ELEMENTOS COMUNES A TODAS LAS AREAS __________	__________	__________*/

		#tituloArea{
			/* 24 ancho la img interna */
			position: relative;
			/*border: 1px solid red*/
		}


		.bloque_modulos{
			/*[Notas]
			A Todos: tienen margen inferior definido en .bloque (en el :after habra un clear por si hay flotados y no reconoce altura como para que ese margen aplique respecto a esta);
			A Algunos puntualmente si se les quiere dar padding inferior: se hace poniendole padding-top del :after, (en regla del bloque particular, no en .bloque);
			Si llevan borde inferior, se le pone como border-bottom del :after, (en regla del bloque particular, no en .bloque);
			*/
			position: relative;
			clear: both;
				/*NoTomaRem*/ margin-bottom: 37px;
			margin-bottom: 2.3rem;
/*border:1px dashed blue;*/
		}
		.bloque_modulos:after{
			/*ver nota en '.bloque'*/
				content:''; /* o ' ' con espacio*/
				clear: both;
				float: none;
				display: block;
				/*white-space:pre;*/
		}
			.bloque_modulos:last-child{
				/*espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)*/
				margin-bottom: 0;
			}

		.miscFondo1{ /*titulares h1, h4, etc, o h1 directo.... para los que no son h1, ya que h1 tiene directo en su regla*/
			background: url('../plantillas/plantilla_hotelLuces/img/gral/misc_cuadritosBajoSubtitulos_1.svg') 0 90% repeat-x;
			/*display: inline-block; /*asi corta contenedor y fondo misc no sobresale*/
			color: #696969;
		}
		.miscFondo2{
			background: url('../plantillas/plantilla_hotelLuces/img/gral/misc_cuadritosBajoSubtitulos_2.svg') 0 90% repeat-x;
			/*display: inline-block; /*asi corta contenedor y fondo misc no sobresale*/
			color: #fff;
		}
		
		.placaFondoColor1{
			background-color: #EDEDED;
		}

		.barritaColorFondo_gr:before, .barritaColorFondo_md:before, .barritaColorFondo_ch:before{ /*agrega barrita de color detras en parte alta de bloque*/
			z-index: -1;
				content:''; /* o ' ' con espacio*/
				clear: both;
				float: none;
				display:block;
			background-color: #EDEDED;
			/*mismo que padding laterales de #content*/
				/*NoTomaRem*/ margin-left: -13px; 
			margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
				/*NoTomaRem*/ margin-right: -13px; 
			margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
		}
		.barritaColorFondo_gr:before{
			margin-bottom: -95px;
			height: 100px;
		}
		.barritaColorFondo_md:before{
			margin-bottom: -70px;
			height: 75px;
		}
		.barritaColorFondo_ch:before{
			margin-bottom: -50px;
			height: 55px;
		}	

		.aclaracion{/*p*/
			font-weight: normal;
			font-family: base, Helvetica, Verdana, Geneva, sans-serif;
				/*NoTomaRem*font-size: 12px;
			font-size: 0.75rem;*/
			font-size: .85em;
			/*line-height: 133px;*/
			color: #B0B0B0;
		}

		.botonLinkea1{
			/*display: inline-block;*/
			display: block;
		}
		.botonLinkea1 > a{
			display: block;
			padding-left: .5em;
			/*border-left: 2px dotted #B0B0B0;*/
			font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
				/*NoTomaRem*/font-size: 22px;
			font-size: 1.4rem;
			font-weight: normal;
			color: #255287;
			line-height: 34px;
			height: auto;
			/*min-height: 34px;*/
			padding-right: 44px;
			background: url('../plantillas/plantilla_hotelLuces/img/gral/flechitaBoton_md.svg') 100% 0 no-repeat;  /*original ch:20x20; md:34x34*/
				/*padding-bottom: 50px; /*para extender linea punteada*/
			text-align: right;
		}
			.botonLinkea1 > a.sinFlecha{/*parche*/
				background-image: none;
			}
		.botonLinkea1 > a:hover{
			filter: alpha(opacity=70); opacity: .70;
		}

		/**/
		#content #bloque_titularesPagina{ /*contiene h1 y h2 de cada pagina*/
			z-index: 2; /*o bloque_mapaInteract lo pisa (y ese no puede llevar -1 o queda detras de wrapper (falla)*/
			position: relative;
			display: block;
				/*NoTomaRem*/ margin-top:  37px;
			margin-top:  2.3rem;
				/*NoTomaRem*/ margin-bottom: 16px;
			margin-bottom: 1rem;
			clear: both;
			overflow: visible; /*para que en tablet y mobile, el h2 que esta sacado por encima se vea*/
/*border: 2px dashed pink;*/
		}
			#content #bloque_titularesPagina:after{
				display: block;
				content: '';
				clear: both;
				/*white-space: pre;*/
			}
		#content #bloque_titularesPagina > h1{ /*titulo de area*/
			background: url('../plantillas/plantilla_hotelLuces/img/gral/misc_cuadritosBajoSubtitulos_1.svg') 0 90% repeat-x;
			display: inline-block; /*asi corta contenedor y fondo misc no sobresale*/
				/*NoTomaRem*/ margin-left: 13px;
			margin-left: 0.81rem;
		}
			#content #bloque_titularesPagina > h1 span.small{
				color: #4F84B9;
				font-size: .85em;
			}
		#content #bloque_titularesPagina > h2{ /*encomillada de inicio de content, lueg ode titulo de area*/
			position: relative;
			z-index: 0;
			display: block;
				/*NoTomaRem*/ margin-left: 13px;
			margin-left: 0.81rem;
			
		}
		#content #bloque_titularesPagina > h2 > span.menorImp{
			color: #4F84B9;
			font-size: .85em;
		}
			#content #bloque_titularesPagina > h2:before, #content #bloque_titularesPagina > h2:after{
				position: absolute;
				z-index: -1;
				display: block;
				/*position: absolute;*/
				font-weight: bold;
				font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
					/*NoTomaRem*/font-size: 54px;
				font-size: 3.4rem;
				/*line-height: 133px;*/
				color: #CFCFCF;
			}
			#content #bloque_titularesPagina > h2:before{
				content: '“';
				top: .3em; /*1.1rem;*/
					/*left,right: lo hace respecto a contenedor / margin-left, margin-right: lo hace respecto a 1er o ultima letra*/
					left: -.7em;/*-2.3rem;*/
			}
			#content #bloque_titularesPagina > h2:after{
				content: '”';
				bottom: -.2em;/*-1.2rem;*/
					/*left,right: lo hace respecto a contenedor / margin-left, margin-right: lo hace respecto a 1er o ultima letra*/
					right: -.5em;/*-1.8rem;*/
			}

			
		#content #bloque_titularesPagina > .textoBajoTituloArea{ /*div*/
			display: block;
			clear: both;
			float: none;
			position: relative;
				/*NoTomaRem*/ margin-left: 13px;
			margin-left: 0.81rem;
		}
			#content #bloque_titularesPagina > .textoBajoTituloArea .col{
			}
			#content #bloque_titularesPagina > .textoBajoTituloArea p{
				/*font-family: base, Helvetica, Verdana, Geneva, sans-serif;
					/*NoTomaRem*/ font-size: 14px;
				font-size: 0.9rem;
				margin-bottom: .3em;
				/*line-height: 133px;*/
				color: #696969;
			}
			#content #bloque_titularesPagina > .textoBajoTituloArea p > span.small{
				font-size: .9em;
			}
				#content #bloque_titularesPagina > .textoBajoTituloArea p > strong{
					color: #B0B0B0;
					font-weight: bold;
				}
		/**/
			.encomillado{
			z-index: 0;
				position: relative;
				display: inline-block;
			}
			.encomillado:before,
			.encomillado:after{ /*p.encomillado... para los h2 no, porque ya de por si llevan encomillado en su propia regla*/
				z-index: -1;
				position: absolute;
				font-weight: bold;
				font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
					/*NoTomaRem*/font-size: 54px;
				font-size: 3.4rem;
				/*line-height: 133px;*/
				color: #CFCFCF;
			}
			.encomillado:before{ /*div*/
				content: '“';
				top: .3em;
				left: -.7em;
				/*margin-left: -2.6em;*/
			}
			.encomillado:after{
				content: '”';
				right: -.5em;
				bottom: -.3em;
				/*margin-right: -.6em; iria al final de linea, no de bloque*/
			}

			.ancla{
				position: relative;
					clear: both;
					float: none;
				top: auto;
/*border:4px solid green;*/
			}

	/*___	/POR ELEMENTOS COMUNES A TODAS LAS AREAS	__________	__________	__________*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
		/* Elementos comunes /y/ Modulos (pisa seteos de modulo, forzadamente) */
		


		/*_Mapa interactivo (en ubicacion y en home)*/
			/*Estructura html generada
				.ancla#anch_imapIsom{}
				.bloque_modulos#bloque_mapaInteract{
					
					div#contenedorMapa{
						img.imgMapa
						img#imgTranspParaMap
						map{ area{ } ... }
						ul#listaHitosSobreMapa{ //lista de hitos cliqueables
							li#lug1{} //lug2, etc //evento 'click'
							...
						}
					}
					
					div#contenedorLista{
						h2{}
						p.aclaracion{}
						ul#listaHitosTexto{ //lista de hitos cliqueables
							li#lug1{
								div{}
							} //lug2, etc //evento 'click'
							...
						}
					}
					
					div.contenedorDescripciones#desc1{ //pueden ser varios (mientras desaparece uno y aparece otro
						div.senalador{}
						a.lugaresDescripcion_cerrar{X}
						div.contenedorImg{
							figure{
								img{}
							}
						}
						div.contenedorTextos{
							h4{}
							p{}
						}
					}

				}
			*/

/*#content #bloque_mapaInteract{border: 1px solid blue;}
#content #bloque_mapaInteract > #contenedorMapa{ border: 3px solid red;}
#content #bloque_mapaInteract > #contenedorMapa > img.imgMapa{border: 3px dashed pink;}
#content #bloque_mapaInteract > #contenedorMapa ul{border: 3px solid maroon;}
#content #bloque_mapaInteract > #contenedorMapa ul > li{border: 2px solid blue;}
#content #bloque_mapaInteract > #contenedorMapa ul > li > div{border: 2px dotted red;}
#content #bloque_mapaInteract > #contenedorLista{border: 2px dashed green;}
#content #bloque_mapaInteract .contenedorDescripciones{border:1px solid red;}
*/

			#content #bloque_mapaInteract{
				z-index: 1;
				position: relative;
				top: 0; left: 0; /*por las dudas*/
				clear: both;
				/*height: auto; min-height: 600px;*/
				height: auto; /*altura la da el contenido del mapa img (relative) o bien de los hitos calculado por js porque ese estara absolute, el que sea mayor */
					/*border: 3px dashed green !important; /**/
					/*mismo que padding laterales de #content*/
								/*NoTomaRem*/ /*padding-bottom: 16px;
							padding-bottom: 1rem; /*ya tienen margin*/
				overflow: visible; /*para que descripciones flotantes sobresalgan (no importa que tapen eventualmetne el contenido siguiente, ya que se cierra y abre a eleccion)*/
			/*border: 1px solid green;*/
								/*NoTomaRem* margin-bottom: 72px;
							margin-bottom: 4.5rem;*/
/*border: 1px solid orange;*/
			} 
				#content #bloque_mapaInteract > #contenedorMapa{ /*div#contenedorMapa*/
					position: relative;
					z-index: 0;
					float: right;
					width: auto; /*605px;*/
					/*min-height: 435px; /*altura de mapa mas hitos*/
					/*width: 80%;
					margin-left: 18%;*/
							/*background: url('../plantillas/plantilla_hotelLuces/img/gral/mapaSimulado.jpg') 0 100% no-repeat;*/
					overflow: hidden;
/*border: 1px solid green;*/
					width: 100%; /*ajusta imagen proporcional*/
					max-width: 900px;

				}
					#content #bloque_mapaInteract > #contenedorMapa > img.imgMapa{
						position: relative; /*float: right;*/
						/*width: 800px;*/
						z-index: 0;
						width: 100%; /*ajusta imagen proporcional*/
					}
				/**/
				#content #bloque_mapaInteract > #contenedorMapa ul{ /*#content #bloque_mapaInteract ul#listaHitosSobreMapa*/
					position: absolute;
					z-index: 1;
					list-style-type: none;
					margin: 0;
					padding: 0;
					width: 100%;
					height: 100%;
					top: 0;
					left: 0;
				}
					#content #bloque_mapaInteract > #contenedorMapa ul > li{
						position: absolute;
						margin: 0;
						padding: 0;
							/*Tamano proporcional a img*/
												/*importante presicion para map area
												De este valor caluclo los % de w y h para poner por css a los li y div que contendran la imagen de cada hito como fondo background-size:contain
												ul#listaHitosSobreMapa.clientWidth	//desktop 827 / tablet590
												ul#listaHitosSobreMapa.clientHeight	//desktop 491 / tablet 350
												*/
												/*img original 134*140*/
												/* [contenedor en tablet w/h 590x230px; img orig 134x140px] w:14%de590 (:14*590/100):82.60px; h en px proporcional(134x140) a ese ancho en px: (140*82.6/134):86.29px; h:veo que % de alto de contenedor es esta altura en px (86.29*100/350):24.65% */  /*calculo desktop, tomo a ojo ancho de div. 14% eso respecto a ancho de ul 827 es 115px, la altura en px de la foto segun su propia proporcion es (134 es a 115 como 140 a [120px]; 120px que porcentaje de alto de ul es? 115*100/491:23.4  */
								width: 14%;
								height: 24.65%; /*23.4%;*/ /*a ojo, % relativo a contenedor de mapa y ul, que coincida en proporcion de imagen que es 134x140, (en % para ajuste al reeescalar)*/

							/*/*/
						/*background-image, por js, igual que hover*/
		/*border:1px solid green;*/
					}
					#content #bloque_mapaInteract > #contenedorMapa ul > li > div{ /*contiene las imagenes como background, y se desfaza quedando el centro de este sobre el pto de referencia del padre*/
						width: 100%;
						height: 100%;
						/*para centrar en el pto de referencia de su padre (punto que se usa en js para calculos de desplegable descripcion*/
							position: absolute;
							top: -50%;
							left: -50%;
						/*img original 134*140*/
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size: contain;
						/*cursor: pointer;*/
		/*border:1px solid red;*/
					}
					#content #bloque_mapaInteract > #contenedorMapa > img#imgTranspParaMap{
						position: absolute;
						z-index: 2;
						top: 0; left: 0;	
					}
					#content #bloque_mapaInteract > #contenedorMapa > map{
						position: relative;
						z-index: 3;
						/*border:2px solid green; lo pone abajo a la izq, no toma dimensiones*/
					}
					#content #bloque_mapaInteract > #contenedorMapa > map > area{
					}

					/*#content #bloque_mapaInteract > #contenedorMapa ul > li.hover{ }/*class hover, pq se le da hover por js cambiando la clase, no por css*/

						/*por js, sino tarda en tomar valor y 1er vez que carga no reconoce con offsetTop, etc al alinear areas*/
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_0{ top:51.0%; left: 62.7%;	z-index: 6; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_1{ top:38.0%; left: 61.2%;	z-index: 4; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_2{ top:23.4%; left: 68.6%;	z-index: 2; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_3{ top:40.0%; left: 52.4%;	z-index: 5; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_4{ top:31.3%; left: 54.2%;	z-index: 3; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_5{ top:37.6%; left: 36.1%;	z-index: 1; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_6{ top:58.1%; left: 64.3%;	z-index: 7; }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_7{ top:20.5%; left: 92.6%;	z-index: 1; }
											/*x prueba #content #bloque_mapaInteract > #contenedorMapa ul > li#im_11{ top:20.5%; left: 100%;	z-index: 1; }*/

							/*#content #bloque_mapaInteract > #contenedorMapa ul > li#im_8{ top:100%; left: 100%;		z-index: 1; }
							#content #bloque_mapaInteract > #contenedorMapa ul > li#im_9{ top:100%; left: 100%;		z-index: 1; }
							#content #bloque_mapaInteract > #contenedorMapa ul > li#im_10{ top:100%; left: 100%;	z-index: 1; }*/

						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_0 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_0.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_1 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_1.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_2 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_2.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_3 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_3.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_4 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_4.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_5 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_5.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_6 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_6.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_7 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_7.png'); }
						/*#content #bloque_mapaInteract > #contenedorMapa ul > li#im_8 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_8.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_9 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_9.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_10 > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_10.png'); }
						*/
						/*class hover, no pseudoclase, pq cambia class desde js*/
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_0.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_0.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_0h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_1.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_1.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_1h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_2.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_2.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_2h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_3.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_3.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_3h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_4.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_4.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_4h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_5.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_5.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_5h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_6.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_6.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_6h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_7.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_7.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_7h.png'); }
						/*#content #bloque_mapaInteract > #contenedorMapa ul > li#im_8.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_8.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_8h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_9.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_9.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_9h.png'); }
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_10.hover > div,
						#content #bloque_mapaInteract > #contenedorMapa ul > li#im_10.selected > div{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/im_10h.png'); }
						*/
		/**/
				#content #bloque_mapaInteract > #contenedorLista{
					z-index: 1;
					position: absolute;
										/*NoTomaRem*/ /*margin-top: 320px;
									margin-top: 20rem;*/
					width: 400px; /*50%;*/
						height: auto;
					top: 250px;
				}
					#content #bloque_mapaInteract > #contenedorLista h2{
						background-color: rgba(255,255,255,.7);
						float: left; clear: both; /*para fondo segun contenido*/ /*display: inline-block;*/
						padding-right: .5em;
						border-radius: 0 1em 1em 0;
						margin-bottom: 0;
					}
					#content #bloque_mapaInteract > #contenedorLista .aclaracion{ /*p*/
						float: left; clear: both; /*para fondo segun contenido*/
						color: #696969;
						background-color: rgba(255,255,255,.7);
						border-radius: 0 1em 1em 0;
						padding-right: .5em;
						font-family: base, Helvetica, Verdana, Geneva, sans-serif;
							/*NoTomaRem*/font-size: 14px;
						font-size: 0.9rem;
							/*NoTomaRem*/ margin-left: 13px;
			 			margin-left: 0.81rem;
						margin-bottom: 0;
					}
					#content #bloque_mapaInteract > #contenedorLista ul{ /*#content #bloque_mapaInteract ul#listaHitosTexto*/
						clear: both;
						list-style-type: none;
						margin: 0;
						padding: 0;
							/*NoTomaRem*/ margin-left: 13px;
			 			margin-left: 0.81rem;
						border-top: 1px solid #B0B0B0;
						padding-top: .1em;
					}
						#content #bloque_mapaInteract > #contenedorLista ul > li{
							margin: 0;
							/*margin-bottom: .3em;*/
							padding-top: .1em; padding-bottom: .1em;
							color: #696969;
							font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
								/*NoTomaRem*/font-size: 18px;
							font-size: 1.12rem;
							list-style-type: none;
							/*list-style-position: inside;*/
							padding-left: 27px;
							background-position: .2em .2em;
							background-repeat: no-repeat;
							/*img original 18*18*/
							line-height: 1.2em;
							border-radius: 1em;
					background-color: transparent;
					/*background-color: rgba(255,255,255,.7); solo en tablet y cel?*/
							cursor: pointer;
										/*fondo toma ancho texto*/
										/*float: left; clear: both;
										padding-right: .8em;*/
						}
						#content #bloque_mapaInteract > #contenedorLista ul > li strong{
							font-weight: bold;
							color: #B0B0B0;
							font-style: italic;
						}
						#content #bloque_mapaInteract > #contenedorLista ul > li:first-of-type{
							color: #FF7800;
						}
						#content #bloque_mapaInteract > #contenedorLista ul > li:first-of-type strong{
							font-weight: bold;
							color: #FF912F;
							font-style: normal;
						}
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_0{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculosX.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_1{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos//nrosEnCirculos1.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_2{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos2.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_3{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos3.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_4{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos4.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_5{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos5.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_6{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos6.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_7{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos7.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_8{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos8.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_9{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos9.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_10{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos10.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_11{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos11.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_12{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos12.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_13{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos13.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_14{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos14.svg'); }
							#content #bloque_mapaInteract > #contenedorLista ul > li#tx_15{ background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/nrosEIconos/nrosEnCirculos15.svg'); }

						#content #bloque_mapaInteract > #contenedorLista ul > li.hover{ /*clase hover, pq cambia por evento js, no por css*/
							color: #255287;
							background-color: rgba(52,114,181,.2);
						}
						#content #bloque_mapaInteract > #contenedorLista ul > li.selected{
							color: #D26300;
							background-color: rgba(250,120,0,.2);
						}
							/*no toma tags en createTextNode*/
							#content #bloque_mapaInteract > #contenedorLista ul > li b{
								font-style: italic;
								font-weight: bold;
								color: #4F84B9;
							}
				
				#content #bloque_mapaInteract .contenedorDescripciones{ /*id: #desc1, #desc2, etc*/
					z-index: 1;
					position: absolute;
					/*se posiciona por jsbottom: 8px;right: 0; /*espacio para que sombra no se corte*/
					width: 58%; /*58%;*/
					max-width: 451px; /*449 de foto + bordes*/
					/*min-width: 330px;*/
					height: 0; /*para que no tape botones de miniatura de detras. el contenido de este se desplaza % hacia izq, segun posicion de hito*/
					overflow: visible; /*sino no se ven placas internas desplazadas hacia izq %mente ni senalador hacia arriba*/
				/*se maneja por js*//*transicion*/ /*-moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;*/
				}
					#content #bloque_mapaInteract .contenedorDescripciones .senalador{ /*div.senalador*/
						z-index: 2;
						position: absolute;
						top: 0; /*ajusta por js luego, a mismo que altura en px - ancho de borde de contenedorImg*/
						left: 0; /*ajusta por js luego*/
						width: 20px;
						height: 90px;
						background-image: url('../plantillas/plantilla_hotelLuces/img/mapaInteract/mapaInteract_senaladorDesc.svg');
						background-repeat: no-repeat;
						background-position: 50% 0;
						background-size: 100% 100%;
	/*border:1px solid red;*/
					}
					/*generados por js*/
					#content #bloque_mapaInteract .contenedorDescripciones a.lugaresDescripcion_cerrar{
						z-index: 2;
						position: absolute;
						top: 0;
						right: 0;
							/*NoTomaRem*/height: 28px;
						height: 1.75rem; /*1rem siempre*/
							/*NoTomaRem*/width: 28px;
						width: 1.75rem; /*1rem siempre*/
							/*NoTomaRem*/line-height: 28px;
						line-height: 1.75rem; /*1rem siempre*/
						text-align: center;
						background-color: #4F84B9;
						color: #fff;
						display: block;
						font-weight: bold;
						font-family: base, Helvetica, Verdana, Geneva, sans-serif;
							/*NoTomaRem*/font-size: 18px;
						font-size: 1.12rem;
							border-left: 2px solid #fff;
							border-bottom: 2px solid #fff;
							margin-top: 2px;
							margin-right: 2px;
						border-bottom-left-radius: .4em;
					}
						#content #bloque_mapaInteract .contenedorDescripciones a.lugaresDescripcion_cerrar:hover{
							background-color: #2C64A1;
						}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg{ /*div*/
						z-index:1;
						position: relative;
						border: 2px solid #4F84B9;
						background-color: #fff;
						padding: 5px;
						border-radius: .7em;
						box-shadow: -2px 2px 6px rgba(0,0,0,.6);
					}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure{
						height: 160px; /*mismo que alto de imagen*/
						width: auto;
						overflow: hidden;
						border-radius: .4em;
					}
						#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure img{
							display: block;
							border: none;
							height: auto; width: auto; /*original: 449x160*/
						}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos{
						position: relative;
						height: auto;
							/*min-height: 50px;*/
					border: 2px solid #4F84B9;
						background-color: #fff; /*9alpha9*/
							/*NoTomaRem*/ padding-left: 26px;
						padding-left: 1.63rem;
							/*NoTomaRem*/ padding-right: 26px;
						padding-right: 1.63rem;
						box-sizing: border-box;
						overflow: hidden;
						margin-top: .3em;
						border-radius: .7em;
						box-shadow: -2px 2px 6px rgba(0,0,0,.6);
							font-family: base, Helvetica, Verdana, Geneva, sans-serif;
								/*NoTomaRem*/font-size: 16px;
							font-size: 1rem;
							color: #4D4D4D;
					}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos h4{ /*div*/
						background-color: #4F84B9;
									border-top-left-radius: .4em;border-top-right-radius: .4em; /*para safary que hidden no corta bordes redondeados*/
						color: #fff;
							/*NoTomaRem*/font-size: 20px;
						font-size: 1.24rem;
							/*mismo que su padre pero negativo*/
								/*NoTomaRem*/ margin-left: -26px;
							margin-left: -1.63rem;
								/*NoTomaRem*/ margin-right: -26px;
							margin-right: -1.63rem;
							/**/
								/*NoTomaRem*/ padding-left: 13px;
							padding-left: 0.81rem;
								/*NoTomaRem*/ padding-right: 13px;
							padding-right: 0.81rem;
							padding-top: .2em;
							padding-bottom: .2em;
							margin-bottom:0;
					}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos p{
						font-size: inherit;
						color: inherit;
						line-height: 1.2em;
						padding: 0;margin: 0;
						margin-bottom: .25em;
						/*border:1px solid red;*/
					}
					#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos p:last-of-type{
						margin-bottom: .4em;
					}
					/*#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos p.aclaracion{
						color: #B0B0B0;
					}*/
		/*_/Mapa interactivo (en ubicacion y en home)*/




		/*___	BOTONERA IDIOMAS	__________*/
			#header #botoneraIdiomas{ /*ul*/
				display: block;
				overflow: hidden;
				border-left: 2px dotted #B0B0B0;
				padding-bottom: 6px;	
			}
			#header #botoneraIdiomas > li{
				display: inline-block; /*ojo si cambio, tambien hay que modificar en funcion de responsive en 'menuIdiomasRespons.js*/
				padding-top: 6px;
				padding-left: 4px;
				padding-right: 4px;
				border-right: 2px dotted #B0B0B0;
			}
			#header #botoneraIdiomas > li > a{
				display: block;
				overflow: hidden;
				width: 20px;
				height: 20px;
				filter: alpha(opacity=60); opacity: .60;
				/*background-repeat: no-repeat;	
				background-position: 0 0;*/
			}
			
			#header #botoneraIdiomas > li > a >img{
				display: block;
				margin-top: -20px;
			}
				#header #botoneraIdiomas > li.selected > a{
					filter: alpha(opacity=100); opacity: 1;
				}
				#header #botoneraIdiomas > li.selected > a > img{
					margin-top: 0;
				}
			#header #botoneraIdiomas > li > a:hover{
				/*background-position: 0 -20px;*/
				filter: alpha(opacity=100); opacity: 1;
			}
			#header #botoneraIdiomas > li > a:hover > img{
			}
		/*___	/BOTONERA IDIOMAS	__________*/

		/*___	BOTONERA ICONOS (redes sociales, contacto, etc)	__________*/
			/*en unos tamaños va en content, en otras en header, va duplicada y se muestra y oculta segun el dispositivo*/
			#bloque_barraIconos{
	overflow: visible; /*para cartelAccesibilidad*//*anteshidden;*/
				}
			#bloque_barraIconos > ul{
				float: right;
				overflow: hidden;
				margin-top: 8px;
			}
			#bloque_barraIconos > ul > li{
				float: left;
				margin-right: 1em;
			}
			#bloque_barraIconos > ul > li > a{
				display: block;
				overflow: hidden;
				filter: alpha(opacity=60); opacity: .60;
			}
			#bloque_barraIconos > ul > li > a > div{ /*div img*/
				width: 33px; /*poner proporcional a height segun tamaño de imagen*/
				height: 33px; /*mismo que tamaño que le pongo a la imagen en este caso de dispositivo*/
				overflow: hidden;
				float: left;
				margin-right: 8px;
/*border:1px solid red;*/
			}
				#bloque_barraIconos > ul > li > a > div >img{
					display: block;
					/*33 x 66(2 de 33 para cada color)*/
				}
			#bloque_barraIconos > ul > li > a > p{
				margin: 0;
				float: left;
				padding-top: .1em;
				font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
					/*NoTomaRem*/font-size: 21px;
				font-size: 1.32rem; /*2.6em;*/
				font-weight: normal;/*con font-face no*/
				color: #fff;
				text-shadow: 0px 0px 3px rgba(255,255,255, 0.6 );
			}
			#bloque_barraIconos > ul > li > a:hover{
				filter: alpha(opacity=100); opacity: 1;
			}
		/*___	/BOTONERA ICONOS (links)	__________*/


		/*___	BOTONERA PRINCIPAL MENU __________*/
				/*___	en header */
					#header .menuNavegacion ul.menu{
						margin-bottom: .3em;
					}
					#header .menuNavegacion ul.menu a{
						text-transform: uppercase;
						text-shadow: 0px 0px 1px rgba(44, 10, 161, 0.5 );
					}	
					#header .menuNavegacion ul.menu > li.selected-item > a{
						text-shadow: 0px 0px 3px rgba(0,0,0, 0.6 );
					}
				/*___	/en header */

				/*___	en footer */
					#footer .menuNavegacion ul.menu > li > a{
						/*text-transform: none;*/
					}
					#footer .menuNavegacion ul.menu > li >a{
						text-shadow: 0px 0px 3px rgba(255,255,255, 0.6 );
					}	
					#footer .menuNavegacion ul.menu > li.selected-item > a,
					#footer .menuNavegacion ul.menu > li.selected-item > a:hover{
						text-shadow: 0px 0px 6px rgba(255,255,255, 0.8 );
					}
					#footer .menuNavegacion ul.menu > li > a:hover{
						text-shadow: none;
					}
				/*___	/en header */
		/*___	/BOTONERA PRINCIPAL MENU __________*/

		
		/*___	LISTAS __________*/
				ul.listaFed li.icoDiscap{
											background: url('../plantillas/plantilla_hotelLuces/img/gral/../modulos/modCss_listas/listItem_color0_med_sillaRued.png') 0px .25em no-repeat;
				}
		/*___	/LISTAS __________*/

		/*___	FORM AUTOGEN	__________	__________	__________*/
				.cartelDevolucionForm#formCartelDevolucionPhp{ /*esta fuera del form*//*el header lo tapa aun con zindex mayor. lo pongo desplazado*/
					/*fondo, transparente, pero aca color*/
					z-index: 9999;
					position: fixed;
					left: 0;
/* *** Correccion*/
top: 60px;
					/*background-color: rgba(255, 255, 255, .85);*/
					width: 100%;
						opacity: 1;
						/*transicion*/ -moz-transition: opacity 3s; -webkit-transition: opacity 3s; transition: opacity 3s; /*para autodesvanecimiento js*/
				}
				.cartelDevolucionForm#formCartelDevolucionPhp .placaContent{

					position: relative;
					width: 100%;
					max-width: 1100px;
					margin: 0 auto;
						/*NoTomaRem*/ margin-top: 73px;	
					margin-top: 14.6rem; /*altura de header, a ojo*/
					background-color: #4F84B9;
					-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6); -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
					padding-right: 2em;
					box-sizing: border-box;
				}
				.cartelDevolucionForm#formCartelDevolucionPhp .placaContent a{
					background-color: #fff;
					border-color: transparent;
					color: #4F84B9;
				}
				.cartelDevolucionForm#formCartelDevolucionPhp .placaContent a:hover{
					background-color: #4F84B9;
					border-color: #fff;
					color: #fff;
				}

				form.formAutogen .sectorBloque > h2{ /*form.formAutogen .sectorBloque > h2{*/
					display: none;
				}
				form.formAutogen .grupoCampo .agrupaParesRadioLabel{
					margin-left: 0em;
				}
				form.formAutogen .grupoCampo .agrupaParesRadioLabel div{/* cada par label/input de un item de radio*/
					float: left; width: auto; clear: none; margin-left: 1em;
				}
					form.formAutogen .grupoCampo .agrupaParesRadioLabel div:first-of-type{
						margin-left: 0;
					}

				/*RIe en tu evento
				.bloque_modulos.bloque_form div.bloque_texto p{
					font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
					color: #2C64A1;
						/*NoTomaRem*font-size: 18px;
					font-size: 1.12rem;
				}
				form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado{
				}
				form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divInputText{ /*tel sin desplegable a la derecha*
					width: 55%;
				}
				form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divInputText input{
				}
				form.formAutogen .grupoCampo > label{
					font-weight: normal;
				}
				form.formAutogen .agrupaCantidadCaracteres{
					display: none;
				}
				form.formAutogen small{
					font-size: .8em;
				}
				*/
/*Pisa estilo de modulo*/
	/*cartel devolucion luego de envio (devuelve validaciones php, pero impresas por js, fuera del bloque form, en el body)*/
	.cartelDevolucionForm#formCartelDevolucionPhp{ /*esta fuera del form*//*el header lo tapa aun con zindex mayor. lo pongo desplazado*/
	}
	.cartelDevolucionForm#formCartelDevolucionPhp *{
		font-family: base, Helvetica, Verdana, Geneva, sans-serif;
	}
	.cartelDevolucionForm#formCartelDevolucionPhp h3{
		font-weight: bold;
	}
	.cartelDevolucionForm#formCartelDevolucionPhp .placaContent{
		max-width: 1100px;
		margin-top: 2em;	
		/*background-color: #4F84B9;*/
	}
	.cartelDevolucionForm#formCartelDevolucionPhp .placaContent a.cerrar{
		/*background-color: #fff; por codigo*/
		border-color: transparent;
		font-size: 1.1em;
		padding-bottom: .5em;
		font-weight: bold;
		/*color: #4F84B9;*/
	}
	.cartelDevolucionForm#formCartelDevolucionPhp .placaContent a.cerrar:hover{
		background-color: #4F84B9;
		border-color: #fff;
		color: #fff;
	}
	/**/
	/*'enviando' (debajo del form)*/
	.cartelDevolucionForm.secundario#cartelDevolucionJS{ /*<div class="cartelDevolucionForm formAutogen formContacto1 secundario" id="cartelDevolucionJS"></div>*/
		border-color: #2C64A1 !important;
		color: #2C64A1 !important;
		background-color: rgba(255,255,255,.25) !important;
		height: 1em !important;
		margin-bottom: -4.5em !important; /*para que salga fuera de contenedor y no lo expanda*/
		}
/*/*/


/*excluyo campo Afiliados, por css, de los idiomas que no sean castellano. con un class agregado al contenedor del form en la pagina puntual*/
#bloque_contactoForm form.formAutogen .grupoCampo#grupoCampo_form_afiliadoSiNo{
	/*grupoCampo_form_afiliado_nro no, pq sino important tapa el cambio al desplegar y no se despliega*/
	display: none !important;
}
#bloque_contactoForm.idm_es form.formAutogen .grupoCampo#grupoCampo_form_afiliadoSiNo{
	display: block !important;
}

		/*___	/FORM AUTOGEN	__________	__________	__________*/

		/*___	GALERIA FLEXSLIDER	__________	__________	__________*/
			/* div.flexslider.galeria */
			.flexslider{ /*div.galeria.flexslider */
					/*alto lo ajusto en .galeria*/
				position: relative;
			z-index: -1;
				/*padding-bottom: 50px;  /*si quiero contener el .flex-control-nav (bolitas de pasa fotos), le doy este valor aprox igual a altura de .flex-control-nav, y a esta le doy bottom >=0 */
				margin: 0;
				background-color: #fff;
				border: none;
					-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
					-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
			}
			.slides{ /*ul*/
				/*border: 3px solid green; salia espacio bajo este, se solucioona poniendo margin 0 en: '.flex-direction-nav .flex-nav-prev, .flex-direction-nav .flex-nav-next'*/
			}
			/*Circulos pasa de fotos*/
			.flex-control-nav,
			.flex-control-paging{ /*ol.flex-control-nav.flex-control-paging *//*circulitos de pasar cadea imagen? */
				/*position: absolute*/
					/*top: -100px;*/
				z-index: 1;
			}
			.flex-control-nav{
				bottom: .4em; /*si quiero superponer circulitos pasa imagenes, a area de imagen, lo subo*/
				height: 12px; /*mismo que 	.flex-control-paging li a*/
			}
			.flex-control-nav li{ /*ol.flex-control-nav.flex-control-paging *//*circulitos de pasar cadea imagen? */
			}
			.flex-control-paging li a {
				width: 12px;
				height: 12px;
				background-color: rgba(255,255,255,.7);
				cursor: pointer;
				text-indent: -9999px; /*desaparece texto*/
				-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
				/*-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;*/
				-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; /*circulitos*/
			}
			.flex-control-paging li a:hover {
				background-color: #9ECCFF;
			}
			.flex-control-paging li a.flex-active {
				background-color: #fff;
				cursor: default;
			}
			.flex-direction-nav{
			}
				.flex-direction-nav a {
					height: 30px;
					width: 18px;
					margin-top: -15px; /*mitad de altura*/
					text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
display: none; /* *** Anulo flechas*/
				}
				.flex-direction-nav a:before { /*general, y prev*/
					background-position: 0 0;
					height: 30px;
					width: 18px;
					background-size: auto 100%; /*ajust al 100% de altura (ancho no porque tiene la misma imagen los 2 estados*/
					/*para dar mas area sensible, aumentar paddings y reducir font size y line height*/
				}
				.flex-direction-nav a.flex-next:before { /*next hereda de gral y cambia esto*/
					background-position: -18px 0;
				}
			.flex-direction-nav .flex-nav-prev, .flex-direction-nav .flex-nav-next{ /*li*/ /*flechas sobre foto, adelante atras*/
				margin: 0; /*!!!!!  estas agregan espacio abajo del ul. por eso la correccion, debe ir aca no en */
			}
			.flex-direction-nav a{ /* = .flex-direction-nav .flex-nav-prev a.flex-prev { /*li*/ /*flechas sobre foto, adelante atras*//*li.flex-nav-prev a.flex-prev*/
				/*flechas adelante atras*/
			}
			.flex-direction-nav a:before{
				color: #fff;
				
			}

		/*___	/GALERIA FLEXSLIDER	__________	__________	__________*/


		/*___	CARTEL ACCESIBILIDAD	__________	__________	__________*/		
						#id_cartelAccesibilidad{
				/*opacity: .50; /*cambia propiedad con js, fundido solo por css*/
				/*transicion* -moz-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s;
				*/
			}
			#id_cartelAccesibilidad{
				z-index: 2;
				margin-top: 15px;
				position: absolute;
				overflow: visible; /*para senalador*/
				width: 400px;
				/**/	
				border: 2px solid #4F84B9;
				background-color: #fff; /*9alpha9*/
					/*NoTomaRem*/ padding-left: 26px;
				padding-left: 1.63rem;
					/*NoTomaRem*/ padding-right: 26px;
				padding-right: 1.63rem;
				box-sizing: border-box;
				border-radius: .7em;
				box-shadow: -2px 2px 6px rgba(0,0,0,.6);
				font-family: base, Helvetica, Verdana, Geneva, sans-serif;
					/*NoTomaRem*/font-size: 16px;
				font-size: 1rem;
				color: #4D4D4D;
			}
				#id_cartelAccesibilidad:before{ /*senalador*/
					margin-left: 40px;
					display: block;
					content: '';
					clear: both;
						z-index: 2;
						position: absolute;
						top: -22px; /*mismo que height*/
						left: 0;
						width: 30px;
						height: 22px;
						background-image: url('../plantillas/plantilla_hotelLuces/img/gral/cartel_senalador.svg');
						background-repeat: no-repeat;
						background-position: 50% 0;
						background-size: 100% 100%;
					}
						#id_cartelAccesibilidad a.botCerrar{
						z-index: 2;
						position: absolute;
						top: 0;
						right: 0;
							/*NoTomaRem*/height: 28px;
						height: 1.75rem; /*1rem siempre*/
							/*NoTomaRem*/width: 28px;
						width: 1.75rem; /*1rem siempre*/
							/*NoTomaRem*/line-height: 28px;
						line-height: 1.75rem; /*1rem siempre*/
						text-align: center;
						background-color: #4F84B9;
						color: #fff;
						display: block;
						font-weight: bold;
						font-family: base, Helvetica, Verdana, Geneva, sans-serif;
							/*NoTomaRem*/font-size: 18px;
						font-size: 1.12rem;
							border-left: 2px solid #fff;
							border-bottom: 2px solid #fff;
							margin-top: 0px;
							margin-right: 0px;
						border-bottom-left-radius: .4em;
							border-top-right-radius: .4em;
					}
							#id_cartelAccesibilidad a.botCerrar:hover{
							background-color: #3472B5;
							color: #EDF6FF;
						}
			#id_cartelAccesibilidad > h4{
				/**/
				/*text-align: center;*/
				/*font-family: fontTitul, Georgia, "Times New Roman", Times, serif;*/
				background-color: #4F84B9;
				border-top-left-radius: .4em;border-top-right-radius: .4em; /*para safary que hidden no corta bordes redondeados*/
				color: #fff;
					/*NoTomaRem*/font-size: 20px;
				font-size: 1.24rem;
					/*mismo que su padre pero negativo*/
					/*NoTomaRem*/ margin-left: -26px;
				margin-left: -1.63rem;
					/*NoTomaRem*/ margin-right: -26px;
				margin-right: -1.63rem;
				/**/
					/*NoTomaRem*/ padding-left: 13px;
				padding-left: 0.81rem;
					/*sumar algunos rem para evitar boton cerrar pise*/
							/*NoTomaRem*/ padding-right: 61px;
						padding-right: 3.31rem;
					/*/*/
				padding-top: .4em;
								padding-bottom: .4em;
				margin-bottom: 0;
			}
			#id_cartelAccesibilidad > ul{
				margin-top: 1.4em;
				/**/
				font-size: inherit;
				color: inherit;
				line-height: 1.2em;
				padding: 0;
				margin-bottom: 1.4em; /*last margin-bottom: .4em;*/
			}
			#id_cartelAccesibilidad > ul li{
				
			}
		/*___	/CARTEL ACCESIBILIDAD	__________	__________	__________*/		


	/*___	/ELEMENTOS ESPECIFICOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



/*___	/ELEMENTOS COMUNES A TODAS LAS AREAS	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/



/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	AREAS PARTICULAR	____________________________________________________________*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: INDEX		___	___	___	___	___	___	___	___*/
/*
		body.index #wrapper{
			padding-top: 0;
			padding-bottom: 0;
			/*height: 100% !important; /* para pisar el height: auto !important;
			background: url('../plantillas/plantilla_hotelLuces/img/gral/placaIndex.gif') 50% 50% no-repeat;
		}
		body.index #content{ /* body > #wrapper > #content 
			border: none;
			display: block;
			width: auto;
			height: 100%;
			margin-top: 0;
			margin-bottom: 0;
			background-image: none;
		}
		body.index a#botonEntrar{
			display: block;
			position: absolute;
			top: 44%;
			right: 15%;
			background-image: url('../plantillas/plantilla_hotelLuces/img/gral/ico_entrarSitio.png');
			background-repeat: no-repeat;
			background-position: 100% 50%;
			font-family: ;
				/*NoTomaRem margin-bottom: 1.3em;
			font-size: 1.3rem;
			padding-right: 1em;
			color: ;
		}
		body.index a#botonEntrar:hover{
			color: ;
		}
*/
	/*___	/AREA: INDEX	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: EN MAS DE UN AREA		___	___	___	___	___	___	___	___*/

		
		/**/

		/*_ bloque_promociones */	
		#bloque_promociones > ul{ /*solo ul directamente hijo, el de imagenes*/
			position: relative;
			/*margin-top: -60px;*/
			overflow: hidden;
		}	
		#bloque_promociones > ul > li{
			position: relative;
			display: block;
			padding: 0;
			margin: 0;
		}
		.promoImg{ /*a*/
		/*transicion*/ -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; 
			position: relative;
			display: inline-block;
			width: auto;
				min-height: 1rem;/*height: 150px; toma de img interna*/
			overflow: hidden;
			padding: 6px;
			background-color: #fff;
			border: 1px solid #B0B0B0;
		}
		.promoImg > img{
			display: block;
			margin: 0 auto;
				/*justifica lateral, hacer que centre*/
		}
		.promoImg > div{ /*texto*/
			z-index: 1;
			position: absolute;
		bottom: 25px;
			left: 0;
			width: 100%;
			font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
				/*NoTomaRem*/ font-size: 24px;
			font-size: 1.5rem;
			/*font-weight: bold;*/
			color: #fff;
			margin: 0;
			margin-bottom: -.35em;
			padding-left: .1em;
			box-sizing: border-box;
			background-color: rgba(0,0,0,.3);
			line-height: 1.2em;
			/*padding-bottom: .1em;*/
			text-align: left;
			/*text-shadow: 0px 0px 1px rgba(0,0,0, 0.5);*/
		}
		.promoImg:hover{
			filter: alpha(opacity=85); opacity: .85;
			background-color: #EDEDED;
		}
		/*_ bloque_contactoForm */
		#bloque_contacto{

		}
		#bloque_contacto #bloque_contactoForm{
			background-color: #2C64A1;
				/*NoTomaRem*/ padding-top: 16px;
			padding-top: 1rem;
				/*NoTomaRem*/ padding-bottom: 16px;
			padding-bottom: 1rem;
			/*retorma posicion de inicio de caja como si no hubiera margen neg*/
			
				/*NoTomaRem*/ padding-left: 13px; 
			padding-left: 0.81rem;
				/*NoTomaRem*/ padding-right: 13px;
			padding-right: 0.81rem;
		}
		#bloque_contacto #bloque_contactoInfo{
			/*retorma posicion de inicio de caja como si no hubiera margen neg*/
				/*NoTomaRem*/ padding-top: 16px;
			padding-top: 1rem;
				/*NoTomaRem*/ padding-bottom: 16px;
			padding-bottom: 1rem;
			/*retorma posicion de inicio de caja como si no hubiera margen neg*/
				/*NoTomaRem*/ padding-left: 13px; 
			padding-left: 0.81rem;
				/*NoTomaRem*/ padding-right: 13px;
			padding-right: 0.81rem;
		}
			#bloque_contacto #bloque_contactoForm > h2{
				/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco *
					/*NoTomaRem*/ margin-left: 13px; 
				margin-left: 0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
				float: left;
			}
			#bloque_contacto #bloque_contactoInfo ul{
			}
			#bloque_contacto #bloque_contactoInfo ul > li{
				padding: 0;
				/*clear: both; complica respecto al bloque_contactoForm float, lo manda abajo */
				float: none;
			}
			#bloque_contacto #bloque_contactoInfo ul > li > h4{
				color: #A4BFDA;
					text-shadow: 0px 0px 1px rgba(149, 176, 204, 0.5 );
				margin-bottom: 0;
					/*NoTomaRem*font-size: 21px;
				font-size: 1.32rem;*/
			}
			#bloque_contacto #bloque_contactoInfo ul > li > p{
				margin-left: .8em;
				color: #2C64A1;
			}
			#bloque_contacto #bloque_contactoInfo ul > li > p strong{
				font-weight: bold;
			}

		

	/*___	/AREA: EN MAS DE UN AREA		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: ERROR		___	___	___	___	___	___	___	___*/
	body.error{
		padding: 3rem 1rem 1rem;
	}
	body.error #content{
		/*border:1px solid red;*/
		margin: 0 auto;
		width: auto;
		max-width: 600px;
	}
	body.error #content h3{
		color: #2C64A1;
		margin-bottom: .2em;
	}
	body.error #content ul{
		margin-left: 1rem;
	}
	body.error #content ul li{
		color: #696969;
	}

	/*___	/AREA: ERROR		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/

	
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	/AREA: INDEX		___	___	___	___	___	___	___	___*/
		/*body.index{
			border:1px solid red;
		}
		html, body{
		position: relative; height: 100;
		}
		*/
		body.index #wrapper{
			/*border:1px solid red*/
				/*resetea*//*Footer fijo*/
				margin-bottom: 0;
				min-height: 0;
				height: auto;
		}
		body.index #wrapper #content{
			margin-bottom: 0;
		}
		body.index #header{
			height: 62px;
			min-height: 0;
		}
		body.index #header #head_area_logo{
			float: none;
			margin-left: 0;	
		}
		body.index #header #head_area_logo > #botonLogo{ /* a#botonLogo*/
			margin-left: auto;
			margin-right: auto;
		}
		body.index .contenedorIframe{
			position: relative;
			/*padding-bottom relativo a ancho por ser padding en %*/
			padding-bottom: 56.25%; /*aspect ratio 16/9*/
			/*padding-bottom: 75%; /*aspect ratio 4/3*/
			height: 0;
			overflow: hidden; /*iframe sobresaldra, por eso el padding para coincidir*/
		/*border:1px solid red;*/
			margin-bottom: 1em;
		}
		body.index .contenedorIframe iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%; /*segun ancho de contenedor*/
			height: 100%; /*segun alto de contenedor (contemplando paddings)*/
			/*el video se ajusta solo a su contenedor iframe (ajusta botones de reproduccion y margenes negros de video*/
		}
		body.index a#botonEntrar{
			display: block;
			margin: 0 auto;
			width: 200px;
			text-align: center;
			color: #4F84B9;
			font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
				/*NoTomaRem*/font-size: 21px;
			font-size: 1.32rem;
			/*font-weight: bold;*/
		}
		body.index a#botonEntrar:hover{
			color: #255287;
		}
	/*___	/AREA: INDEX		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: HOME		___	___	___	___	___	___	___	___*/

		/*Home*/
		body.home #content{ /* body > #wrapper > #content */
		}
		/*body.home .grilla_row{
			border:1px solid orange;
		}
		body.home .grilla_row [class*='col_']{
			border:1px solid green;
		}*/

		body.home #content #bloque_titularesPagina{ /*contiene h1 y h2 y p*/
			/*width: auto;*/
			/*float: left;*/
				/* xposition: absolute; /*relative;*/
			/*width: 755px; /*quita margenes de content para no sobresalir*/
			width: auto;
/*border:1px solid red;*/
box-sizing: border-box;
		}	


		/**/
		body.home #content .textoPresentacionHome{
				/*NoTomaRem*/ margin-left: 39px;
			margin-left: 2.44rem;
			width: auto;
			max-width: 675px;
			box-sizing: border-box;
			margin-bottom: 1em;
		}
		body.home #content .textoPresentacionHome p{
			font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
				/*NoTomaRem*/ font-size: 16px;
			font-size: 1rem;
			font-style: italic;
			margin-bottom: .3em;
			color: #696969;
		}
		body.home #content .textoPresentacionHome > span.small{
			font-size: .9em;
		}
		body.home #content > .textoPresentacionHome p > strong{
			color: #B0B0B0;
			font-weight: bold;
		}
		/*/*/

			/**/		
			body.home #content #bloque_mapaInteract{
			}
			body.home #content #bloque_mapaInteract #objLugares_contenedorLista{
				/*margin-top: 400px;*/
			}
			body.home #content #bloque_mapaInteract > #mapa{ /*mapa interactivo*/
					/*NoTomaRem* top: 158.4px;
				top: 9.9rem;*/
			}
		/*_*/

		/*_ Habitaciones */
		body.home #content #bloque_habitaciones{ /*.bloque_modulos#bloque_habitaciones{*/
			position: relative;
								/*NoTomaRem*/ /*padding-bottom: 16px;
							padding-bottom: 1rem; /*ya tienen margin*/
		}
			body.home #content #bloque_habitaciones:after{
				/*.bloque:after*/
					/*NoTomaRem*/ padding-top: 16px;
				padding-top: 1rem; /*funciona como padding-bottom de bloque*/
			}
		body.home #content #bloque_habitaciones > h2{
			/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
				/*NoTomaRem*/ margin-left: 13px; 
			margin-left: 0.81rem;
			/*padding-right: .5em; /*deja un poco mas de misc sobresaliendo*/
				float: left;	
		}
		body.home #content #bloque_habitaciones > ul{ /*solo ul directamente hijo, el de imagenes*/
			position: relative;
			clear: both;
			/*margin-top: -60px;*/
			overflow: hidden;
				/*NoTomaRem*/ padding-bottom: 16px;
			padding-bottom: 1rem;
		}	
		body.home #content #bloque_habitaciones > ul > li{
			position: relative;
			display: block;
			float: left;
			padding: 0;
			margin: 0;
	/*border: 1px solid red;*/
			width: 30%;
			margin-right: 5%;
		}
		body.home #content #bloque_habitaciones > ul > li:last-of-type{
			margin-right: 0;
		}
		body.home #content #bloque_habitaciones > ul > li > a{
			/*transicion*/ -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;
			position: relative;
			display: block;
			width: auto;
			height: auto; /*segun contenido, o 150*/
			overflow: hidden;
		}
		body.home #content #bloque_habitaciones > ul > li > a > img{
			/*para centrado que sobresale. Debo saber ancho de imagen (o setearlo aqui forzado)*/
			position: relative; /*absolute*/
			left: 50%;
			margin-left: -165px; /*333w/2*/
			width: 333px; height: auto;

		}
		body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto{
			z-index: 1;
			position: absolute;
			bottom: 20px;
			left: 0;
			width: 100%;
		}
		body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p{
			font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
				/*NoTomaRem*/ font-size: 32px;
			font-size: 2rem;
			/*font-weight: bold;*/
			color: rgba(255,255,255,.9);
			margin: 0;
			margin-bottom: -.4em;
			padding-left: .3em;
		}
		body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p > span.nro{ /*'3'ples '2'bles, etc*/
			font-size: 1.5em;
			line-height: .75em;
		}
		body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p + p{ /*ver*/
			background-color: #EDEDED;
			font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
				/*NoTomaRem*/ font-size: 28px;
			font-size: 1.75rem;
			line-height: .9em;
			padding-bottom: .1em;
			color: #696969;
			background-color: rgba(237,237,237,.8);
			text-align: right;
			padding-right: .3em;
			font-weight: normal;
				text-shadow: 0px 0px 1px rgba(0,0,0, 0.5);
		}
		body.home #content #bloque_habitaciones > ul > li > a:hover{
			filter: alpha(opacity=85); opacity: .85;
		}
		
		/*_ Home bloque_servicios */
		body.home #content #bloque_servicios{
/*border:1px solid red;*/
		}
		body.home #content #bloque_servicios > h2{
			/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
				/*NoTomaRem*/ margin-left: 13px; 
			margin-left: 0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
			float: left;
		}
		body.home #content #bloque_servicios ul#pasaIconos_ul_servicios{ /*#pasaIconos_ul_servicios*/
			clear: both;
			/*border:1px solid orange;*/
			/*!JS position: relative; z-index se define por js, no definir aca*/
			overflow: hidden;/*porque estan absolute dentro*/
			height: 9em; /*para dar espacio, pq el interior esta absolute*/
			padding: 0;
			background-color: #fff;
/*border:1px solid red;*/
		}
			body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li{ /*mueven por js*/
		/*border:1px solid orange;	*/
				/*!JS: width, absolute se definen en js; z-index y top y left cambian con js, no definir aca*/
				float: none; /*left;*/
				background-color: #fff;
				padding-top: 1.2em;
				box-sizing: border-box;
				/*border:1px solid orange;*/
					height: 9em; /*definir altura, pq JS tomara de referencia la de 1er li. puedo definirla en em o relativas, pero JS igual la lee en px*/
				/*transicion*/ /*-moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all 2s ease-in-out;*/
				/*! la transicion no debe abarcar zIndex, o js lo aplica al final del movimiento y debe ser desde el comienzo*/
				opacity: 0; /*necesario sino JS inicia mostrando todas y despues las desvanece*/
				/*transicion*/ -moz-transition: top 1s ease-in-out, opacity 1.5s ease-in-out; -webkit-transition: top 1s ease-in-out, opacity 1.5s ease-in-out; transition: top 1s ease-in-out, opacity 1.5s ease-in-out;
			}
		body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li img{
			display: block;
			margin: 0 auto;
			/*original 64x50*/
		}
		body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li p{
			text-align: center;
			margin-top: .5em;
		}



		/*/*/

		/*_ Home bloque_promociones */
		body.home #content #bloque_promociones{
			/*ver grales de bloque_contacto*/
		}
			body.home #content #bloque_promociones:after{
				/*.bloque:after*/
				border-bottom: 6px solid #EDEDED; /*funciona como border-bottom de bloque (ver nota de '.bloque' en css*/
				/*NoTomaRem*/ padding-top: 16px;
				padding-top: 1rem; /*funciona como padding-bottom de bloque*/
					/*NoTomaRem*/ margin-left: -13px; 
				margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
					/*NoTomaRem*/ margin-right: -13px; 
				margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
			}
		body.home #content #bloque_promociones > h2{
			/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
				/*NoTomaRem*/ margin-left: 13px; 
			margin-left: 0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
			float: left;
		}
		body.home #content #bloque_promociones > ul{ /*solo ul directamente hijo, el de imagenes*/
			clear: both;
			width: auto;
			text-align: center;
/*border: 1px solid red;/*
				/*NoTomaRem*/ /*padding-bottom: 16px;
			padding-bottom: 1rem;*/
		}
		body.home #content #bloque_promociones > ul > li{
			margin-right: 50px;
			display: inline-block;
		}
		body.home #content #bloque_promociones > ul > li:last-of-type{
			margin-right: 0px;
		}

		/*_ Home bloque_contacto */	
			/*ver grales de bloque_contacto*/
		body.home #content #bloque_contacto{
				/*NoTomaRem*/ margin-left: -13px; 
			margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
				/*NoTomaRem*/ margin-right: -13px; 
			margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
			background-color: #255287; /*color de #bloque_contactoInfo*/
		}
			body.home #bloque_contacto #bloque_contactoForm{
				float: left;
				width: 64%; /*67%*//*-3 a ojo para que entre email*/
				border-right: 1px solid #9ECCFF;
			box-sizing: border-box;
			}
			body.home #bloque_contacto #bloque_contactoInfo{
				margin-left: 64%; /*67*//*-3 a ojo para que entre email*/
					/*NoTomaRem*/ padding-top: 64px;
				padding-top: 4rem;
			}
			/*body.home #bloque_contacto #bloque_contactoInfo ul{
			}
			body.home #bloque_contacto #bloque_contactoInfo ul li{
			}*/
			body.home #bloque_contacto #bloque_contactoInfo ul li p,
			body.home #bloque_contacto #bloque_contactoInfo ul li p a{
				color: #fff;
			}
			body.home #bloque_contacto #bloque_contactoInfo ul li p a:hover{
				color: #9ECCFF;
			}
		/*_*/
		

	/*___	/AREA: HOME	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: SERVICIOS		___	___	___	___	___	___	___	___*/
	
		body.servicios #content{ /* body > #wrapper > #content */
		}

		body.servicios #content #bloque_titularesPagina > h1{
			display: block;
			width: 25%;
		/*border: 1px solid red;*/
			float: left;
			border-right: 2px dotted #B0B0B0;
		}
		body.servicios #content #bloque_titularesPagina > h2{
			display: block;
			/*width: 70%; /*resta borde(a ojo 2%) y columna otra*/
	/*border: 1px solid red;*/
			float: left;
				/*NoTomaRem*/ margin-left: 52px;
			margin-left: 3.24rem;
		}
		
		body.servicios #content #bloque_listaServicios{
					/*x
					width: 75%;
					margen equivalente a ancho de : #content #bloque_titularesPagina h1; y padding equivalente a su margin (para que coindidan medidas)
						padding-left: 0.81rem;*/
		/*border: 1px solid red;*/
		}
			body.servicios #content #bloque_listaServicios > ul{
					/*width: 75%;*/
				width:100%; /*aspira al maximo, pero se limita luego con max-width*/
				max-width: 792.5px; /*ancho de col de h1 pero en px (cuando esta en maximo ancho ventana (sin considerar margen de content), menos margen de h1 */
					float: right;	
				overflow: hidden;
				border-top: 1px solid #B0B0B0;
			}
				body.servicios #content #bloque_listaServicios li{ /*podria hacer que fuerce salto en los impares*/
					overflow: hidden;
					border-bottom: 1px solid  #B0B0B0;
					margin: 0; padding: 0;
					width: 50%;
					float: left;
					height: auto;
				}
			body.servicios #content #bloque_listaServicios li > img{
				float: left;
				display: block;
				border: 0;
				width: 64px;
				height: 50px; /*original 64x50*/
				overflow: hidden;
				background-color: #fff;
				margin-top: 5px;
				padding-left: 10px;
			}
			body.servicios #content #bloque_listaServicios li > p{
				/*float: left;*/
				padding: 5px .8em 5px .8em;
				height: auto;
				min-height: 50px;
				margin: 0;
				margin-left: 74px; /*mismo que ancho de img + padding left*/ 
				background-color: #EDEDED;
			}

	/*___	/AREA: SERVICIOS	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: UBICACION		___	___	___	___	___	___	___	___*/
	
		body.ubicacion #content{ /* body > #wrapper > #content */
		}
		body.ubicacion #content #bloque_titularesPagina{
			/* xposition: absolute; /*solo para que luego mapa quede a misma altura por detras*/
			/*width: 97%; /*!!!! a ojo, ancho completo menos margenes*/
/*---border: 1px dashed blue;*/
		}
		body.ubicacion #content #bloque_titularesPagina:after{
		}
		body.ubicacion #content #bloque_titularesPagina > h1{
			display: block; /*necesario, por defecto es inline-block*/
			width: 25%;
		/*border: 1px solid red;*/
			float: left;
			border-right: 2px dotted #B0B0B0;
		}
		body.ubicacion #content #bloque_titularesPagina > h2{
			/*width: 70%; /*resta borde(a ojo 2%) y columna otra*/
/*border: 1px solid red;*/
			float: left;
							/*width: auto; /* 62%;*/
		 					/*max-width: 580px;
		 					margin-left: 31%;
		 					*/
					/*NoTomaRem*/ margin-left: 52px;
				margin-left: 3.24rem;
		}
							/*pq mapa lo tapa sino. (ver al final)*/
							/*body.ubicacion #content #bloque_titularesPagina > h2:after, body.ubicacion #content #bloque_titularesPagina > h2:before{
								z-index: auto; /*para que mapa no pise titulo. ojo, despues reponer -1*
							}*/
body.ubicacion #content #bloque_titularesPagina > h2 span.saltoLinea{
}
body.ubicacion #content #bloque_titularesPagina > h2 span.saltoLinea:before{
	content: '\A';
	white-space: pre;
}

		body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea{
			position: relative;
			clear: both;
			/*margin-left: 2rem; /*solo home?*/
			width: 25%;
/*border: 1px solid red;*/
			float: left;
			text-align: right;
			border-right: 2px dotted #B0B0B0;
				/*llevaria mismo margen que h1 para coincidir vertical punteada, pero como le pongo padding interno, si lo uso de mismo valor neutraliza*/
					/*NoTomaRem margin-left: 13px;
	 			margin-left: 0.81rem;*/
 				/*NoTomaRem*/ padding-right: 13px;
 			padding-right: 0.81rem;
 			margin: 0;
			/*padding-bottom: 2rem; /*para extender punteado*/
				/*a ojo para acercar a h1, queda alejado por h2*/
					/*NoTomaRem*/ margin-top: -16px;
				margin-top: -1rem;
/****!*/margin-bottom: -6rem; /*para que se superponga con el bloque que sigue (que no toma margin top negativo)*/
		}

		body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea .col{
		}
		body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p{
			line-height: 1.2em;
		}
body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p span.saltoLinea:before{
	content: '\A';
	white-space: pre;
}
		body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p span.small{
			color: #B0B0B0;
		}

	/*_Mapa interactivo*/
		/*ver arriba comun a ubicacion y home*/
			body.ubicacion #content #bloque_mapaInteract{
				/*no toma margin top neg pq no esta contra bord de contenedor sino contra un hermano*/
/*border:3px solid blue;*/
			}
			body.ubicacion #content #bloque_mapaInteract #objLugares_contenedorLista{
				/*margin-top: 400px;*/
			}
	/*/*/

	/*___*/
	body.ubicacion #content #bloque_mapaGoog{
	}
	body.ubicacion #content #bloque_mapaGoog > h3{
	}
	body.ubicacion #content #bloque_mapaGoog > ul{
		float: left;
		width: 33%;
		border-right: 2px dotted #B0B0B0;
		min-height: 400px; /*mismo que iframe + padding de mapaGoog, para que se vea borde hasta ahi*/
		overflow: hidden;
		box-sizing: border-box;
	}
		body.ubicacion #content #bloque_mapaGoog > ul > li{
			margin-bottom: 0;
		}
		body.ubicacion #content #bloque_mapaGoog > ul > li > .link{ /*a o div, evento por js*/
			display: block;
			border-top: 1px solid #B0B0B0;
			padding: .3em .5em .8em;
			cursor: pointer;
		}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link:hover{
				background-color: #f3f3f3;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link h4{
				margin-bottom: .1em;
					/*NoTomaRem*/font-size: 20px;
				font-size: 1.24rem;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link h4 span{
				font-size: .9em;
				color: #4F84B9;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.tiempo{
				display: inline-block;
					/*NoTomaRem*/margin-left: 13px;
				margin-left: 0.81rem;
				font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
					/*NoTomaRem*/font-size: 16px;
				font-size: 1rem; /*1em*/;
				font-weight: bold;
				color: #696969;
				padding-right: .6em;
					margin-top: .4em;
				margin-bottom: 0;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.verMapa{
				display: inline-block;
					/*NoTomaRem*/font-size: 14px;
				font-size: 0.9rem; /*1em*/;
				color: #B0B0B0;
				border-left: 2px dotted #B0B0B0;
				padding-left: .6em;
				line-height: 1em;
					margin-top: .9em;
				margin-bottom: 0;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.verMapa:before{
				content: '[+]';
				font-size: .8em;
				margin-right: .4em;
			}
		body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra { /*div*/
				/*NoTomaRem*/margin-left: 13px;
			margin-left: 0.81rem;
			padding: 0 .5em;
			overflow: hidden;
			margin-bottom: .5em;

		}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > p{
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > p strong{
				font-weight: bold;	
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > a{
				float: right;/*display: inline-block;*/
				/*border: 1px solid red;*/
					/*NoTomaRem*/margin-left: 13px;
				margin-left: 0.81rem;
				padding-left: .5em;
				border-left: 2px dotted #B0B0B0;
				font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
					/*NoTomaRem*/font-size: 18px;
				font-size: 1.12rem;;
				font-weight: normal;
				color: #255287;
				line-height: 20px;
				height: 20px;
				padding-right: 30px;
				background: #EDF6FF url('../plantillas/plantilla_hotelLuces/img/gral/flechitaBoton_ch.svg') 100% 50% no-repeat;  /*original ch:20x20; md:34x34*/
				padding-top: .2em;
				padding-bottom: .2em;
			}
			body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > a:hover{
				filter: alpha(opacity=70); opacity: .70;
			}
	body.ubicacion #content #bloque_mapaGoog > #mapaGoog{
		/*float: left;*/
		margin-left: 34%; /*+1 para separacion de 2 bloques, sin usar margin*/
		/*margin-left: 35%; /*+2 para separacion y bordes*/
		/*706.58px; /*-$medidasParaMargenYPading['desktop']['margenLateralCh']['px'] para separacion entre ambos */
		border: 1px solid #B0B0B0;
		padding: 10px;
		box-sizing: border-box;
	}
		body.ubicacion #content #bloque_mapaGoog > #mapaGoog > iframe{
			border: 1px solid #f3f3f3;
			width: 100%;
			height: 380px; /*400-padding 10*2 de mapaGoog*/
		}

	/*___	/AREA: UBICACION		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	

	/*___	AREA: CONTACTO		___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	
		body.contacto #content{
		}
			/*ver grales de bloque_contacto*/
		body.contacto #content #bloque_contacto{ /*#bloque_contacto */
				/*NoTomaRem*/ margin-left: -13px; 
			margin-left: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
				/*NoTomaRem*/ margin-right: -13px; 
			margin-right: -0.81rem; /* en vez de margen en lineaVerticalDer. debe ser mismo valor*/
		}
		body.contacto #content #bloque_contacto #bloque_contactoInfo{
			position: relative; /*para imagen absolute lateral*/
			clear: none;
			float: left;
			/*width: 75%; /*75*/
			width: 50%;
			margin-left: 25%;
			/*box-sizing: border-box;*/
			padding: 0;
				/*NoTomaRem*/ margin-bottom: 37px;
			margin-bottom: 2.3rem;
		}
		
		body.contacto #content #bloque_contacto #bloque_contactoForm{
			position: relative; /*para imagen absolute lateral*/
			clear: both;
			float: none;
			width: 75%;
			margin-left: 25%;
		box-sizing: border-box;
				/*border-right: 1px solid #9ECCFF;	*/
		}
					/*body.contacto #content #bloque_contacto #bloque_contactoForm h2{
					/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco *
					}*/
			body.contacto #content #bloque_contacto .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
				position: absolute;
				width: 150px; /*corta una parte: ancho - algo(20)*/
				height: auto; /*segun img*/
				overflow: hidden;
				left: -170px; /*mismo que ancho de img completa*/
				border-right: 2px dotted #B0B0B0;
				top: 0;
			}
				body.contacto #content #bloque_contacto .promocionItemMarcaAgua > img{
					/*img original 170ancho, alto variable*/
					display: block;
					border: none;
					/*width: 170px;*/
					height: auto; /*segun img
					/*original 170x170*/
				}

		body.contacto #content #bloque_contacto #bloque_botonReservaOnline{ /*.botonLinkea1*/
			clear: none;
			float: right;
			max-width: 25%;
			box-sizing: border-box;
			border-left: 2px dotted #B0B0B0;
		}


			body.contacto #content #bloque_contacto #bloque_contactoInfo ul{
				color: #2C64A1;
			}
			body.contacto #bloque_contacto #bloque_contactoInfo ul > li{
				padding: 0;
				float: left;
				clear: both;
			}
			body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > h4{
				color: #4F84B9;
					text-shadow: 0px 0px 1px rgba(149, 176, 204, 0.5 );
				float: left;
				width: 5.5em;
			}
			body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > p,
			body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > p a{
				color: #2C64A1;
			}
			body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > p{
				/*margin-left: .8em;*/
				padding-left: 1em;
				float: left;
				border-left: 2px dotted #B0B0B0;
			}
			body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > p a:hover{
				color: #A4BFDA;
			}
			
			body.contacto #content #bloque_contacto #bloque_botonReservaOnline > a{
					/*ver gral en '.botonLinkea1 > a' en elementosAcomunesTodasAreas.css*/
							/*NoTomaRem*/ /*margin-left: 13px;
						margin-left: 0.81rem;*/
				/*height: 130px; /*para extender linea punteada*/
				padding-top: .5rem;
				padding-bottom: .5rem;
				border-top: 1px dotted #B0B0B0;
			}
			/*@media screen and (max-width:780px){*/
				body.contacto #content #bloque_contacto #bloque_botonReservaOnline > a{
					overflow: hidden;
				}
			/*}*/
				body.contacto #content #bloque_contacto #bloque_botonReservaOnline > a > img{
					float: right;
				}
				body.contacto #img_mercadoPago-ch2{ /*img*/
					height: 40px; width: auto;
				}
			body.contacto #content #bloque_contacto #bloque_botonReservaOnline > a:not(:last-child){
			}


	/*___	/AREA: CONTACTO	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: PROMOCIONES	___	___	___	___	___	___	___	___*/
	
		body.promociones #content .bloque_promocion{ /*div, uno por promos, otro por aficiados, otro por corporativo*/
			clear: both;
			overflow: hidden;
					/*NoTomaRem*/ margin-left: -13px; 
				margin-left: -0.81rem;
					/*NoTomaRem*/ margin-right: -13px; 
				margin-right: -0.81rem;
					/*NoTomaRem*/ padding-left: 13px; 
				padding-left: 0.81rem;
					/*NoTomaRem*/ padding-right: 13px; 
				padding-right: 0.81rem;

				/*NoTomaRem*/ padding-top: 16px;
			padding-top: 1rem;
				/*NoTomaRem*/ padding-bottom: 37px;
			padding-bottom: 2.3rem;
				/*NoTomaRem*/ margin-bottom: 37px;
			margin-bottom: 2.3rem;
/*border: 1px solid green;*/
		}
		body.promociones #content .bloque_promocion:before{ /*agrega barrita de color detras en parte alta de bloque*/
			/*reset*/
			z-index: auto;
			content: none;
				clear: both;
				float: none;
			display: none;
			margin: 0;
			height: 0;
		}

		body.promociones #content .bloque_promocion > .promoImg{ /*a*/
			z-index: 1;
			background-color: #fff;
			border: 1px solid #B0B0B0;
			overflow: visible; /*para punta de flecha*/
			float: left;
				/*NoTomaRem*/ margin-left: 39px; 
			margin-left: 2.44rem;
		}
			body.promociones #content .bloque_promocion > .promoImg > img{
				display: block;
				margin: 0 auto;
					/*justifica lateral, hacer que centre*/
			}
			body.promociones #content .bloque_promocion > .promoImg > div{ /*texto*/
				width: 100%;

			}
			body.promociones #content .bloque_promocion > .promoImg:after{
				z-index: 1;
				position: absolute;
				display: block;
				content: '';
				top: 45px;
				right: -23px;
				background: url('../plantillas/plantilla_hotelLuces/img/gral/puntaFlechaDeRecuadro.svg') 0 0 no-repeat; /*original 23*58*/
				width: 23px;
				height: 58px;
			}
		body.promociones #content .bloque_promocion > ul.promocion_items{
			position: relative;
			margin-left: 33%;
			/*border-left: 2px dotted #B0B0B0;*/
			overflow: visible; /*por imagenes marca agua*/
		}
			body.promociones #content .bloque_promocion > ul.promocion_items:before{
				/*z-index: -1;*/
				content: '';
				position: absolute;
				display: block;
				top: 0;
				left: -160px;
				border-left: 2px dotted #B0B0B0;
				height: 100%;
				/*min-height: 50px;*/
			}
		body.promociones #content .bloque_promocion > ul.promocion_items > li{
			position: relative;
			overflow: visible; /*por imagenes marca agua*/
				/*NoTomaRem*/ margin-bottom: 72px;
			margin-bottom: 4.5rem;	
/*border: 1px solid red;*/
		}
		body.promociones #content .bloque_promocion > ul.promocion_items > li:last-of-type{
			margin-bottom: 0;
		}
			body.promociones #content .bloque_promocion > ul.promocion_items > li h4{
					/*NoTomaRem*/font-size: 22px;
				font-size: 1.4rem;
					/*para encomillado derecha*/
					box-sizing: border-box;
						/*NoTomaRem*/ margin-right: 39px; 
					margin-right: 2.44rem;
			}
				body.promociones #content .bloque_promocion > ul.promocion_items > li h4 span.saltoLinea{
					color: #2C64A1;
					font-size: .85em;
				}
				body.promociones #content .bloque_promocion > ul.promocion_items > li h4 span.saltoLinea:before{
					content: '\A';
					white-space: pre;
				}
				body.promociones #content .bloque_promocion > ul.promocion_items > li > p{
						/*NoTomaRem*/ margin-left: 39px; 
					margin-left: 2.44rem;
					color: #4F84B9;
				}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > p strong{
						font-weight: bold;
						color: #A4BFDA;
					}
				body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
					position: absolute;
					width: 100px;
					height: auto; /*segun img*/
					left: -80px;
					border-right: 2px dotted #B0B0B0;
				}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua > img{
						display: block;
						border: none;
						/*width: 100px;*/
						height: auto; /*segun img
						/*original 100*120*/
					}
				body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido{/*div.promocionItemContenido*/
						/*NoTomaRem*/ margin-left: 39px; 
					margin-left: 2.44rem;
				}
					
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p{
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p.gr{
						font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
						font-weight: normal;
							/*NoTomaRem*/font-size: 22px; 
						font-size: 1.4rem;
						line-height: 1.2em;
					}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p em{
							font-weight: bold;
							color: #A4BFDA;
						}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido ul{
/*border: 1px solid red;*/
						max-width: 450px;
						overflow: hidden;
					}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido ul > li{
							float: left;
							width: 50%;
							box-sizing: border-box; /*sino usar porcentaje menor para que entren 2 por linea*/
						}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido.imgGr figure{
						width: auto;
						margin: 0;
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido.imgGr figure img{
						width: 100%;
					}

	/*___	/AREA: PROMOCIONES	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/


	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: HABITACIONES	___	___	___	___	___	___	___	___*/
		
		body.habitaciones #content .bloque_habitacionesInfo{ /*div, uno por promos, otro por aficiados, otro por corporativo*/
			clear: both;
			overflow: hidden;
/*border:1px solid red;*/
		}
		body.habitaciones #content .bloque_habitacionesInfo{
			margin-left: 25%;
			border-left: 2px dotted #B0B0B0;
				/*NoTomaRem*/ padding-left: 26px;
			padding-left: 1.63rem;
		}
		body.habitaciones #content .bloque_habitacionesInfo > ul{
			/*NoTomaRem*/ padding-left: 26px;
			padding-left: 1.63rem;
			padding-bottom:  1em;
		}
		body.habitaciones #content .bloque_habitacionesInfo > ul > li{
		}

		body.habitaciones #content #bloque_botonConsulta{
		}

		body.habitaciones #content .bloque_habitacionesGaleria{
			overflow: visible; /*porque plaquita tras titulo sobresale*/
		/*border: 1px solid red;*/
		
		}
		body.habitaciones #content .bloque_habitacionesGaleria h2{
			/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
			float: left; /*era un inline-block, pero para poder hacerle un clear luego, lo paso a float*/
		}
		body.habitaciones #content .bloque_habitacionesGaleria .galeria{ /*div.galeria.flexslider*/
			position: relative;
			width: 100%;
			max-width: 805.5px;
			display: block;
			clear: both;
			float: right;
			overflow: hidden;
						/*NoTomaRem*/ /*padding-left: 26px;
					padding-left: 1.63rem;*/
			height: auto; /*segun altura de contenido*/
			min-height: 50px; /*por si vacio*/
			box-sizing: border-box;
			border: 2px solid #B0B0B0;
		}
			body.habitaciones #content .bloque_habitacionesGaleria .galeria .slides{  /*div.galeria.flexslider ul.slides*/
			}

	/*___	/AREA: HABITACIONES	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/

		/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	AREA: ACCESIBLE	___	___	___	___	___	___	___	___*/
		
		body.accesible #content .bloque_accesibleInfo{ /*div, uno por promos, otro por aficiados, otro por corporativo*/
			clear: both;
			overflow: hidden;
/*border:1px solid red;*/
		}
		body.accesible #content .bloque_accesibleInfo{
			margin-left: 25%;
			border-left: 2px dotted #B0B0B0;
				/*NoTomaRem*/ padding-left: 26px;
			padding-left: 1.63rem;
		}
		body.accesible #content .bloque_accesibleInfo > ul{
			/*NoTomaRem*/ padding-left: 26px;
			padding-left: 1.63rem;
			padding-bottom:  1em;
		}
		body.accesible #content .bloque_accesibleInfo > ul > li{
		}

		body.accesible #content #bloque_botonConsulta{
		}

		body.accesible #content .bloque_accesibleGaleria{
			overflow: visible; /*porque plaquita tras titulo sobresale*/
		/*border: 1px solid red;*/
		
		}
		body.accesible #content .bloque_accesibleGaleria h2{
			/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
			float: left; /*era un inline-block, pero para poder hacerle un clear luego, lo paso a float*/
		}
		body.accesible #content .bloque_accesibleGaleria .galeria{ /*div.galeria.flexslider*/
			position: relative;
			width: 100%;
			max-width: 805.5px;
			display: block;
			clear: both;
			float: right;
			overflow: hidden;
						/*NoTomaRem*/ /*padding-left: 26px;
					padding-left: 1.63rem;*/
			height: auto; /*segun altura de contenido*/
			min-height: 50px; /*por si vacio*/
			box-sizing: border-box;
			border: 2px solid #B0B0B0;
		}
			body.accesible #content .bloque_accesibleGaleria .galeria .slides{  /*div.galeria.flexslider ul.slides*/
			}

	/*___	/AREA: ACCESIBLE	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	

* + .cartelDestacado{
	margin-top: 3em;
}
.cartelDestacado{
	box-sizing: border-box;
	padding: 0 1em;
		/*NoTomaRem*/padding-bottom: 20px;
	padding-bottom: 1.2rem;
	/**/
	border: 1px solid rgba(255,255,255,.4);
	text-align: center;
	
	background-color:  rgba(255,255,255,.1);
	color: #fff;
}
.cartelDestacado > *:not(:last-child){
		/*NoTomaRem*/margin-bottom: 20px;
	margin-bottom: 1.2rem;
}
	.cartelDestacado h4{
		display: inline-block;
		color: #fff;
		background-color: #4F84B9;
			/*NoTomaRem*/font-size: 20px;
		font-size: 1.24rem;
		padding: .4em 1em;
		text-align: center;
		margin-top: -.5em;
		margin-bottom: 1em;
		border: 1px solid rgba(255,255,255,.9);
	}
	.cartelDestacado *:not(h4){
		text-align: left;
	}
	.cartelDestacado p{
		
	}
	.cartelDestacado .listaImgYTexto{/*ul*/
		padding: 0;
		/*border: 1px solid red;*/
	}
	/*Parches, copian */
		#bloque_contacto #bloque_contactoInfo{
			padding-bottom: 18px !important;
			padding-bottom: 1rem !important;
		}
		.cartelDestacado .listaImgYTexto{/*ul*/
			box-sizing: border-box !important;
		}
		/*tablet xxx*/
		@media screen and (max-width:780px){
			.cartelDestacado{ /*copia de body.home #bloque_contacto #bloque_contactoInfo ul{*/
				margin-left: auto; margin-right: auto;
				width: 463px;
			}
			.cartelDestacado .listaImgYTexto{/*ul*/
				width: auto !important;
			}
		}
		/*mobile*/
		@media screen and (max-width:480px){
			/*pisa parche en mobile de: body.home #bloque_contacto #bloque_contactoInfo ul{*/
			.cartelDestacado{/*ul*/
				width: auto !important;
			}
			.cartelDestacado .listaImgYTexto{/*ul*/
				width: auto !important;
			}
		}
		
	/*/*/
		.cartelDestacado .listaImgYTexto li{
			display: inline-block;
			line-height: 1;
			float: none !important; clear: none;
			margin-bottom: .5rem;
		}
			.cartelDestacado .listaImgYTexto li.gr{/*icono grande como mercadopago con link*/
				margin-top: .3rem;
			}

		.cartelDestacado .listaImgYTexto li a{
			transition: opacity .2s;
			color: #fff;
		}
		.cartelDestacado .listaImgYTexto li a:hover{
			color: rgba(255,255,255,.7);
			filter: alpha(opacity=60); opacity: .60;
		}
			.cartelDestacado .listaImgYTexto li img{
				display: inline-block;
				margin-right: .5em; margin-left: .5em;
			}
			.cartelDestacado .listaImgYTexto li img.ico{
				/*order: 1px solid white;*/
				width: 2.1em; height: 2.1em;
				margin-bottom: -.6rem; position: relative;
					filter: alpha(opacity=90); opacity: .90;		
			}
	blockquote.destacado1{
		font-family: fontTitul, Georgia, "Times New Roman", Times, serif;
		color: #9ECCFF;
			/*NoTomaRem*/font-size: 18px;
		font-size: 1.12rem;
		padding: .4em 1em;
		text-align: center;
	}
	body.contacto #destacado_cuotas{
		color: #4F84B9;
	}



/*___	/AREAS PARTICULAR	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/




/*________________________________________________________________________________*/
/*________________________________________________________________________________*/
/*___	MEDIA QUERY GRAL	____________________________________________________________*/

/*div, h1, h2, p{
border:1px solid red;
}*/

	/*___	NOTAS	___*/
				/*
		*/
	/*___	/NOTAS	___*/



	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	GRAL	___	___	___	___	___	___	___	___*/
	
		/*@media screen and (max-width:479px){ /* 0x0 <-(genera scroll)| 240x400 |(entra bien)-> 480x800*/
		/*	#wrapper{
				width: 210px;
				max-width: none;
			}
			#header ul.botoneraPrincipal ul.subNivel{
			}
		}*/

		/*Transiciones respecto a cambio de posicion de elementos durante el ajuste de tamano de ventana*/
		#header #area1 object,
		#header #area1 img,
		#header #area2,
		#header #area3,
		#botoneraSubnivelEnContent,
		body.servicios #content #menuOpcionesTrabajo .placaContent,
		body.servicios #content #menuOpcionesTrabajo .placaContent h1,
		body.servicios #content #menuOpcionesTrabajo .placaContent ul.listaFed li,
		body.empresa #modulo1 .placaContent .contenedorHorizontalDivs .colFlotadaDelante,
		#wrapper #content{
			/*transicion*/ -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;
		}
		#header #contenedor_botonDespliegaMenuRespons > a,
		#head_area_menu{
			/*transicion*/ -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;
			/*transicion*/	/*transition: left .5s; -moz-transition: left .5s; -webkit-transition: left .5s;*/
		}
						/*#header #contenedor_botonDespliegaMenuRespons *{
							/*transicion	transition: none; -moz-transition: none; -webkit-transition: none;
						}*/

			

	/*___	/GRAL	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/

	

	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	/*___	MEDIA QUERIES	___	___	___	___	___	___	___	___*/

	/*Pantalla Desktop*/
		/*Default*/
		/*en demas archivos css*/
	/*/Pantalla Desktop*/	




	/*Pantalla Media (Tablet)*/
		@media screen and (max-width:780px){
			html{
				font-size: 15px;
			}
		/*ElementosComunes------------------*/
			.bloque_modulos{
					/*NoTomaRem*/ margin-bottom: 35px;
				margin-bottom: 2.3rem;
			}
			.bloque_modulos:after{
				/*espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)*/
				margin-bottom: 0;
			}
			.miscFondo1, .miscFondo2{ /*titulares h1, h4, etc, o h1 directo.... para los que no son h1, ya que h1 tiene directo en su regla*/
				/*background: url('../plantillas/plantilla_hotelLuces/img/gral/misc_cuadritosBajoSubtitulos_1.svg') 0 90% repeat-x;*/
				background-size: 200px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*original 250 * 16*/
			}
			.barritaColorFondo_gr:before, .barritaColorFondo_md:before{ /*agrega barrita de color detras en parte alta de bloque*/
					/*NoTomaRem*/ margin-left: -9px; 
				margin-left: -0.6rem;
					/*NoTomaRem*/ margin-right: -9px; 
				margin-right: -0.6rem;
			}
			.barritaColorFondo_gr:before{
				margin-bottom: -75px;
				height: 80px;
			}
			.barritaColorFondo_md:before{
				margin-bottom: -50px;
				height: 55px;
			}	
			.aclaracion{/*p*/
					/*NoTomaRem
						font-size: 11px;
						font-size: 0.75rem;*/
			}
			.botonLinkea1{
					/*NoTomaRem*/ margin-bottom: 15px;
				margin-bottom: 1rem;
				max-width: none;
				clear: both;
				float: none;
				width: auto;
					/*display: block;/*.botonLinkea1 estaba en inline-block*/
				text-align: right;
			}
			.botonLinkea1 > a{
				margin: 0;
				border: none;
				background-position: 99% 50%; /*original ch:20x20; md:34x34*/
				padding-right: 50px;
				padding-top: .4em;
				padding-bottom: .4em; /*padding-top: .2em; padding-bottom: .2em;*/
					/*padding-bottom: .2em; /*recupera el de .botonLinkea1 general*/
			line-height: 44px;
			height: auto;
					/*NoTomaRem*/font-size: 21px;
				font-size: 1.4rem;
				background-color: #EDF6FF;
					/*NoTomaRem*/ /*margin-right: -9px; 
				margin-right: -0.6rem;*/
				}

			#content #bloque_titularesPagina{ /*contiene h1 y h2 de cada pagina*/
					/*NoTomaRem*/ margin-top:  35px;
				margin-top:  2.3rem;
					/*NoTomaRem*/ margin-bottom: 15px;
				margin-bottom: 1rem;
	 			width: auto;
/*border: 3px dashed maroon;*/
	 		}
			#content #bloque_titularesPagina > h1{ /*titulo de area*/
					/*NoTomaRem*/ margin-left: 9px;
	 			margin-left: 0.6rem;
				background-size: 200px;
			}
			#content #bloque_titularesPagina > h2{ /*encomillada de inicio de content, lueg ode titulo de area*/
					/*NoTomaRem*/ margin-left: 9px;
	 			margin-left: 0.6rem;
			}
				#content #bloque_titularesPagina > h2:before, #content #bloque_titularesPagina > h2:after{
						/*NoTomaRem font-size: 51px;
					font-size: 3.4rem;*/
				}
			#content #bloque_titularesPagina > .textoBajoTituloArea{
					/*NoTomaRem*/ margin-left: 26px;
				margin-left: 1.73rem;
width: auto;
clear: both;
			}
				#content #bloque_titularesPagina > .textoBajoTituloArea p{
					float: left; clear: both;
						/*NoTomaRem*/ font-size: 14px;
					font-size: 0.9rem;
/*background-color: rgba(255,255,255,.7); /*tapa mapa si superpone*/
border-radius: 0 .5em .5em 0; padding-right: .5em;
				}
			/**/
				.encomillado:before,
				.encomillado:after{
						/*NoTomaRemfont-size: 51px;
					font-size: 3.4rem;*/
				}
			/**/
			#header #botoneraIdiomas{ /*ul*/
				padding-bottom: 6px;	
				margin-bottom: 0; /*era para separa menu principal que tenia margin neg*/
			}
			#header #botoneraIdiomas > li{
				padding-top: 6px;
				padding-left: 4px;
				padding-right: 4px;
			}
			#header #botoneraIdiomas > li > a{
				width: 20px;
				height: 20px;
			}
			/*#header #botoneraIdiomas > li.selected > a{
				filter: alpha(opacity=100); opacity: 1;
			}*/
			#header #botoneraIdiomas > li.selected > a >img{
				margin-top: 0;
			}
			#header #botoneraIdiomas > li > a >img{
				margin-top: -20px;
			}
			/**/
			#bloque_barraIconos{
			} 
			#bloque_barraIconos > ul{
				margin-top: 8px;
			}
			#bloque_barraIconos > ul > li > a > div{
				margin-right: 8px;
			}
				#bloque_barraIconos > ul > li > a > div >img{
				}
			#bloque_barraIconos > ul > li > a > p{
				/*NoTomaRem*/font-size: 20px;
				font-size: 1.32rem; /*2.6em;*/
			}
			/**/

	.ancla{
	}
		/*/ElementosComunes------------------*/


		/*Estructura------------------*/
			/*Anchos Contenedor*/
				#wrapper,
				#footer .footerWrapper{
				}
				#wrapper{
					/*Footer fijo*/
						/*NoTomaRem*/margin-bottom: -125px; 
					margin-bottom: -8.3rem; /* el margen es la altura del pie en negativo */
				}
				#footer{ /* body > footer#footer */
					/*Footer fijo*/
					/*NoTomaRem*/height: 125px;
					height: 8.3rem; /*72px; /*espacio extra para cargar botonera inferior con ul absoluts*/
					/*/*/
					/*que alturas contenido midan lo mismo que altura de #footer (4.5rem = 72px (para 1rem=16px))*/
						/*NoTomaRem*/height: 125px;
					height: 8.3rem;
				}
			/**/
			#header{ /* body > #wrapper > header#header */
				min-height: 10px;
				border-bottom: 4px solid #9ECCFF;
			}
			#content{ /* body > #wrapper > #content */
					/*NoTomaRem*/ padding-left: 9px;
				padding-left: 0.6rem;
					/*NoTomaRem*/ padding-right: 9px;
				padding-right: 0.6rem;
				/**/
					/*NoTomaRem*/ margin-bottom: 125px; 
				margin-bottom: 8.3rem; 
			}
			#content:after{
				/*espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)*/
					/*NoTomaRem*/ padding-bottom:  35px;
				padding-bottom:  2.3rem;
			}
			
	 		#header #head_area_logo{
					/*NoTomaRem*/ margin-left: 9px;
				margin-left: 0.6rem;
				margin-bottom: 0;
			}
				#header #head_area_logo > #botonLogo{ /* a#botonLogo*/
					margin-top: 4px;
					height: 46px;
					width: 175px; /*img original 198 * 52*/
					background-size: auto 46px;/*(1valor es x), 2 valores*/
				}
			#header #head_area_menu{ /* #header #head_area_menu.menuNavegacion*/
				margin-top: 0;
				margin-bottom: 0;
			}
			/*Botonera header*/
				/*#header nav#head_area_menu.menuNavegacion ul.menu{}*/
				#header #head_area_menu{ /*usar id por prevalencia sino no pisa*/
					float: none;
					width: auto;
					clear: both;
					text-align: center;
					background-color: #4F84B9;
					overflow: hidden;
				}
				#header #head_area_menu.menuNavegacion ul.menu{ /*#header #head_area_menu ul.menu*/
					display: inline-block;
					float: none;
					width: auto;
					clear: both;
					margin-bottom: 0;
				}
				#header .menuNavegacion ul.menu a{
					text-align: left;
						/*NoTomaRem*/height: 20px;
					height: 1.5rem;
						/*NoTomaRem*/line-height: 20rem;
					line-height: 1.5rem;
					color: #fff;
					text-transform: none;
						/*NoTomaRem*/ font-size: 17px;
					font-size: 1.12rem;
					padding: 0 .23em;
						padding-top: .2em;
						padding-bottom: 0em;
				}
				#header .menuNavegacion ul.menu a,
				#header .menuNavegacion ul.menu > li.selected-item > a,
				#header .menuNavegacion ul.menu a:hover,
				#header .menuNavegacion ul.menu > li.selected-item > a:hover{
					text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5 );
				}
				#header .menuNavegacion ul.menu a:hover,
			#header .menuNavegacion ul.menu > li.selected-item > a:hover{
				text-shadow: none;
			}
			#header .menuNavegacion ul.menu li{
				border-left: none;
			margin-bottom: 0;
			}
			#header .menuNavegacion ul.menu a:hover{
				background-color: #3472B5;
			}
			#header .menuNavegacion ul.menu > li.selected-item > a{
				background-color: #2C64A1;
			}
			#header .menuNavegacion ul.menu > li.selected-item > a{
			}
			/**/
			/*Footer*/
			#footer{
				overflow: hidden; /*o sobresalen bloques de texto*/
			}
			#footer .footerWrapper{
				padding-top: 0;
/*border:1px solid red;*/
				width: auto; /*780px; /*fijo y centrado*/
				
			}
			/*Botonera Footer*/
				#footer .footerWrapper .menuNavegacion{
					width: auto;
					float: none;
					clear: both;
					display: block;
					text-align: center;
					background-color: #3472B5;
					overflow: hidden; /*mientras no haya desplegables, se puede asi, sino usar el :after*/
					padding: 0;
				}
					/*#footer .footerWrapper .menuNavegacion:after{
						content: '';
						display: block;
						clear: both;
					}*/
					#footer .footerWrapper .menuNavegacion ul.menu{ /*#header #head_area_menu ul.menu*/
						display: inline-block;
						float: none;
						width: auto;
						clear: both;
					background-color: transparent;
					}
					#footer .footerWrapper .menuNavegacion ul.menu > li{
						float: left;
						clear: none;
					}
					#footer .footerWrapper .menuNavegacion ul.menu a{
						text-align: left;
							/*NoTomaRem*/ height: 20px;
						height: 1.5rem;
							/*NoTomaRem*/ line-height: 20px;
						line-height: 1.5rem;
					font-family: base, Helvetica, Verdana, Geneva, sans-serif;
							/*NoTomaRem*/ font-size: 13.5px;
						font-size: 1rem; /*$fontSize['mas1']['rem'];*/
						text-transform: none;
						padding: 0 .3em;
						padding-top: .2em;
						padding-bottom: .1em;
					}
					#footer .footerWrapper .menuNavegacion ul.menu a{
							text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5 );
						color: #fff;
					}
					#footer .footerWrapper .menuNavegacion ul.menu > li.selected-item > a,
					#footer .footerWrapper .menuNavegacion ul.menu > li.selected-item > a:hover{
						text-shadow: 0px 0px 1px rgba(149, 176, 204, 0.5 );
						color: #A4BFDA;
					}
					#footer .footerWrapper .menuNavegacion ul.menu a:hover,
					#footer .footerWrapper .menuNavegacion ul.menu > li.selected-item > a:hover{
						text-shadow: none;
					}
					#footer .footerWrapper .menuNavegacion ul.menu li{
						border-left: none;
					}
					#footer .footerWrapper .menuNavegacion ul.menu a:hover{
						color: #9ECCFF;
					}
				/**/
	
			#footer .footerWrapper #footerLogo{
				clear: both;
				float: left;
				width: 40%;
				margin-bottom: 0;
					margin-top: 4px;
				}
				#footer .footerWrapper #footerLogo > #logo_1{
					display: block;
					clear: none;
					float: right;
					height: 46px;
					width: 175px; /*img original 198 * 52*/
					background-size: auto 46px;/*(1valor es x), 2 valore*/
					margin-right: 15px;
				}
					/*Quita 'Solo en desktop'*/
					#footer .footerWrapper #footerLogo > #logo_rd{
						float: none;
						width: 54px;
						height: 52px;
						background-size: 40px 40px; /*deja separaciones de borde punteado*/
						background-position: 50% 50%;
						margin-right: auto;
						margin-top: -4px; /*neg de #footerLogo*/
						position: absolute;
						right: 0; top: auto;
						box-sizing: border-box;
						border-left: 2px dotted #B0B0B0;
					}
					/*/*/



			#footer .footerWrapper #footerDatos{
				text-align: left;
				margin-left: 40%;
				padding-left: 16px;
				margin-top: 3px; /*mismo que #footerLogo img*/
				border-left: 1px solid #9ECCFF;
					width: 220px;
				float: none;
				clear: none;
			}
			#footer #footerCredito{ /*fuera de .footerWrapper */
			}
				#footer #footerCredito a#autor{
					width: 86px;
					height: 24px; /*original 115x32 (64 pq tiene los dos estados de hover) - a escala 3/4, queda 86px x 48(24 cada estado hover)*/
					padding-right: 4px; /* ajuste */
					margin-bottom: 2px;
					background-size: auto 48px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*original 250 * 16*/
				}
				#footer #footerCredito a#autor:hover{
					background-position: 0px -24px;
				}
			#bloque_galeriaCabecera{
				/*height: 258px;*/ /*max-height: 200px;*/
				border-bottom: 4px solid #9ECCFF;
					/*NoTomaRem*/ margin-left: -9px; 
				margin-left: -0.6rem; 
					/*NoTomaRem*/ margin-right: -9px; 
				margin-right: -0.6rem; 
			}
			#bloque_galeriaCabecera figure,
			#bloque_galeriaCabecera .galeria{
			}
			#bloque_galeriaCabecera figure img{
				/*width: 100%;
				height: auto;*/
				/*min-width: 600px;
							/*solo sirve para ancho fijo de img, no que ajuste left: 50%;
							margin-left: -300px;
							/*width: 333px; height: auto;*/
			}
			#bloque_galeriaCabecera .galeria{
					min-width: 0;
			}
			#bloque_barraIconos{
				height: 38px;
					/*NoTomaRem*/ margin-left: -9px; 
				margin-left: -0.6rem; 
					/*NoTomaRem*/ margin-right: -9px; 
				margin-right: -0.6rem; 
			}
				#bloque_barraIconos > ul{
					margin-top: 3px;
				}
				#bloque_barraIconos > ul > li > a > div{
						/*redundante float: left;*/
					width: 22px; /*poner proporcional a height segun tamaño de imagen*/
					height: 22px; /*mismo que tamaño que le pongo a la imagen en este caso de dispositivo*/
					margin-right: 6px;
					margin-top: 4px; 
				}
				#bloque_barraIconos > ul > li > a > div > img{
					display: block;
					height: 22px; width: auto; /*width proporcional*/ /*original 33 x 66(2 de 33 para cada color)*/
				}

		/*/Estructura------------------*/

		/*Areas particulares------------------*/
			/*En varias areas*/
				/*Promociones*/
				.promoImg > img{ /*a, tanto en home como en promociones*/
					width: 110px; /*original 147*134*/
					height: auto; /*proporcional segun width*/
				}
				.promoImg > div{ /*a > div.listaImgTexto (texto)*/
					bottom: 25px;
						/*se define puntual para home /*NoTomaRem* font-size: 23px;
					font-size: 1.5rem;*/
				}
				

				/*Contacto*/
				#bloque_contacto #bloque_contactoForm{
						/*NoTomaRem*/ padding-top: 15px;
					padding-top: 1rem;
						/*NoTomaRem*/ padding-bottom: 15px;
					padding-bottom: 1rem;
						/*NoTomaRem*/ padding-left: 9px; 
					padding-left: 0.6rem;
						/*NoTomaRem*/ padding-right: 9px;
					padding-right: 0.6rem;
				}
				#bloque_contacto #bloque_contactoInfo{
						/*NoTomaRem*/ padding-top: 15px;
					padding-top: 1rem;
						/*NoTomaRem*/ padding-bottom: 15px;
					padding-bottom: 1rem;
					/*retorma posicion de inicio de caja como si no hubiera margen neg*/
						/*NoTomaRem*/ padding-left: 9px; 
					padding-left: 0.6rem;
						/*NoTomaRem*/ padding-right: 9px;
					padding-right: 0.6rem;
				}

				#bloque_contacto #bloque_contactoInfo ul > li{
					padding: 0;
					float: left;
					clear: both;
				}
				#bloque_contacto #bloque_contactoInfo ul > li > h4{
					float: left;
					width: 5.2em;
				}
				#bloque_contacto #bloque_contactoInfo ul > li > p{
					/*margin-left: .8em;*/
					padding-left: .5em;
					float: left;
					border-left: 2px dotted #B0B0B0;
				}
				/*#bloque_contacto #bloque_contactoInfo ul > li > p strong{*/


				#bloque_contacto #bloque_contactoForm > h2{
						/*NoTomaRem*/ margin-left: 9px; 
					margin-left: 0.6rem;
				}
				/*Form autogen*/
					.cartelDevolucionForm#formCartelDevolucionPhp{ /*esta fuera del form*//*el header lo tapa aun con zindex mayor. lo pongo desplazado*/
					}
					.cartelDevolucionForm#formCartelDevolucionPhp .placaContent{
						max-width: none;
							/*NoTomaRem*/ margin-top: 78px;	
						margin-top: 5.2rem; /*altura de header, a ojo*/
					}
				/*/*/
					


						/*___	GALERIA FLEXSLIDER	__________	__________	__________*/
							.flex-control-nav{ /*ol.flex-control-nav.flex-control-paging *//*circulitos de pasar cadea imagen? */
								height: 10px; /*mismo que 	.flex-control-paging li a*/
								bottom: .2em; /*rem /si quiero superponer circulitos pasa imagenes, a area de imagen, lo subo*/
							}
							.flex-control-paging li a {
								width: 10px;
								height: 10px;
								-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*circulitos*/
							}
								.flex-direction-nav a {
									height: 24px;
									width: 14px;
									margin-top: -12px; /*mitad de altura*/
								}
								.flex-direction-nav a:before { /*general, y prev*/
									background-position: 0 0;
									height: 24px;
									width: 14px; /**/
									/*hereda background-size: auto 100%; */
									/*para dar mas area sensible, aumentar paddings y reducir font size y line height*/
								}
								.flex-direction-nav a.flex-next:before { /*next hereda de gral y cambia esto*/
									background-position: -14px 0;
								}
						/*___	/GALERIA FLEXSLIDER	__________	__________	__________*/


						/*___	MAPA INTERACT	__________	__________	__________*/
								/*.ancla#anch_imapIsom{
									top:...px;
								}*/
							/**/
							#content #bloque_mapaInteract{
									/*NoTomaRem* margin-bottom: 68px;
								margin-bottom: 4.5rem;*/
											/*border: 2px solid blue;*/
											padding: 0;
							} 
							#content #bloque_mapaInteract > #contenedorMapa{ /*mapa interactivo*/
								width: 100%; /*ajusta imagen proporcional*/
									min-width: 610px;
							}
								#content #bloque_mapaInteract > #contenedorMapa > img{
									width: 100%; /*ajusta imagen proporcional*/
								}

							#content #bloque_mapaInteract > #contenedorLista{
								width: 434px; /*-margin-left de ul - 20 (sobresale)*/
									top: 220px;
							}
								#content #bloque_mapaInteract > #contenedorLista h2{
								}
								#content #bloque_mapaInteract > #contenedorLista .aclaracion{ /*p*/
										/*NoTomaRem*/font-size: 14px;
									font-size: 0.9rem;
										/*NoTomaRem*/ margin-left: 9px;
						 			margin-left: 0.6rem;
								}
								#content #bloque_mapaInteract > #contenedorLista ul{ /*#content #bloque_mapaInteract ul#objLugares_ul*/
										/*NoTomaRem*/ margin-left: 9px;
						 			margin-left: 0.6rem;
								}
									#content #bloque_mapaInteract > #contenedorLista ul > li{
											/*NoTomaRem*/font-size: 17px;
										font-size: 1.12rem;
										padding-left: 22px;
											/*fondo toma ancho texto*/
											float: left;
											clear: both;
											padding-right: .8em;
											background-color: rgba(255,255,255,.7);
									}
							#content #bloque_mapaInteract .contenedorDescripciones{
								width: 90%; /*58%;*/
								/*hereda pero no supera. max-width: 451px; /*449 de foto + bordes*/
								max-width: 350px;
								min-width: 0; /*min-width: 300px; /*ancho de foto proporcional a altura elegida para mostrar foto*/
												/*box-shadow: 0px 0px 6px rgba(0,0,0,.7);*/
							}
							#content #bloque_mapaInteract .contenedorDescripciones .senalador{
								width: 15px;
								height: 60px;
							}
							/*generados por js*/
							#content #bloque_mapaInteract .contenedorDescripciones a.lugaresDescripcion_cerrar{
								/*NoTomaRem*/height: 26px;
								height: 1.75rem; /*1rem siempre*/
									/*NoTomaRem*/width: 26px;
								width: 1.75rem; /*1rem siempre*/
									/*NoTomaRem*/line-height: 26px;
								line-height: 1.75rem; /*1rem siempre*/
									/*NoTomaRem*/font-size: 17px;
								font-size: 1.12rem;
							}
							#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure{
								height: 120px;

							}
								#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure img{
									display: block;
									border: none;
									height: 120px;
									width: auto; /*original: 449x160*/ /*tablet 336x120*/
								}
							#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos{
									/*NoTomaRem*/ padding-left: 13px;
								padding-left: 0.87rem;
									/*NoTomaRem*/ padding-right: 13px;
								padding-right: 0.87rem;
										/*NoTomaRem*/font-size: 15px;
									font-size: 1rem;
							}
								#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos h4{
										/*NoTomaRem*/font-size: 19px;
									font-size: 1.24rem;
									/*mismo que su padre pero negativo*/
										/*NoTomaRem*/ margin-left: -13px;
									margin-left: -0.87rem;
										/*NoTomaRem*/ margin-right: -13px;
									margin-right: -0.87rem;
									/**/
										/*NoTomaRem*/ padding-left: 9px;
									padding-left: 0.6rem;
										/*NoTomaRem*/ padding-right: 9px;
									padding-right: 0.6rem;
								}
								/*#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos p{}*/
						/*___	/MAPA INTERACT	__________	__________	__________*/

			/*_/*/

body.servicios #content #bloque_titularesPagina,
body.ubicacion #content #bloque_titularesPagina{
	/*necesario para h2 que sobresale por arriba en position absolute*/
		/*NoTomaRem*/ margin-top: 68px;
		margin-top: 4.5rem;
		width: 100%;/*sin esto h2 flotante de frase no llegua a borrde*/
}
body.servicios #content #bloque_titularesPagina > h1,
body.ubicacion #content #bloque_titularesPagina > h1{
	/*position: absolute;*/
	display: block;
	float: left;
	border: none;
}
body.servicios #content #bloque_titularesPagina > h2,
body.ubicacion #content #bloque_titularesPagina > h2{
	position: absolute;
		/*NoTomaRem*/ top: -68px;
	top: -4.5rem;
	display: block;
	float: none;
	text-align: center;
	width: 100%;
		max-width: none;
	background-color: #EDF6FF;
	
		/*NoTomaRem* margin-right: -9px; 
	margin-right: -0.6rem;
	*/
	padding-top: .4em; padding-bottom: .2em;
	/*margin-left: 0; margin-right: 0;*/
		/*NoTomaRem*/ margin-left: -9px;
	margin-left: -0.6rem;
		/*como esta en absolute, y con width 100% no toma margin neg a los dos lados, pq ya esta fijado el ancho, por eso relleno con padding para que sea el 100% extendido y cubra todo*/
			/*NoTomaRem*/ padding-left: 9px; 
		padding-left: 0.6rem;
			/*NoTomaRem*/ padding-right: 9px; 
		padding-right: 0.6rem;
}
body.ubicacion #content #bloque_titularesPagina > h2 span.saltoLinea{
}
body.ubicacion #content #bloque_titularesPagina > h2 span.saltoLinea:before{
	content: '\A';
	white-space: pre;
}
	body.servicios #content #bloque_titularesPagina > h2:before,
	body.ubicacion #content #bloque_titularesPagina > h2:before{
		top: .5em; /*1.1rem;*/
			/*? left,right: lo hace respecto a contenedor / margin-left, margin-right: lo hace respecto a 1er o ultima letra*/
			left: -.1em;
			/*margin-left: -.1em;/
		/*margin-left: -.7em;/*-2.3rem;*/
	}
	body.servicios #content #bloque_titularesPagina > h2:after,
	body.ubicacion #content #bloque_titularesPagina > h2:after{
		bottom: 0;
		top: .5em;/*-1.2rem;*/
		/*left,right: lo hace respecto a contenedor / margin-left, margin-right: lo hace respecto a 1er o ultima letra*/
		right: .15em;
		/*margin-right: 1px;*/
	}
	


			/*En cada area particular*/
				
				/* Index */
					body.index #header{
						height: 50px;	
						min-height: 0;
					}
					body.index #header #head_area_logo{
						float: none;
						margin-left: 0;
					}
					body.index #header #head_area_logo > #botonLogo{ /* a#botonLogo*/
						margin-left: auto;
						margin-right: auto;
					}
					body.index a#botonEntrar{
						width: 200px;
							/*NoTomaRem*/font-size: 20px;
						font-size: 1.32rem;
						/*font-weight: bold;*/
					}

				/*Home*/
					/**/
					body.home #content{
					}

					body.home #content #bloque_titularesPagina{
						/*a ojo*/width: 97%;
						float: none;
					}
					
					body.home #content #bloque_titularesPagina > .textoBajoTituloArea{
						width: auto;
						max-width: 463px; 
				/*border:1px solid green;*/
					}
						body.home #content #bloque_titularesPagina > .textoBajoTituloArea:after{
							right: -.3em;
						}
					body.home #content #bloque_titularesPagina > .textoBajoTituloArea p{
						background-color: transparent;
						float: none; clear: both;
						/*font-family: fontTitul, Georgia, "Times New Roman", Times, serif;*/
							/*NoTomaRem*/ font-size: 15px;
						font-size: 1rem;
						font-style: italic;
					}

					/**/
					body.home #content .textoPresentacionHome{
						margin-top: -.5em;
						width: 85%; /*a ojo*/
						max-width: none; /* 463px; */
						/*margin-bottom: 1em;*/
					}
					body.home #content .textoPresentacionHome p{
							/*NoTomaRem*/ font-size: 15px;
						font-size: 1rem;
						line-height: 1.3em;
					}
					/*/*/



					/*Habitaciones*/
					body.home #content #bloque_habitaciones{ /*.bloque_modulos*/
					}
					body.home #content #bloque_habitaciones:after{
						/*.bloque:after*/
						border-bottom: 6px solid #EDEDED; /*funciona como border-bottom de bloque (ver nota de '.bloque' en css*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem;
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem;
					 padding-top: 0
					}
					body.home #content #bloque_habitaciones > h2{
						/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
							/*NoTomaRem*/ margin-left: 9px; 
						margin-left: 0.6rem;
						/*padding-right: .5em; /*deja un poco mas de misc sobresaliendo*/
					}
					body.home #content #bloque_habitaciones > ul{ 
					}
					body.home #content #bloque_habitaciones > ul li{
						width: 32%;
						margin-right: 2%;
							/*NoTomaRem*/ margin-bottom: 15px;
						margin-bottom: 1rem;
					}
					body.home #content #bloque_habitaciones > ul li:last-of-type{ /*ultima imagen*/
						margin-bottom: 0;
					}
					body.home #content #bloque_habitaciones > ul > li > a{
					}
					body.home #content #bloque_habitaciones > ul > li > a > img{
						/*para centrado que sobresale. Debo saber ancho de imagen (o setearlo aqui forzado)*/
						/*left: 50%;*/
						margin-left: -140px; /*333w/2*/
						width: 280px; height: auto;
					}
					body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto{
						bottom: 16px;
					}
					body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p{
							/*NoTomaRem*/ font-size: 26px;
						font-size: 1.75rem;
						padding-left: .1em;
					}
					body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p span.small{
						font-size: .6em;
						font-weight: bold;
						position: relative;
						bottom: -2px;
					}
					
					/*Accesible*/
					body.home #content #bloque_accesible{ /*.bloque_modulos*/
					}
					body.home #content #bloque_accesible:after{
						/*.bloque:after*/
						border-bottom: 6px solid #EDEDED; /*funciona como border-bottom de bloque (ver nota de '.bloque' en css*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem;
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem;
					 padding-top: 0
					}
					body.home #content #bloque_accesible > h2{
						/*en htm, '.miscFondo1' da misc de fondo gris y color letra gris, o miscFondo2, misc blancos y color blanco */
							/*NoTomaRem*/ margin-left: 9px; 
						margin-left: 0.6rem;
						/*padding-right: .5em; /*deja un poco mas de misc sobresaliendo*/
					}
					body.home #content #bloque_accesible > ul{ 
					}
					body.home #content #bloque_accesible > ul li{
						width: 32%;
						margin-right: 2%;
							/*NoTomaRem*/ margin-bottom: 15px;
						margin-bottom: 1rem;
					}
					body.home #content #bloque_accesible > ul li:last-of-type{ /*ultima imagen*/
						margin-bottom: 0;
					}
					body.home #content #bloque_accesible > ul > li > a{
					}
					body.home #content #bloque_accesible > ul > li > a > img{
						/*para centrado que sobresale. Debo saber ancho de imagen (o setearlo aqui forzado)*/
						/*left: 50%;*/
						margin-left: -140px; /*333w/2*/
						width: 280px; height: auto;
					}
					body.home #content #bloque_accesible > ul > li > a > .listaImgTexto{
						bottom: 16px;
					}
					body.home #content #bloque_accesible > ul > li > a > .listaImgTexto > p{
							/*NoTomaRem*/ font-size: 26px;
						font-size: 1.75rem;
						padding-left: .1em;
					}
					body.home #content #bloque_accesible > ul > li > a > .listaImgTexto > p span.small{
						font-size: .6em;
						font-weight: bold;
						position: relative;
						bottom: -2px;
					}
					
					/*_ Home bloque_servicios */
					body.home #content #bloque_servicios ul#pasaIconos_ul_servicios{ /*div#bloque_servicios #pasaIconos_ul_servicios*/
						height: 9em; /*para dar espacio, pq el interior esta absolute*/
					}
						body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li{ /*mueven por js*/
							padding-top: 1.0em;
							/*border:1px solid orange;*/
								height: 9em; /*definir altura, pq JS tomara de referencia la de 1er li. puedo definirla en em o relativas, pero JS igual la lee en px*/
							}
					body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li img{
					}
					body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li p{
						margin-top: .5em;
					}
					/*/*/
					
					/* Promociones */
					body.home #content #bloque_promociones:after{
						/*.bloque:after*/
						border-bottom-width: 6px;
							/*NoTomaRem*/ padding-top: 15px;
						padding-top: 1rem; /*funciona como padding-bottom de bloque*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem; 
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem; 
					}
					body.home #content #bloque_promociones > h2{
							/*NoTomaRem*/ margin-left: 9px; 
						margin-left: 0.6rem; 
					}

					body.home #content #bloque_promociones > ul{ /*solo ul directamente hijo, el de imagenes*/
					}
					body.home #content #bloque_promociones > ul > li{
						margin-right: 14px;
					}
					body.home #content #bloque_promociones > ul > li:last-of-type{
						margin-right: 0px;
					}
					body.home #content #bloque_promociones > ul > li .promoImg{
					}
					body.home #content #bloque_promociones > ul > li .promoImg > div{
							/*NoTomaRem*/ font-size: 23px;
						font-size: 1.24rem;
					}
					/**/
					body.home #content #bloque_contacto{
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem;
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem;
					
					}
					body.home #bloque_contacto #bloque_contactoForm{
						float: none;
						width: auto;
						border-right: none;
						border-bottom: 1px solid #fff;
					}
					body.home #bloque_contacto #bloque_contactoInfo{
							float: none;
							clear: both;
						margin-left: 0;
						padding:0;
							/*NoTomaRem*/ padding-top: 15px;
						padding-top: 1rem;
/*border:1px solid red;*/
					}
					body.home #bloque_contacto #bloque_contactoInfo ul{
						overflow: hidden;
						margin: 0 auto;
						width: 463px;
				/*background-color: gray;	*/
					}
				
				/*Servicios*/
					/*#bloque_barraIconos{
					} */


					body.servicios #content #bloque_listaServicios > ul{
						/*width: 780px;*/
						max-width: 571.5px;
						/*max-width: 463px;*/
						/*float: none; right*/
					}
						body.servicios #content #bloque_listaServicios li{ /*podria hacer que fuerce salto en los impares*/
							width: 100%;
							float: none;
						}
						body.servicios #content #bloque_listaServicios li > img{
							width: auto; /*proporcional segun height 64px;*/
							height: 42px; /*original 50*64*/
							margin-top: 2px;
							padding-left: 0;
						}
						body.servicios #content #bloque_listaServicios li > p{
							padding-top: 3px; padding-bottom: 3px; 
							min-height: 40px;
							margin-left: 64px; /*mismo que ancho de img + padding left*/ 
						}
					
				/*Ubicacion*/
								/*mapa interactivo*/
									/*body.ubicacion #content #bloque_mapaInteract*/
								/**/

			body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea{
					width: auto;
					/*margin-left: 25%;
			/*border: 1px solid red;*/
					clear: both;
					float: none;
					text-align: left;
					border: none;
					border-left: 2px dotted #B0B0B0;
						padding-right: 0;
							/*NoTomaRem*/ padding-left: 9px;
						 			padding-left: 0.6rem;
					padding-bottom: 0;/*padding-bottom: 2rem; /*para extender punteado*/
							/*a ojo para acercar a h1, queda alejado por h2*/
							/*NoTomaRem* margin-top: -16px;
						margin-top: -1rem;*/
					overflow: hidden;
					/****!*/margin-bottom: -2.2rem; /*reseteo el margen negativo de desktop*//*para que se superponga con el bloque que sigue (que no toma margin top negativo)*/
/*border:2px solid pink;*/
				}
					body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p{
						float: none; clear: both;
					}
				
					
					body.ubicacion #content #bloque_mapaGoog > ul{
						min-height: 0;
						float: none;
						width: auto;
						border-right: none;
	border-bottom: 1px solid #B0B0B0;
							/*NoTomaRem*/ margin-bottom: 15px;
			 			margin-bottom: 1rem;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link{ /*a o div*/
		padding: .1em .5em .2em;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link h4{
							/*NoTomaRem*/font-size: 19px;
						font-size: 1.24rem; /*1rem siempre*/
						min-height: auto;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.tiempo{
							/*NoTomaRem*/margin-left: 9px;
						margin-left: 0.6rem;
							/*NoTomaRem*/font-size: 15px;
						font-size: 1rem; /*1rem siempre*/
						margin-top: .2em;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.verMapa{
							/*NoTomaRem*/font-size: 14px;
						font-size: 0.9rem; /*1rem siempre*/
						margin-top: .5em;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra {
							/*NoTomaRem*/margin-left: 9px;
						margin-left: 0.6rem;
						overflow: hidden;
					}
						body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > a{
								/*NoTomaRem*/margin-left: 9px;
							margin-left: 0.6rem;
								/*NoTomaRemfont-size: 19px;
							font-size: rem;*/
							line-height: 20px;
							height: 20px;
							padding-right: 35px;
							float: right;
							/*background-color: #EDF6FF;*/
							background: #EDF6FF url('../plantillas/plantilla_hotelLuces/img/gral/flechitaBoton_ch.svg') 94% 50% no-repeat; /*original ch:20x20; md:34x34*/
							padding-top: .2em;
							padding-bottom: .2em;
								/*NoTomaRem*/margin-right: -9px;
							margin-right: -0.6rem;
						}
					body.ubicacion #content #bloque_mapaGoog > #mapaGoog{
								/*clear: both; float: none;*/
						padding: 6px;
						margin-left: 0;
					}
						body.ubicacion #content #bloque_mapaGoog > #mapaGoog > iframe{
							width: 100%;
							height: 300px; /*400-padding 10*2 de mapaGoog*/
						}
				
				/*Contacto*/
					body.contacto #content #bloque_contacto{ /*#bloque_contacto */
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem; 
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem; 
					}
					body.contacto #content #bloque_contacto #bloque_contactoForm{
						clear: both;
						float: right;
						width: 75%;
						min-width: 463px;
						margin-left: 0;
					}
					body.contacto #content #bloque_contacto #bloque_contactoInfo{
							/*NoTomaRem*/ margin-bottom: 35px;
						margin-bottom: 2.3rem;
						clear: both;
						float: right;
						width: 75%;
						margin-left: 0;
			/*border:1px solid pink;*/
					}
						body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > h4{
							/*	color: #4F84B9;
							text-shadow: 0px 0px 1px rgba(149, 176, 204, 0.5 );*/
						}
						body.contacto #content #bloque_contacto #bloque_contactoInfo ul > li > p{
						}
					body.contacto #content #bloque_contacto .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
						width: 90px; /*corta una parte*/
						left: -110px; /*mismo que ancho de img completa*/
					}
					body.contacto #content #bloque_contacto .promocionItemMarcaAgua img{
						width: 110px;
						height: auto; /*proporcional segun width*/
					}
					body.contacto #content #bloque_contacto #bloque_botonReservaOnline{ /*.botonLinkea1*/
						/*ya en .botonLinkea1	/*NoTomaRem*/ /*margin-bottom: 15px;
						margin-bottom: 1rem;*/
						clear: both;
						float: none;
						max-width: none;
					}
						body.contacto #bloque_botonReservaOnline #destacado_cuotas{
							padding: 2rem 0;
							/*border: 1px solid red;*/
							
								/*NoTomaRem*/font-size: 21px;
							font-size: 1.32rem;
							
						}

					body.contacto #content #bloque_contacto #bloque_botonReservaOnline > a{
						/*ya en .botonLinkea1*/
						height: auto;
						border-left: none;
					}


				
				/*Promociones*/
					body.promociones #content .bloque_promocion{
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem;
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem;
							/*NoTomaRem*/ padding-left: 9px; 
						padding-left: 0.6rem;
							/*NoTomaRem*/ padding-right: 9px; 
						padding-right: 0.6rem;
							/*NoTomaRem*/ padding-top: 15px;
						padding-top: 1rem;
							/*NoTomaRem*/ padding-bottom: 35px;
						padding-bottom: 2.3rem;
							/*NoTomaRem*/ margin-bottom: 35px;
						margin-bottom: 2.3rem;
					}
					body.promociones #content .bloque_promocion.placaFondoColor1{
						background-color: transparent;
					}
					body.promociones #content .bloque_promocion:before{ /*agrega barrita de color detras en parte alta de bloque*/
						z-index: -1;
						content:'';
						clear: both;
						float: none;
						display:block;
						background-color: #EDEDED;
						/*mismo que padding laterales de #content*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem; 
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem; 
						margin-bottom: -85px;
						height: 90px;
					}

					body.promociones #content .bloque_promocion > .promoImg{ /*a*/
							/*NoTomaRem*/ margin-left: 9px; 
						margin-left: 0.6rem;
						float: none;
						margin-top: 4px;
					}
					body.promociones #content .bloque_promocion > .promoImg:after{
						top: 44px;
						right: -12px;
						/*background: url('../plantillas/plantilla_hotelLuces/img/gral/puntaFlechaDeRecuadro.svg') 0 0 no-repeat; /*original 23*58*/
						width: 12px;
						height: 32px;
							background-size: 12px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*original 250 * 16*/
					}

					body.promociones #content .bloque_promocion > .promoImg > div{
						position: absolute;
						height: 1.2em; /*sino toma mas alto ?*/
						line-height: 1.2em;
						top: 42px;
						left: 140px;
						width: auto;
							/*NoTomaRem*/ font-size: 30px;
						font-size: 2rem;
						margin-bottom: 0;
						padding-left: 0;
						color: #2C64A1;
						background-color: transparent;
					}

					body.promociones #content .bloque_promocion > ul.promocion_items{
		/*border:1px solid red;*/
							/*NoTomaRem*/ margin-top: 15px; 
							margin-top: 1rem;
						margin-left: auto;/* 33%;*/
						width: auto;
						max-width: 571.5px;
						/*float: right;*/
						padding-left: 50px; /*por marcas de agua que sobresalen*/
					}
						body.promociones #content .bloque_promocion > ul.promocion_items:before{
							display: none;
						}
					body.promociones #content .bloque_promocion > ul.promocion_items > li{
							/*NoTomaRem*/ margin-bottom: 68px;
						margin-bottom: 4.5rem;	
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li:last-of-type{
						margin-bottom: 0;
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li h4{
							/*NoTomaRem*/font-size: 21px;
						font-size: 1.4rem;
					}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > p{
								/*NoTomaRem*/ margin-left: 26px; 
							margin-left: 1.73rem;
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p.gr{
								/*NoTomaRem*/font-size: 20px; 
							font-size: 1.32rem;
							line-height: 1.2em;
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
							width: 70px; /*igual que ancho imagen*/
							left: -60px; /*ancho-algo*/
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua >img{
							width: 70px;
							height: auto;  /*proporcional segun img*/
							/*original 100*120*/
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido{/*div.promocionItemContenido*/
								/*NoTomaRem*/ margin-left: 26px; 
							margin-left: 1.73rem;
						}
							body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p.gr{
									/*NoTomaRemfont-size: 21px; 
								font-size: 1.4rem;*/
							}
							body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido ul{
								max-width: 450px;
							}
				
				/*Habitaciones*/
					body.habitaciones #content .bloque_habitacionesInfo{
						max-width: 571.5px;
						float: right;
			margin-left: 0;
							/*NoTomaRem*/ padding-left: 13px;
						padding-left: 0.87rem;
							/*NoTomaRem*/ margin-left: 52px;
						margin-left: 3.46rem;
							/*NoTomaRem*/ margin-right: 52px;
						margin-right: 3.46rem;
					}			
					body.habitaciones #content .bloque_habitacionesInfo h2{
							/*NoTomaRem*/font-size: 21px; 
						font-size: 1.4rem; /*18em;*/	
					}

					body.habitaciones #content .bloque_habitacionesInfo > ul{
						/*NoTomaRem*/ padding-left: 13px;
						padding-left: 0.87rem;
					}
					body.habitaciones #content .bloque_habitacionesGaleria{
					}
					body.habitaciones #content .bloque_habitacionesGaleria .galeria{ /*div.galeria.flexslider*/
						/*float: right; none; */
						/*max-width: none;*/
						width: 100%;
						max-width: 571.5px;
			
															/*sobresale cuando achico mucho*/ /*max-width: 463px;*/
						/*box-sizing: border-box; ? */
					}
					body.habitaciones #content .bloque_habitacionesGaleria .galeria .slide{
						/*height: 300px;*/
					}
					body.habitaciones #content #bloque_botonConsulta{ /*.botonLinkea1*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem; 
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem; 
					}
					
				/*Accesible*/
					body.accesible #content .bloque_accesibleInfo{
						max-width: 571.5px;
						float: right;
			margin-left: 0;
							/*NoTomaRem*/ padding-left: 13px;
						padding-left: 0.87rem;
							/*NoTomaRem*/ margin-left: 52px;
						margin-left: 3.46rem;
							/*NoTomaRem*/ margin-right: 52px;
						margin-right: 3.46rem;
					}			
					body.accesible #content .bloque_accesibleInfo h2{
							/*NoTomaRem*/font-size: 21px; 
						font-size: 1.4rem; /*18em;*/	
					}

					body.accesible #content .bloque_accesibleInfo > ul{
						/*NoTomaRem*/ padding-left: 13px;
						padding-left: 0.87rem;
					}
					body.accesible #content .bloque_accesibleGaleria{
					}
					body.accesible #content .bloque_accesibleGaleria .galeria{ /*div.galeria.flexslider*/
						/*float: right; none; */
						/*max-width: none;*/
						width: 100%;
						max-width: 571.5px;
			
															/*sobresale cuando achico mucho*/ /*max-width: 463px;*/
						/*box-sizing: border-box; ? */
					}
					body.accesible #content .bloque_accesibleGaleria .galeria .slide{
						/*height: 300px;*/
					}
					body.accesible #content #bloque_botonConsulta{ /*.botonLinkea1*/
							/*NoTomaRem*/ margin-left: -9px; 
						margin-left: -0.6rem; 
							/*NoTomaRem*/ margin-right: -9px; 
						margin-right: -0.6rem; 
					}	
					
					
			/*_/*/
		/*/Areas particulares------------------*/

		/*Post modulo, los pisan------------------*/
		/*/Post modulo, los pisan------------------*/

		}
	/*/Pantalla Media (Tablet)*/
		


	/*Pantalla Chica (Mobile)*/
		@media screen and (max-width:480px){
			html{
				font-size: 13.5px;
			}
	
		/*ElementosComunes------------------*/
			.bloque_modulos{
					/*NoTomaRem*/ margin-bottom: 37px;
				margin-bottom: 2.3rem;
			}
				/*.bloque_modulos:after{
					/espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)
					margin-bottom: 0;
				}*/
			.miscFondo1, .miscFondo2{ /*titulares h1, h4, etc, o h1 directo.... para los que no son h1, ya que h1 tiene directo en su regla*/
				background-size: 190px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*original 250 * 16*/
			}
			.barritaColorFondo_gr:before, .barritaColorFondo_md:before{ /*agrega barrita de color detras en parte alta de bloque*/
					/*NoTomaRem*/ margin-left: -5px; 
				margin-left: -0.31rem; 
					/*NoTomaRem*/ margin-right: -5px; 
				margin-right: -0.31rem; 
			}
			.barritaColorFondo_gr:before{
				margin-bottom: -70px;
				height: 75px;
			}
			.barritaColorFondo_md:before{
				margin-bottom: -40px;
				height: 45px;
			}	
			.botonLinkea1{
					/*NoTomaRem*/ margin-bottom: 16px;
				margin-bottom: 1rem;
			}
			.botonLinkea1 > a{
					/*NoTomaRemfont-size: 19px;
				font-size: rem;*/
				line-height: 20px;
				height: auto;
				padding-right: 32px;
				background-image: url('../plantillas/plantilla_hotelLuces/img/gral/flechitaBoton_ch.svg');
				background-position: 99% 50%; /*original ch:20x20; md:34x34*/
				/*padding-top: .4em;
				padding-bottom: .4em; /*padding-top: .2em; padding-bottom: .2em;*/
					/*NoTomaRem*/font-size: 19px;
				font-size: 1.4rem;
			}
			
			#content #bloque_titularesPagina{ /*contiene h1 y h2 de cada pagina*/
					/*NoTomaRem*/ margin-top:  16px;
				margin-top:  1rem;
					/*NoTomaRem*/ margin-bottom: 16px;
				margin-bottom: 1rem;
/*border: 3px dashed maroon;*/
	 		}

			#content #bloque_titularesPagina > h1{ /*titulo de area*/
				/*background: url('../plantillas/plantilla_hotelLuces/img/gral/misc_cuadritosBajoSubtitulos_1.svg') 0 90% repeat-x;*/
					/*NoTomaRem*/ margin-left: 5px;
	 			margin-left: 0.31rem;
			}
			#content #bloque_titularesPagina > h2{ /*encomillada de inicio de content, lueg ode titulo de area*/
z-index: 1;
					/*NoTomaRem*/ margin-left: 5px;
	 			margin-left: 0.31rem;
					/*NoTomaRem*/ font-size: 18px;
				font-size: 1.32rem;
			}
				body.servicios #content #bloque_titularesPagina > h2:before,
				body.ubicacion #content #bloque_titularesPagina > h2:before{
					filter: alpha(opacity=40); opacity: .40;
					top: .5em; /*1.1rem;*/
					/*left,right: lo hace respecto a contenedor / margin-left, margin-right: lo hace respecto a 1er o ultima letra*/
					left: -4px;/*-2.3rem;*/
				}
				body.servicios #content #bloque_titularesPagina > h2:after,
				body.ubicacion #content #bloque_titularesPagina > h2:after{
					filter: alpha(opacity=40); opacity: .40;
					opacity: 1;
					bottom: 0;
					top: .5em;/*-1.2rem;*/
					right: 1px;/*-1.8rem;*/
				}
			#content #bloque_titularesPagina > .textoBajoTituloArea{
				/*lo pisa*/
					/*NoTomaRem*/ margin-left: 15px;
				margin-left: 0.94rem;
			}
			#content #bloque_titularesPagina > .textoBajoTituloArea p{
					/*NoTomaRem*/ font-size: 12px;
				font-size: 0.9rem;
				float: none; clear: both;
			}
			
.ancla{ /*Ancla general (mapa google por ej. no mapa isometrico que tiene un ajuste especial*/
	top: -42px;
}

		/*/ElementosComunes------------------*/

		/*Estructura------------------*/
			/*Anchos Contenedor*/
				#wrapper,
				#footer .footerWrapper{
					/*max-width: 480px; /*redundante, pq cambia de mediaquery*/
					/*max-width: none;*/
					min-width: 300px;
				}
			/*Footer fijo*/
				#wrapper{
					/*Footer fijo*/
						/*NoTomaRem*/margin-bottom: -84px; 
					margin-bottom: -6.2rem; /* el margen es la altura del pie en negativo */
				}
				#footer{ /* body > footer#footer */
					/*Footer fijo*/
					/*NoTomaRem*/height: 84px;
					height: 6.2rem; /*72px; /*espacio extra para cargar botonera inferior con ul absoluts*/
					/*/*/
					/*que alturas contenido midan lo mismo que altura de #footer (4.5rem = 72px (para 1rem=16px))*/
						/*NoTomaRem*/height: 84px;
					height: 6.2rem;
				}
				#content{
					/*Footer fijo*/ /*pasar como padding en wrapper ? */
						/*NoTomaRem*/ margin-bottom: 84px; 
					margin-bottom: 6.2rem; 
				}
			/**/

/*______HEADER RESPONSIVE___*/
			/**/
				#header{ /* body > #wrapper > header#header */
overflow: visible; /*por desplegables cartelAccesibilidad*/
					position: fixed;
						width: 100%;
						box-sizing: border-box;
						padding-right: 38px; /*38px;*/ /*16+8+8. mismo que ancho total de #contenedor_botonDespliegaMenuRespons que esta flotado*/
					top: 0;
					left: 0;
					height: 42px; /*$headerHeight_px mas altura de border-bottom propio*/
	/*border: 5px solid pink;*/
					border-bottom: 4px solid #9ECCFF;
				}
					#header:after{
						display: none;
					}
			/**/
		 		#header #head_area_logo{
						/*NoTomaRem*/ margin-left: 5px;
					margin-left: 0.31rem;
				}
					#header #head_area_logo > #botonLogo{ /* a#botonLogo*/
						margin-top: 7px;
						background: url('../plantillas/plantilla_hotelLuces/img/gral/header_logo_sinTextoBajo.svg') 0 0 no-repeat;
						width: 125px; /*128*/
						height: 26px; /*alto de header caja - margin superior de este elemeto*/
						background-size: auto 25px;/*(1valor es x), 2 valores*/
						/*img2 original 198 * 40*/
						/*border:1px solid red;*/
					}
					
			/**/
			/*_Boton que abre y cierra menu principal*/
				#contenedor_botonDespliegaMenuRespons{ /*iconito despliega menu en tamanos chicos. dentro de #header*/
					display: block;
					position: absolute;
					right: 0;
					top: 0;
					background-color: #2C64A1;
					padding: 0;
					/*width: 38px;
					height: 38px;*/
					/*img original 16+8+8*/
				}
				#contenedor_botonDespliegaMenuRespons a#botonDespliegaMenuRespons{
					filter: alpha(opacity=80); opacity: .8;
					display: block;
					background-image: url('../plantillas/plantilla_hotelLuces/img/gral/iconoMenuResponsive_38x2x38.svg');
					background-position: 0 0;
					background-repeat: no-repeat;
					width: 38px; /*img 16x32 (2 estados)*/
					height: 38px;
					padding: 0; /*alto header (sin borde) $headerHeight_px = 38 (32+3+3) */
						/*border: 1px solid #4D4D4D; /*mas area cliqueable*/
					overflow: hidden;
				}
				#contenedor_botonDespliegaMenuRespons a#botonDespliegaMenuRespons:hover{
					opacity: 1;
					/*background-position: 0 -13px; /el js hara esto*/
				}
			/*_Menu principal*/
				/*el elemento completo seria: #header nav#head_area_menu.menuNavegacion ul.menu{}*/
				#header #head_area_menu{ /*usar id por prevalencia de modulo, sino no pisa*/
					/*#header #head_area_menu*/
					float: none;
					clear: both;
					overflow: hidden;
			position: fixed; /*absolute; /*si estuviera fuera podria ser fixed, pero estando dentro de header que esta fixed, ya cumple*/
					width: 100%;
				box-sizing: border-box;
					top: 42px;
					margin-top: 0;
					background-color: #fff;
/*border: 1px solid red;*/
					
				/*text-align: center;*/
					
					/*Para ajuste dinamico js*/
						/*si aparece por display*/
							/*NoTomaRem*/ /*padding: px px;
							padding: rem rem;
							height: auto;				
							display: none; /*valor inicial*/
						/*si aparece por altura*/
							/*display: block; no usar, hereda/*valor inicial*/
							/*box-shadow: 0px 0px 5px rgba(0,0,0,0); /*valor inicial*/ /*box-shadow: 0px 0px 5px rgba(0,0,0,.5);*/
									/*NoTomaRem*/ padding-left: 5px;
							padding-left: 0.31rem;
								/*NoTomaRem*/ padding-right: 5px;
							padding-right: 0.31rem;
						/**/
					height: 0; /*por las dudas, valor inicial, pero lo ajusta por js*/
				}
								#header #head_area_menu.menuNavegacion ul.menu{
									/*#header #head_area_menu ul.menu*/
/*border: 1px dashed green;*/
									display: block;/*display: inline-block;*/
									float: none;
									clear: both;
									width: auto;
									margin-left: 1rem;
									margin-right: 1rem;
									margin-top: 1rem;
									margin-bottom: 10px;
								}
								#header .menuNavegacion ul.menu li{
									float: none;
									border-top: 1px solid #B0B0B0;
									margin-bottom: 0;
								}
								#header .menuNavegacion ul.menu li:last-of-type{
									border-bottom: 1px solid #B0B0B0;
								}
								#header .menuNavegacion ul.menu a{
									text-align: left;
									height: auto;
													/*NoTomaRem*height: 20px;
												height: 1.5rem;*/
									line-height: normal;
									color: #B0B0B0;
									text-transform: none;
									font-family: fontSubTitul, Georgia, "Times New Roman", Times, serif;
										/*NoTomaRem*/ font-size: 20px;
									font-size: 1.5rem;
									font-weight: bold;
										padding: .5em 0;
								}
								#header .menuNavegacion ul.menu a,
								#header .menuNavegacion ul.menu > li.selected-item > a,
								#header .menuNavegacion ul.menu a:hover,
								#header .menuNavegacion ul.menu > li.selected-item > a:hover{
									text-shadow: none;
								}
								#header .menuNavegacion ul.menu a:hover,
								#header .menuNavegacion ul.menu > li.selected-item > a:hover{
									text-shadow: none;
								}
								#header .menuNavegacion ul.menu a:hover{
									background-color: #EDF6FF;
								}
								#header .menuNavegacion ul.menu > li.selected-item > a{
									background-color: transparent;
									color: #A4BFDA;
								}
			/*/*/

			/*_Otros menues*/
				/*Idiomas*/
					#header #head_area_botIdiomas{
						/*float: right;*/
							margin-bottom: 15px;
					}
					#header #botoneraIdiomas{ /*ul*/
						/*se declara en 'elementosComunesTodasAreas.css'*/
						padding-bottom: 0;
						margin-bottom: 0; /*era para separa menu principal que tenia margin neg*/
						/*border:1px solid red;*/
							/*border-left: 2px dotted #B0B0B0;*/
						height: 38px;
						overflow: visible;
						margin-top: 2px;
					}
					#header #botoneraIdiomas > li{
						display: block; /*js los pone en none a los que no sean li.selected y block al los que si*/
						float: none;
							padding-top: 4px;
							padding-left: 4px;
							padding-right: 4px;
						padding-bottom: 4px;
						margin-bottom: 0;
						border-right: none;
						border-bottom: none;
						background-color: #fff;
					}
						/*se modifica por js dinamicamente*/
						#header #botoneraIdiomas > li{
							display: none;
						}
						#header #botoneraIdiomas > li.selected{
							display: block;
						}
						/*_*/
			
						#header #botoneraIdiomas > li > a{
							/*width: 20px;
							height: 20px;*/
						}
					
						#header #botoneraIdiomas > li > a > img,
						#header #botoneraIdiomas > li.selected > a > img{
							/*margin-top: 0 //-20px;*/
							margin-top: 0px; /*0 grande, -20 img chica*/
						}
				/*Iconos redes sociales, contacto etc*/
					/*se oculta esta, que esta en content, y se muestra una duplicada en el header*/
						#bloque_barraIconos{ 
							display: none;
						} 
					/*y se muestra esta*/ 
					/*___	ZONA: BARRA ICONOS (en header (hay otra duplicada) __________*/
						#header #head_area_botIconos{
							z-index: 1;
							display: block;
							position: relative;
						/*display: none;*/
						float: right;
overflow: visible; /*para cartel Accesibilidad*//*antes hidden*/
						}
					/**/
					#header #head_area_botIconos ul{ /*ul.menuIconos_iconos*/
										/*x el otro desktop, se declara en '/*se declara en 'elementosComunesTodasAreas.css'*/
						float: right;
						overflow: hidden;
						margin-right: 5px;
						margin-top: 5px;
					}
					#head_area_botIconos > ul > li{
						float: left;
						margin-right: 0;
						/*border:1px solid orange;*/
					}
					#head_area_botIconos > ul > li:last-of-type{
						margin-right: 0;
					}
					#head_area_botIconos > ul > li > a{
						display: block;
						overflow: hidden;
						filter: alpha(opacity=40); opacity: .40;
						padding: 0 4px 6px 4px; /*para mas area cliqueable*/
					}
					#head_area_botIconos > ul > li:first-of-type > a{
						padding-left: 0;
					}
					#head_area_botIconos > ul > li:last-of-type > a{
						padding-right: 0;
					}
					#head_area_botIconos > ul > li > a > div{
						width: 22px; /*poner proporcional a height segun tamaño de imagen*/
						height: 22px; /*mismo que tamaño que le pongo a la imagen en este caso de dispositivo*/
						overflow: hidden;
						float: left;
						margin-right: 0;
						position: relative;
					}
						#head_area_botIconos > ul > li > a > div > img{
							position: absolute;
							top: 0;
							left: -22px; /*desplazo un modulo de tamaño de imagen ajustado a tamaño actual*/
							display: block;
							height: 22px; width: auto; /*width proporcional*/ /*original 33 x 66(2 de 33 para cada color)*/
						}
					#head_area_botIconos > ul > li > a > p{
						display: none;
					}
					#head_area_botIconos > ul > li > a:hover{
						filter: alpha(opacity=100); opacity: 1;
					}
				/*/*/
			/*/*/
/*______/HEADER RESPONSIVE___*/




			/**/
				#content{ /* body > #wrapper > #content */
						/*NoTomaRem*/ padding-left: 5px;
					padding-left: 0.31rem;
						/*NoTomaRem*/ padding-right: 5px;
					padding-right: 0.31rem;
						/*NoTomaRem*/ margin-bottom: 84px; 
					margin-bottom: 6.2rem; 
						/*por header responsive fixed*/
					/*_(ajuste content por header responsive desplazado)*/
					margin-top: 42px;
				}
				#content:after{
					/*espacio abajo de todo antes de footer. es el mismo que en los .bloque_modulos, pero en estos, en el ultimo de ellos se quita el margen inferior asi que el del content lo suplanta (para que si meto contenido fuera de .bloque_modulos tambien deje espacio al final de content)*/
						/*NoTomaRem*/ padding-bottom:  37px;
					padding-bottom:  2.3rem;
				}

			/*_*/
			#footer .footerWrapper{
				
			}
			#footer .footerWrapper .menuNavegacion{
				display: none;
			}
			#footer .footerWrapper #footerLogo{
			}
				#footer .footerWrapper #footerLogo > #logo_1{
					display: none;
					clear: none;
					float: right;
					height: 46px;
					width: 175px; /*img original 198 * 52*/
					background-size: auto 46px;/*(1valor es x), 2 valore*/
					margin-right: 15px;
				}
					/*Quita 'Solo en desktop'*/
					#footer .footerWrapper #footerLogo > #logo_rd{
						float: none;
						width: 54px;
						height: 52px;
						background-size: 40px 40px; /*deja separaciones de borde punteado*/
						background-position: 50% 50%;
						margin-right: auto;
						margin-top: -4px; /*neg de #footerLogo*/
						position: absolute;
						right: 0; top: auto;
						box-sizing: border-box;
						border-left: 2px dotted #B0B0B0;
					}
					/*/*/

			#footer .footerWrapper #footerDatos{
				width: auto;
				clear: both;
				float: none;
				margin-left: 0;
				border-left: none;
			}
						
			#bloque_galeriaCabecera{
				/*height: 160px;*/ /*max-height: 200px;*/
				/*border-bottom: 4px solid #9ECCFF;*/
					/*NoTomaRem*/ margin-left: -5px; 
				margin-left: -0.31rem; 
					/*NoTomaRem*/ margin-right: -5px; 
				margin-right: -0.31rem; 
			}
			#bloque_galeriaCabecera figure,
			#bloque_galeriaCabecera .galeria{
			}
			#bloque_galeriaCabecera figure img{
				/*alto fijo, sobresale por laterales*/
				/*width: 480px; /*ancho fijo defino width y no height, porque necesito el width para el marginado simetrico*/ /*height: 120px;*/
				/*height: auto;*/
				min-width: 0;
					/*marginado simetrico sobresaliente. solo sirve en este caso porque es ancho fijo de img, en los otros tamaño de dispositivos que ajusta ancho no*/
				/*	left: 50%;
					margin-left: -240px;
				*/
			}
			#bloque_galeriaCabecera .galeria{
				min-width: 0;
			}
		/*/Estructura------------------*/

		/*Areas particulares------------------*/
			/*En varias areas*/
				/*Promociones sale distinto en ambas areas, en este dispositivo*/
				/*Promociones*/
			

				/*Contacto*/
				#bloque_contacto #bloque_contactoForm{
						/*NoTomaRem*/ padding-top: 16px;
					padding-top: 1rem;
						/*NoTomaRem*/ padding-bottom: 16px;
					padding-bottom: 1rem;
						/*NoTomaRem*/ padding-left: 5px; 
					padding-left: 0.31rem; 
						/*NoTomaRem*/ padding-right: 5px;
					padding-right: 0.31rem;
				}
				#bloque_contacto #bloque_contactoInfo{
						/*NoTomaRem*/ padding-top: 16px;
					padding-top: 1rem;
						/*NoTomaRem*/ padding-bottom: 16px;
					padding-bottom: 1rem;
					/*retorma posicion de inicio de caja como si no hubiera margen neg*/
						/*NoTomaRem*/ padding-left: 5px; 
					padding-left: 0.31rem; 
						/*NoTomaRem*/ padding-right: 5px;
					padding-right: 0.31rem;
		width: 85%;
		min-width: 310px;
	float: none;
	display: block;
	box-sizing: border-box;
				}
					#bloque_contacto #bloque_contactoInfo ul{
						width: auto;
							/*NoTomaRem*/ padding-left: 5px; 
						padding-left: 0.31rem;
							/*NoTomaRem*/ padding-right: 5px; 
						padding-right: 0.31rem;
					}

				#bloque_contacto #bloque_contactoForm > h2{
						/*NoTomaRem*/ margin-left: 5px; 
					margin-left: 0.31rem;
				}
				
				/*Form autogen*/
					.cartelDevolucionForm#formCartelDevolucionPhp{ /*esta fuera del form*/
					}
					.cartelDevolucionForm#formCartelDevolucionPhp .placaContent{
						margin-top: 42px;
					}

					form.formAutogen{ /*form.formAutogen{*/
			/*NoTomaRem*/ padding-left: 9px; 
						padding-left: 0.56rem;
					/*NoTomaRem*/ padding-left: 9px; 
						padding-left: 0.56rem;
					}
					form.formAutogen .obligat{
						right: auto;
						left: 0;
					}
					form.formAutogen .grupoCampo > label{
						float: none !important; clear: both  !important; width:auto;
						display: block  !important;
						margin-left: 12px;
	/*border:1px solid orange;*/
						margin-bottom: .1em;
						min-height: 0;
					}
					form.formAutogen .grupoCampo .divInputText,
					form.formAutogen .grupoCampo .divSelect,
					form.formAutogen .grupoCampo .divTextArea,
					form.formAutogen .grupoCampo .divInputFile,
					form.formAutogen .grupoCampo .divCaptcha{
						float: none; clear: both; width:auto; 
						margin: 0;
						margin-left: 0;
					}
					form.formAutogen .grupoCampo .grupoCampoCortoRadiosOcultosAlLado label{
						float: none; clear: both; width:auto;
					}
					form.formAutogen .grupoCampo.radio > label{ /* label de grupo de radios, no de cada uno*/
						float: none; clear: both; width:auto; 
					}
					form.formAutogen  .grupoCampo .agrupaParesRadioLabel{
						margin-left: 1em;
					}
					form.formAutogen  .grupoCampo .agrupaParesRadioLabel div{/* cada par label/input de un item de radio*/
						float: left; width: auto; clear: none; margin-left: 1em;
					}
						form.formAutogen  .grupoCampo .agrupaParesRadioLabel div:first-of-type{
							margin-left: 0;
						}
					form.formAutogen .grupoContenedor_CampoCortoRadiosOcultosAlLado .grupoCampo.grupoCampoCortoRadiosOcultosAlLado{ /* .grupoCampo .grupoCampoCortoRadiosOcultosAlLado */
						float: none; clear: both; width:auto;
						width: auto;
					}
					form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divInputText,
					form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divSelect,
					form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divTextArea,
					form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divInputFile,
					form.formAutogen .grupoCampo.grupoCampoCortoRadiosOcultosAlLado .divCaptcha{
						float: none; clear: both; width:auto;
					}
					form.formAutogen .grupoRadiosOcultos{
									/*parche estilo puntual*/
									/*margin-top: 1em;*/
				/*border:1px solid red;*/
									padding-right: 0;
						float: none; clear: both; display: block; width:auto;
					}
					form.formAutogen .grupoRadiosOcultos .obligat{
						 left: 9px;
					}
					form.formAutogen .agrupaCantidadCaracteres{
						margin-left: 0;	
					}
					/*form.formAutogen .agrupaCantidadCaracteres label{
						
					}
					form.formAutogen .agrupaCantidadCaracteres   .contenedor_cantidadCaracteresTipeados
					*/
				/*/*/

				#bloque_contacto #bloque_contactoInfo ul > li > h4{
						/*NoTomaRem*/font-size: 21px;
					font-size: 1.32rem;
				}
				#bloque_contacto #bloque_contactoInfo ul > li > p{
					float: none; /*margin-left: .8em;*/
					clear: both;
				}
			
			


						/*___	GALERIA FLEXSLIDER	__________	__________	__________*/
							.flex-control-nav{ /*ol.flex-control-nav.flex-control-paging *//*circulitos de pasar cadea imagen? */
								/*height: 10px; /*mismo que 	.flex-control-paging li a*/
								/*bottom: .2em; /*rem /si quiero superponer circulitos pasa imagenes, a area de imagen, lo subo*/
							display: none;/*en responsive se oculta porque es muy chico*/
							}
							.flex-control-paging li a {
								width: 10px;
								height: 10px;
								-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*circulitos*/
								/*width: 12px;
								height: 12px;
								background-color: rgba(255,255,255,.4);*/
							}
								.flex-direction-nav a {
									height: 16px;
									width: 10px;
									margin-top: -8px; /*mitad de altura*/
								}
								.flex-direction-nav a:before { /*general, y prev*/
									background-position: 0 0;
									height: 16px;
									width: 10px; /**/
									/*hereda background-size: auto 100%; */
									/*para dar mas area sensible, aumentar paddings y reducir font size y line height*/
									/*padding: 10px;*/
								}
								.flex-direction-nav a.flex-next:before { /*next hereda de gral y cambia esto*/
									background-position: -10px 0;
								}



						/*___	/GALERIA FLEXSLIDER	__________	__________	__________*/



					/*___	MAPA INTERACT	__________	__________	__________*/
								/*.ancla#anch_imapIsom{
									top:114px; la desplazo fuera para que mapa entre entero*/ 	/*x -con este otro, evitaria barra superior tape.-42px;
								}*/
						/**/
						#content #bloque_mapaInteract{
								/*NoTomaRem* margin-bottom: 37px;
							margin-bottom: 2.3rem;*/
						} 
						#content #bloque_mapaInteract > #contenedorMapa{ /*mapa interactivo*/
							width: 120%;
							min-width: 430px;
						}
							#content #bloque_mapaInteract > #contenedorMapa > img{
							}
						#content #bloque_mapaInteract > #contenedorLista{
							/*position: relative;*/
							width: 285px; /*-margin-left de ul - 20 (sobresale)*/
								top: 176px;/*190px;*/
						}
							#content #bloque_mapaInteract > #contenedorLista h2{
							margin-bottom: 0;
							line-height: .8em;
							}
							#content #bloque_mapaInteract > #contenedorLista .aclaracion{ /*p*/
									/*NoTomaRem*/font-size: 12px;
								font-size: 0.9rem;
									/*NoTomaRem*/ margin-left: 5px;
					 			margin-left: 0.31rem;
							margin-bottom: .1em;
							line-height: .9em;
							}
							#content #bloque_mapaInteract > #contenedorLista ul{ /*#content #bloque_mapaInteract ul#objLugares_ul*/
									/*NoTomaRem*/ margin-left: 5px;
					 			margin-left: 0.31rem;
								padding-top: 0;
							}
								#content #bloque_mapaInteract > #contenedorLista ul > li{
										/*NoTomaRem*/font-size: 15px;
									font-size: 1.12rem;
								/*padding-left: 22px;*/
									padding-top: .0em; padding-bottom: .0em;
									background-size: 15px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*img original 18*18*/
								line-height: 1.3em;
										/*fondo toma ancho texto*/
										float: left; clear: both;
										padding-right: .8em;
										background-color: rgba(255,255,255,.7);
								}
						#content #bloque_mapaInteract .contenedorDescripciones{
								/*position: absolute .relative;*/
									width: 288px; /*100% se pasa, por bordes y demas*/
									/*box-sizing: border-box;*/
									max-width: none; /*490px; /*ancho de foto proporcional a altura elegida para mostrar foto*/
									min-width: 0; 
						/*box-shadow: 0px 0px 6px rgba(0,0,0,.7);*/
						}
						/*generados por js*/
						#content #bloque_mapaInteract .contenedorDescripciones .senalador{
							width: 13px;
							height: 45px;
						}
						#content #bloque_mapaInteract .contenedorDescripciones a.lugaresDescripcion_cerrar{
							/*NoTomaRem*/height: 24px;
							height: 1.75rem; /*1rem siempre*/
								/*NoTomaRem*/width: 24px;
							width: 1.75rem; /*1rem siempre*/
								/*NoTomaRem*/line-height: 24px;
							line-height: 1.75rem; /*1rem siempre*/
								/*NoTomaRem*/font-size: 15px;
							font-size: 1.12rem;
						}
						#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg{
							padding: 2px;
						}
						#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure{
							height: 100px;
						}
							#content #bloque_mapaInteract .contenedorDescripciones .contenedorImg figure img{
								height: 100px; width: auto; /*original: 449x160*/ /*tablet 336x120*/ /*mobile 281*100*/
							}
						#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos{
								/*NoTomaRem*/ padding-left: 9px;
							padding-left: 0.56rem;
								/*NoTomaRem*/ padding-right: 9px;
							padding-right: 0.56rem;
								/*NoTomaRem*/font-size: 13.5px;
							font-size: 1rem;
						}
							#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos h4{
									/*NoTomaRem*/font-size: 17px;
								font-size: 1.24rem;
								/*mismo que su padre pero negativo*/
									/*NoTomaRem*/ margin-left: -9px;
								margin-left: -0.56rem;
									/*NoTomaRem*/ margin-right: -9px;
								margin-right: -0.56rem;
								/**/
									/*NoTomaRem*/ padding-left: 5px;
								padding-left: 0.31rem;
									/*NoTomaRem*/ padding-right: 5px;
								padding-right: 0.31rem;
							}
							/*#content #bloque_mapaInteract .contenedorDescripciones .contenedorTextos p{}*/
					/*___	/MAPA INTERACT	__________	__________	__________*/
				
					/*___	CARTEL ACCESIBILIDAD	__________	__________	__________*/		
						#id_cartelAccesibilidad{
							margin-left: -124px;
							width: 300px;
							margin-top: 9px;
							/**/
								/*NoTomaRem*/ padding-left: 9px;
							padding-left: 0.56rem;
								/*NoTomaRem*/ padding-right: 9px;
							padding-right: 0.56rem;
						}
							#id_cartelAccesibilidad:before{ /*senalador*/
								margin-left: 119px;
									top: -18px; /*mismo que height*/
									left: 0;
									width: 25px;
									height: 18px;
								}
									#id_cartelAccesibilidad a.botCerrar{
										/*NoTomaRem*/height: 24px;
									height: 1.75rem; /*1rem siempre*/
										/*NoTomaRem*/width: 24px;
									width: 1.75rem; /*1rem siempre*/
										/*NoTomaRem*/line-height: 24px;
									line-height: 1.75rem; /*1rem siempre*/
										/*NoTomaRem*/font-size: 15px;
									font-size: 1.12rem;
								}
						#id_cartelAccesibilidad > h4{
								/*NoTomaRem*/font-size: 17px;
							font-size: 1.24rem;
								/*mismo que su padre pero negativo*/
								/*NoTomaRem*/ margin-left: -9px;
							margin-left: -0.56rem;
								/*NoTomaRem*/ margin-right: -9px;
							margin-right: -0.56rem;
							/**/
								/*NoTomaRem*/ padding-left: 9px;
							padding-left: 0.56rem;
								/*sumar algunos rem para evitar boton cerrar pise*/
										/*NoTomaRem*/ padding-right: 45px; /*34*/
									padding-right: 3.31rem; /*2.5*/
								/*/*/				
						}
					/*___	/CARTEL ACCESIBILIDAD	__________	__________	__________*/	


body.servicios #content #bloque_titularesPagina,
body.ubicacion #content #bloque_titularesPagina{
	/*NoTomaRem*/ margin-top: 72px;
	margin-top: 4.5rem;
}
body.servicios #content #bloque_titularesPagina > h1,
body.ubicacion #content #bloque_titularesPagina > h1{
	/*width: 40%;*/
	width: auto;
	border-right: none;
}
body.servicios #content #bloque_titularesPagina > h2,
body.ubicacion #content #bloque_titularesPagina > h2{
		/*NoTomaRem*/ top: -72px;
	top: -4.5rem;
		/*NoTomaRem*/ margin-left: -5px; 
	margin-left: -0.31rem;
		/*como esta en absolute, y con width 100% no toma margin neg a los dos lados, pq ya esta fijado el ancho, por eso relleno con padding para que sea el 100% extendido y cubra todo*/
			/*NoTomaRem*/ padding-left: 5px; 
		padding-left: 0.31rem;
			/*NoTomaRem*/ padding-right: 5px; 
		padding-right: 0.31rem;
}


			



			/* Index */
				body.index #content{
					/*_(ajuste content por header responsive desplazado)*/
					margin-top: 0;
				}
				body.index #header{
					/*resetea*/
					position: relative;
					width: auto;
					padding: 0;
					top: auto; left: auto;
					/**/
					height: 32px;	
					min-height: 0;
				}
				body.index #header #head_area_logo{
					float: none;
					margin-left: 0;
				}
				body.index #header #head_area_logo > #botonLogo{ /* a#botonLogo*/
					margin-left: auto;
					margin-right: auto;
				}
				body.index a#botonEntrar{
					width: 200px;
						/*NoTomaRem*/font-size: 18px;
					font-size: 1.32rem;
					/*font-weight: bold;*/
				}

			/*Home*/
				body.home #content .textoPresentacionHome{
					margin-top: -.5em;
					/**/			
						/*NoTomaRem*/ margin-left: 9px;
					margin-left: 0.56rem;
		
					width: 96%; /*a ojo*/
					max-width: none; /*max-width: 310px; */
					/*margin-bottom: 1em;*/
				}
				body.home #content .textoPresentacionHome p{
						/*NoTomaRem*/ font-size: 13.5px;
					font-size: 1rem;
				}
				body.home #content .textoPresentacionHome.encomillado:before,
				body.home #content .textoPresentacionHome.encomillado:after{ /*p.encomillado... para los h2 no, porque ya de por si llevan encomillado en su propia regla*/
					/*z-index: -1;*/
						/*NoTomaRem*/font-size: 65px;
					font-size: 4.8rem;
					/*line-height: 133px;*/
					color: #EDEDED;
		/*border: 1px solid red;*/
				}
				body.home #content .textoPresentacionHome.encomillado:before{ /*div*/
					top: 19px;
					left: -.3em;
				}
				body.home #content .textoPresentacionHome.encomillado:after{
					right: -.1em;
					bottom: -15px; /*em toma muy grande los saltos*/
				}

				/*/*/



				/*Habitaciones*/
					body.home #content #bloque_habitaciones > ul{ 
						float: none;
						clear: both;
						margin: 0;
						width: auto;
						padding-bottom: 0;
						text-align: center;
		/*border: 1px solid red;*/
					}
					body.home #content #bloque_habitaciones > ul > li{
						float: none;
						clear: both;
						display: block;/*display: inline-block;*/
						margin-left: auto; margin-right: auto;
						width: 250px;
						text-align: left;
		/*border: 1px solid red;*/
					}
					body.home #content #bloque_habitaciones > ul > li:last-of-type{
						margin-left: auto; margin-right: auto;
					}
					body.home #content #bloque_habitaciones > ul > li > a{
						display: block;
						width: auto;
						height: 120px;
						overflow: hidden;
		/*border: 1px solid blue;	*/
					}
					body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p{
						/*resetea*/
							/*NoTomaRem*/ font-size: 30px;
						font-size: 2rem;
						padding-left: .3em;
						/*/*/
					}
					body.home #content #bloque_habitaciones > ul > li > a > .listaImgTexto > p span.small{
						/*resetea*/
						font-size: 1em;
						font-weight: normal;
						bottom: auto;
						/*/*/
					}
					body.home #content #bloque_habitaciones > ul > li > a > img{
						/*quiero achicar a algo aprox 250x120*/
						height: 120px;
							/*width: proporcional*/
					}
/*oculto en mobile*/
/*body.home #content #bloque_habitaciones #bloque_habitaciones2{
	display: none;
}*/
						
				/*Accesible*/
					body.home #content #bloque_accesible > ul{ 
						float: none;
						clear: both;
						margin: 0;
						width: auto;
						padding-bottom: 0;
						text-align: center;
		/*border: 1px solid red;*/
					}
					body.home #content #bloque_accesible > ul > li{
						float: none;
						clear: both;
						display: block;/*display: inline-block;*/
						margin-left: auto; margin-right: auto;
						width: 250px;
						text-align: left;
		/*border: 1px solid red;*/
					}
					body.home #content #bloque_accesible > ul > li:last-of-type{
						margin-left: auto; margin-right: auto;
					}
					body.home #content #bloque_accesible > ul > li > a{
						display: block;
						width: auto;
						height: 120px;
						overflow: hidden;
		/*border: 1px solid blue;	*/
					}
					body.home #content #bloque_accesible > ul > li > a > .listaImgTexto > p{
						/*resetea*/
							/*NoTomaRem*/ font-size: 30px;
						font-size: 2rem;
						padding-left: .3em;
						/*/*/
					}
					body.home #content #bloque_accesible > ul > li > a > .listaImgTexto > p span.small{
						/*resetea*/
						font-size: 1em;
						font-weight: normal;
						bottom: auto;
						/*/*/
					}
					body.home #content #bloque_accesible > ul > li > a > img{
						/*quiero achicar a algo aprox 250x120*/
						height: 120px;
							/*width: proporcional*/
					}	
						
						
					/*_ Home bloque_servicios */

						body.home #content #bloque_servicios ul#pasaIconos_ul_servicios{ /*div#bloque_servicios #pasaIconos_ul_servicios*/
							height: 8.3em; /*para dar espacio, pq el interior esta absolute*/
							
						}
							body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li{ /*mueven por js*/
								padding-top: .1em;
								/*border:1px solid orange;*/
									height: 8em; /*definir altura, pq JS tomara de referencia la de 1er li. puedo definirla en em o relativas, pero JS igual la lee en px*/
								}
						body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li img{
							height: 45px;
							width: auto;
							/*original 64x50*/
						}
						body.home #content #bloque_servicios ul#pasaIconos_ul_servicios li p{
							margin-top: .1em;
						}
					/*/*/

					/*Promociones*/
					body.home #content #bloque_promociones:after{
						/*.bloque:after*/
						border-bottom-width: 6px;
						
							/*NoTomaRem*/ margin-left: -5px; 
						margin-left: -0.31rem;
							/*NoTomaRem*/ margin-right: -5px; 
						margin-right: -0.31rem;
						padding-top: 0; /*para pegar borde inferior a contenido*/
									/*NoTomaRem* padding-top: 16px;*/
								/*padding-top: 1rem; /*funciona como padding-bottom de bloque*/
					}
					body.home #content #bloque_promociones > h2{
							/*NoTomaRem*/ margin-left: 5px; 
						margin-left: 0.31rem;
					}

					body.home #content #bloque_promociones > ul{ /*solo ul directamente hijo, el de imagenes*/
					}
					body.home #content #bloque_promociones > ul > li{
						float: none;
						clear: both;
						display: block;
						margin-left: auto; margin-right: auto;
						width: 180px;
						border: 1px solid #B0B0B0;
							/*NoTomaRem*/ margin-bottom: 16px;
						margin-bottom: 1rem; /*funciona como padding-bottom de bloque*/
					}
					body.home #content #bloque_promociones > ul > li:last-of-type{
						margin-left: auto; margin-right: auto;
					margin-bottom: 0;
					}
					body.home #content #bloque_promociones .promoImg{ /*a*/
						display: block;
						width: auto;
						height: 80px;
						padding: 0; /*pq foto sobresale y pisa padding*/
						border: 4px solid #fff;
					}
					body.home #content #bloque_promociones .promoImg > img{ /* a>img , tanto en home como en promociones*/
							width: 190px;
							height: auto; /*height: proporcional*/
					}
					body.home #content #bloque_promociones .promoImg > div{ /*a > div.listaImgTexto (texto)*/
						bottom: 10px;
							/*NoTomaRem*/ font-size: 20px;
						font-size: 1.5rem;
					}

				/*Contacto*/
					body.home #content #bloque_contacto{
							/*NoTomaRem*/ margin-left: -5px; 
						margin-left: -0.31rem;
							/*NoTomaRem*/ margin-right: -5px; 
						margin-right: -0.31rem;
					}
					
					body.home #bloque_contacto #bloque_contactoInfo{
						margin: 0 auto;
					}
						/*body.home #bloque_contacto #bloque_contactoInfo ul{
							width: auto;
								/*NoTomaRem* padding-left: 5px; 
							padding-left: 0.31rem;
								/*NoTomaRem* padding-right: 5px; 
							padding-right: 0.31rem;
						}*/



			/**/

			/*Servicios*/
				body.servicios #content #bloque_listaServicios > ul{
					max-width: 347.5px; /*ancho de col de h1 pero en px (cuando esta en maximo ancho ventana (sin considerar margen de content), menos margen de h1 */
				}
					body.servicios #content #bloque_listaServicios li{ /*podria hacer que fuerce salto en los impares*/
					}
				body.servicios #content #bloque_listaServicios li > img{
					width: auto; /*proporcional segun height 64px;*/
					height: 35px; /*original 50*64*/
					margin-top: 2px;
				}
				body.servicios #content #bloque_listaServicios li > p{
					padding-top: 2px; padding-bottom: 2px; 
					min-height: 35px;
					margin-left: 45px; /*mismo que ancho de img + padding left*/ 
				}


			/*Ubicacion*/
		body.ubicacion #content #bloque_titularesPagina{
			margin-bottom: 0;
		}
body.ubicacion #content #bloque_titularesPagina > h1{
	margin-bottom: 4px;
}
				/*body.ubicacion #content #bloque_titularesPagina > h2{}*/
				body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea{
					/*clear: none; float: left; /*x con clear y sin float, se desfaza el h2 para arriba*/
					position: relative;
					float: none; clear: both;
					/*NoTomaRem*/ margin-top: -16px;
					margin-top: 0;
					margin-left: 0;
												/*NoTomaRem* margin-left: 9px;
										margin-left: 0.56rem;*/
					width: auto; /*50%;	*/
margin-bottom: 0; /*importante*/
				}

				body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p{
						/*NoTomaRem*/ font-size: 12px;
					font-size: 0.9rem;
					/*float: none; clear: both;*/
				}
				body.ubicacion #content #bloque_titularesPagina > .textoBajoTituloArea p span.saltoLinea:before{
					content: none;
					white-space: normal;
				}

				body.ubicacion #content #bloque_mapaGoog > ul{
		 			margin-bottom: 3px;
				}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link{
		padding: .2em .5em .5em;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .link h4{
							/*NoTomaRem*/font-size: 15px;
						font-size: 1.12rem; /*1rem siempre*/
					}

				body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.tiempo{
						/*NoTomaRem*/margin-left: 5px;
					margin-left: 0.31rem;
						/*NoTomaRem*/ font-size: 12px;
					font-size: 0.9rem;
				margin-top: 0em;
				}
				body.ubicacion #content #bloque_mapaGoog > ul > li > .link p.verMapa{
						/*NoTomaRemfont-size: 10px;
					font-size: 0.75rem;*/
				margin-top: .3em;
				}
				body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra {
						/*NoTomaRem*/margin-left: 5px;
					margin-left: 0.31rem;
				/*border:1px solid red;*/
				margin-bottom: 0;
				}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > p{
						float: left;
				width: auto;
				max-width: 60%;
					}
					body.ubicacion #content #bloque_mapaGoog > ul > li > .txtExtra > a{
						float: right;
						/*box-sizing: border-box;*/
						margin-left: 0;
							/*NoTomaRem*/font-size: 13.5px;
						font-size: 1rem;
						line-height: 16px;
						height: 16px;
						padding-top: .1em;
						padding-bottom: .1em;
						padding-right: 32px;
					}
				body.ubicacion #content #bloque_mapaGoog > #mapaGoog{
					padding: 6px;
				}
				body.ubicacion #content #bloque_mapaGoog > #mapaGoog > iframe{
					height: 200px; /*400-padding 10*2 de mapaGoog*/
				}




			
			/*Contacto*/
				body.contacto #content #bloque_contacto{ /*#bloque_contacto */
						/*NoTomaRem*/ margin-left: -5px; 
					margin-left: -0.31rem;
						/*NoTomaRem*/ margin-right: -5px; 
					margin-right: -0.31rem;
				}
				body.contacto #content #bloque_contacto #bloque_contactoForm{
					clear: both;
					float: none;
					width: auto;
					min-width: 0;
				}
				body.contacto #content #bloque_contacto #bloque_contactoInfo{
						/*NoTomaRem*/ margin-left: 5px; 
					margin-left: 0.31rem; 
						/*NoTomaRem*/ margin-bottom: 37px;
					margin-bottom: 2.3rem;
					clear: both;
					float: right;
					width: 85%;
					min-width: 310px;
						/*NoTomaRem*/ padding-left: 5px; 
					padding-left: 0.31rem;
					box-sizing: border-box;
				}
				body.contacto #content #bloque_contacto .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
					display: none;
				}

			/*Promociones*/
				body.promociones #content .bloque_promocion{
						/*NoTomaRem*/ margin-left: -5px; 
					margin-left: -0.31rem;
						/*NoTomaRem*/ margin-right: -5px; 
					margin-right: -0.31rem;
						/*NoTomaRem*/ padding-left: 5px; 
					padding-left: 0.31rem;
						/*NoTomaRem*/ padding-right: 5px; 
					padding-right: 0.31rem;
						/*NoTomaRem*/ padding-top: 16px;
					padding-top: 1rem;
						/*NoTomaRem*/ padding-bottom: 37px;
					padding-bottom: 2.3rem;
						/*NoTomaRem*/ margin-bottom: 37px;
					margin-bottom: 2.3rem;
				}
					body.promociones #content .bloque_promocion:before{ /*agrega barrita de color detras en parte alta de bloque*/
						/*mismo que padding laterales de #content*/
							/*NoTomaRem*/ margin-left: -5px; 
						margin-left: -0.31rem;
							/*NoTomaRem*/ margin-right: -5px; 
						margin-right: -0.31rem;
						margin-bottom: -63px;
						height: 66px;
					}

					body.promociones #content .bloque_promocion > .promoImg{ /*a*/
							/*NoTomaRem*/ margin-left: 15px; 
						margin-left: 0.94rem;
						/*margin-top: 4px;*/
						height: auto;
						/*padding: 0; /*pq foto sobresale y pisa padding*/
						
					}
					body.promociones #content .bloque_promocion > .promoImg > img{ /*a, tanto en home como en promociones*/
						width: 70px;
						height: auto; /*proporcional segun imagen*/
					}

						body.promociones #content .bloque_promocion > .promoImg:after{
							top: 25px;
							right: -12px;
							/*background: url('../plantillas/plantilla_hotelLuces/img/gral/puntaFlechaDeRecuadro.svg') 0 0 no-repeat; /*original 23*58*/
							width: 12px;
							height: 32px;
							background-size: 12px;/*(1valor es x), 2 valore? x auto y 10px;*/ /*original 250 * 16*/
						}
					body.promociones #content .bloque_promocion > .promoImg > div{ /*texto*/
						/*height: 1.2em; /*sino toma mas alto ?*/
						/*line-height: 1.2em;*/
						/*width: auto;*/
						top: 27px;
						left: 100px;
							/*NoTomaRem*/ font-size: 27px;
						font-size: 2rem;
						bottom: 15px;
						/*NoTomaRem font-size: 23px;
					font-size: 1.5rem;*/
					}
					body.promociones #content .bloque_promocion > ul.promocion_items{
							/*NoTomaRem*/ margin-top: 16px; 
						margin-top: 1rem;
						width: auto;
						max-width: 350px;
						/*float: right;*/
						padding-left: 40px; /*por marcas de agua que sobresalen*/
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li{
							/*NoTomaRem*/ margin-bottom: 37px;
						margin-bottom: 2.3rem;	
						/*margin-left: 0;*/
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li:last-of-type{
						margin-bottom: 0;
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li h4{
							/*NoTomaRem*/font-size: 18px;
						font-size: 1.32rem;
						margin-right: 0;
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li h4:before,
					body.promociones #content .bloque_promocion > ul.promocion_items > li h4:after{ /*.encomillado:before,*/
						display: none;
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li h4 span.saltoLinea:before{
						/*resetea salto de linea para que salga todo en 1 linea*/
						content: none;
						white-space: normal;
					}

					body.promociones #content .bloque_promocion > ul.promocion_items > li > p{
							/*NoTomaRem*/ margin-left: 15px; 
						margin-left: 0.94rem;
					}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido p.gr{
								/*NoTomaRem*/font-size: 18px; 
							font-size: 1.32rem;
							line-height: 1.1em;
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua{/*div.promocionItemMarcaAgua*/
							width: 45px; /*igual que ancho imagen*/
							left: -42px; /*ancho-algo*/
						}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemMarcaAgua >img{
							width: 45px;
							height: auto; /*proporcional segun img*/
							/*original 100*120*/
						}
					body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido{/*div.promocionItemContenido*/
							/*NoTomaRem*/ margin-left: 15px; 
						margin-left: 0.94rem;
			/*border:1px solid red;*/
					}
						body.promociones #content .bloque_promocion > ul.promocion_items > li > .promocionItemContenido ul{
/*							max-width: 450px;*/
						}
					body.promociones #content .bloque_promocion > ul.promocion_items > li .promocionItemContenido.imgGr{
	/*border:1px solid green;*/
					}
					body.promociones #content .bloque_promocion > ul.promocion_items > li .promocionItemContenido.imgGr figure{ /* figure img*/
					}

				/*Habitaciones*/
				body.habitaciones #content .bloque_habitacionesInfo{
						/*NoTomaRem*/ padding-left: 9px;
						padding-left: 0.56rem;
							/*NoTomaRem*/ margin-left: 30px;
						margin-left: 1.88rem;
							/*NoTomaRem*/ margin-right: 15px;
						margin-right: 0.94rem;
					max-width: none;
					float: none;
				}
				body.habitaciones #content .bloque_habitacionesInfo > ul{
					/*NoTomaRem*/ padding-left: 9px;
					padding-left: 0.56rem;
				}
				body.habitaciones #content .bloque_habitacionesGaleria{
						/*NoTomaRem*/ margin-bottom: 16px;
					margin-bottom: 1rem;
				}
				body.habitaciones #content .bloque_habitacionesGaleria .galeria{ /*div.galeria.flexslider*/
					float: none;
					width: auto;
					height: auto;
					max-width: none; /*352.5px;*/
				}
				body.habitaciones #content .bloque_habitacionesGaleria .galeria .slides{  /*div.galeria.flexslider ul.slides*/
				}
				
				/*Accesible*/
				body.accesible #content .bloque_accesibleInfo{
						/*NoTomaRem*/ padding-left: 9px;
						padding-left: 0.56rem;
							/*NoTomaRem*/ margin-left: 30px;
						margin-left: 1.88rem;
							/*NoTomaRem*/ margin-right: 15px;
						margin-right: 0.94rem;
					max-width: none;
					float: none;
				}
				body.accesible #content .bloque_accesibleInfo > ul{
					/*NoTomaRem*/ padding-left: 9px;
					padding-left: 0.56rem;
				}
				body.accesible #content .bloque_accesibleGaleria{
						/*NoTomaRem*/ margin-bottom: 16px;
					margin-bottom: 1rem;
				}
				body.accesible #content .bloque_accesibleGaleria .galeria{ /*div.galeria.flexslider*/
					float: none;
					width: auto;
					height: auto;
					max-width: none; /*352.5px;*/
				}
				body.accesible #content .bloque_accesibleGaleria .galeria .slides{  /*div.galeria.flexslider ul.slides*/
				}
				
				/*/*/

		}
	/*/Pantalla Chica (mobile)*/

	/*___	/MEDIA QUERIES	___	___	___	___	___	___	___	___*/
	/*___	___	___	___	___	___	___	___	___	___	___	___	___*/
	


/*___	/MEDIA QUERY GRAL	____________________________________________________________*/
/*________________________________________________________________________________*/
/*________________________________________________________________________________*/