/*@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&display=swap);
*/
@font-face {
font-family: 'AvenirNextLTPro-Regular';
src: url('/w15/css/font/AvenirNextLTPro-Regular.eot'); /* IE9 Compat Modes */
src: url('/w15/css/font/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('/w15/css/font/AvenirNextLTPro-Regular.woff') format('woff'), /* Modern Browsers */
     url('/w15/css/font/AvenirNextLTPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('/w15/css/font/AvenirNextLTPro-Regular.svg#svgFontName') format('svg') /* Legacy iOS */
}
/* Basic */

	*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}
*:focus {
    outline-color: #E59092;
	outline-style:  solid ;
	outline-width: 1px;	
} 
a:focus,button:focus {
	outline-color: #E59092;outline-width: 2px;	
} 
.fa:focus {
	background: #E59092;
} 
	body {
		font-size: 13pt; /* era 13.5*/
		font-style:normal;
		background: #ffffff ; /* era e3e9dc  url(images/bg04.png)*/
		font-family: 'AvenirNextLTPro-Regular','Open Sans','Trebuchet MS', sans-serif; 
		color: #546b76; /* era 878e83*/
		letter-spacing: 0.5px; /* era -1 */
		font-weight: normal; /* agregado */
		line-height:normal; /* agregado */ 
	}

	h1 {
		color: #546b76; /*verde logo 3E9331, era #007897 calipso */
		font-weight: normal;
		line-height: 1.2em; /* agregado */
		margin-top: 1em;
	}	
	h2,h3,h4,h44 {
		
	}
	h2 {
		color: #4F81BD; /*005293*/
		font-size: 1.5em;
		letter-spacing: 1px;
		margin-bottom: 0.6em;
		font-weight: 600;
	}

	h3 {
		color: #4f81bd ; /*amaraillo #E89415 #c76063; verde logo 3E9331, era #007897 calipso */
		font-size: 1.3em;
		padding: 0 0 0em 0;letter-spacing: 2px; /* era -1 */
	}
	h3::before {
    /*font-family: "FontAwesome";
	content: "\f141";
	margin-right:.3em;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.3); agregado */
	}
	h4 {
		color: #283121; 
		padding: 0 0 0.5em 0;
		font-size: 1em;
	}

	#tempiepag h5 {
		color: #fff;
		}
	h6 {
		color: #283121; 
		margin: 0px 0 1.6em 0;
		font-size: 0.9em;
		text-shadow: 1px 1px 0px rgba(255,255,255,0); /*agregado */
		/*background: url('/images/toparrow.gif') 0px 5px no-repeat;
		text-indent:22px;*/
	}
	h6::before {
    font-family: "FontAwesome";
	content: "\f138";
	margin-right:.6em;
	color: #cd7375; 
	font-weight: 900;
	}
	h22 { /*palabras destacadas */
		font-size: 1.2em;
		letter-spacing: 0px;
		color: #cccccc;
	}
	h44 { /*equivale al h4, pero no tiene su atributo de estar en línea separada */
		font-size: 1em;
		color: #007897;
	}
	hfaq { /*equivale al h4, pero no tiene su atributo de estar en línea separada */
		font-size: 1em;
		color: #546b76;
	}

	details
	{ 
		color: rgba(79, 129, 189,.8); /*#5891bb;*/
		border-bottom: solid 1px #cccccc;
	}
	details p
	{ 
		font-size: 1em;
		margin: 1em 0em 2em 1.8em;
	}
	p {
		line-height: 1.4em;
		letter-spacing: 0em;
		font-size: 0.9em;
		padding: 0.25em 0 1em 0;
	}
	ul {
		padding: 0.25em 0  0em 0;list-style: none;
	}
	strong {
		color: #474e43;
	}

	img.left {
		float: left;
		margin: 2px 1.25em 0 0;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2); 
	}
	img.right {
		float: right;
		margin: 2px 30px 0 0px;
	}
	img.bullet {
		float: left;
		margin: 2px 1.25em 0 0;
	}

	img.top {
		margin: 4px 0 2.25em 0;
	}
	a {
		color: #4F81BD;
		text-decoration: none;
	}

	a:hover {
		
	}

	.link {
		color: #5d93a2; text-decoration: underline;
	}

	* > p:last-child {
		margin-bottom: 0 !important;
	}

.bg_index {
	background: no-repeat center center; /*right top #8e97a6 url("/images/edificioscertxl.jpg") */
	background-size: cover;
	height:500px;
	padding:0 0 0 0em;
	 transition: background 2000ms;transition-timing-function: linear;
	}
.flexshrink {flex-shrink: inherit !important;}

/*index*/
.u-section-5 .u-list-item {
    margin: 8px;
	}
	.fixed {
    position: fixed !important;
    z-index: 100;
    border-radius: 5px;
    left: 6px;
	top:40px;
}
@media only screen and (min-height: 700px) and (min-width: 1024px){
	.background {   	/*background-size: 100% auto;*/	}
}
@media screen and (max-width: 736px) {
	.fixed {top:0px;}
}
/*fin del index*/

@keyframes flickerAnimation {
  0%   { opacity:0; }
  10%  { opacity:1; }
90%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:0; }
  10%  { opacity:1; }
90%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:0; }
  10%  { opacity:1; }
90%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:0; }
  10%  { opacity:1; }
90%  { opacity:1; }
  100% { opacity:0; }
}
#titulocambio {
   -webkit-animation: flickerAnimation 15000ms infinite;
   -moz-animation: flickerAnimation 15000ms infinite;
   -o-animation: flickerAnimation 15000ms infinite;
    animation: flickerAnimation 15000ms infinite;
}






@media (min-width: 1920px){
.containerxl {
    margin: 0 auto;
    max-width: 1920px;
    width: calc(1920px - 20px);
	}
.bg_index {
	/*background: #8e97a6 url("/images/edificioscertxl.jpg") no-repeat right bottom; */
		
	}
}

/*----*/
:root {
  --width: 100vw;
  --full-width: 100vw;
  --angle: 60deg;
  /*-----------------
  Magic Number Alert:

  the 0.09719 is calculated by this formula:
  tan(11°) / 2
  11° is the current skewY value.
  ------------------*/
  --magic-number: 0.09719;
  --skew-padding: calc(var(--width) * var(--magic-number));
  --clip-padding: calc(var(--full-width) * var(--magic-number));
}
@media (min-width: 42em) {
  :root {
    --width: 42rem;
  }
}
*, *:before, *:after {
  box-sizing: border-box;
}
/*----*/
.triangle {
  position: relative;
  padding: var(--skew-padding) 0;
  margin-top: -1px;    
overflow: hidden;
}
.triangle:before {
  content: "";
  position: absolute;
  left: -45%;
  top: 0;
  right: 0;
  bottom: 0;
	width:auto;
	height:300vh;
  transform: rotate(var(--angle));
  transform-origin: 50% 0;
  outline: 1px solid transparent;
  backface-visibility: hidden;
}
	.bg_index:before {
  background: rgba(46,66,95,.80);
}

/*----*/
.indexservicios .background {
    min-height: 200px;
}
.indexservicios .row {
    padding: 7em 0 3em 0;
}
.indexservicios .contenido {
    padding: 1em 2em 2em 3em;
    text-align: center;
    min-height: 400px;
}
.indexservicios h1 {
    font-size: 2.2em;
    padding: 1em 0.5em 0em .5em;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 13px #494949, 0 0 13px #494949;
}

.indexservicios h2 {
    font-size: 1.8em;
    padding: 0em .5em 0em .5em;
}
.indexservicios h2, .indexservicios h1 {
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 0.6em;
    line-height: 1.2em;
}
.indexservicios .contenido p {
    padding: .5em 0em 0em 0em;
    font-size: 1.1em;
	text-align: justify;
}
.conoce h2 {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #4F99DF;
}
#banner-wrapper h1
  {	color:#fff;
      font-family:'Open Sans', 'sans-serif';
      font-size: 2em;
      font-weight: 700;
      line-height: 1.25em;
      text-align:left; /*yo lo puse por si quería alinearlo a la derecha*/
      text-shadow: 0 0 13px #494949, 0 0 13px #494949;
      letter-spacing: 1.5px;
      padding: 0em 0.5em 1em 0;
  }
/* Reusable */

.background {
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    transition: opacity .3s linear;
}
.mpd-bg {
    background-image: url(/images/london.jpg);
}
.lc-bg {
    background-image: url(/images/volleyball.jpg);
}
.btn-reunion {
	color: #fff;
    background-color: rgba(129,176,211,1.00);
    border-color: rgba(91,156,168,1.00);
    line-height: 1em;
    font-size: 1em;
    padding: .6em;
    letter-spacing: .1em;
    font-variant: small-caps;
    margin: 1.7em 0 1.3em 0;
	align-self:center
	}
	article.blog-post {
		position: relative;
	}

		article.blog-post .comments {
			position: absolute;
			top: 0;
			right: 0;
			height: 32px;
			line-height: 24px;
			padding-left: 40px;
			background: url('images/icon-bubble.png') no-repeat;
		}

	ul.small-image-list {
	}

		ul.small-image-list li {
			overflow: hidden;
			margin-bottom: 1.5em;
		}

	ul.big-image-list {
		text-align: center; 
		padding: 0 1em;
	}

		ul.big-image-list li {
			overflow: hidden;
			border-radius: .5em;
			height:70vh;
		}
		ul.big-image-list img {
			margin-bottom: 0em;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
			height: 70vh;
			
		}		 
		
	ul.medium-image-list { /* agregado */
		padding:1em 1em 0.25em 1em;
		text-align: center
	}

		ul.medium-image-list li {
			overflow: hidden;
			margin-bottom: .5em;
			
		}
		ul.medium-image-list img {
			width:50%;
			height:50%;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;	
			box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.3);
		}
	ul.link-list {
		
	}

		ul.link-list li {
			border-top: solid 1px #ced0b7;
			padding: 0.4em 0 0 0;
			margin: 0.4em 0 0 0;
			font-family:verdana;
			font-size:0.9em;
		}
		
		ul.link-list li:first-child {
			padding-top: 0;
			margin-top: 0;
			border-top: 0;
		}

	.button {
		display: inline-block;
		padding: 10px 15px 10px 15px; /*15px 25px 15px 25px; */
		background-color: #007b9d;
		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: -o-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
		border-radius: 10px;
		text-transform: lowercase;
		text-decoration: none;
		color: #fff;
		font-size: 1.2em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}

	.button:hover {
		background-color: #118eb1;
		background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1));
		background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -o-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: linear-gradient(top, #1b9fbe, #118eb1);
		box-shadow: inset 0px 0px 0px 1px #3ecceb;
	}
	
/*texto sobre imagen*/
.linkimg {
	position: relative;
	display: flex;
  justify-content: center;
}
.textimg {position:absolute;
	top:5%;
	width: 100%;
	z-index: 5;
} 
.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color:rgba(79,129,189,.70);
	border-radius: .5em;	
}
.linkimg:hover .overlay {
  opacity: 1;
}
/*fin texto sobre imagen*/

.nodisplay {
		display: none;
	}
#header-wrapper	h1 {
		font-family: 'AvenirNextLTPro-Regular','Open Sans', sans-serif; 
		color: rgba(84,107,118,.70); /*verde logo 3E9331, era #007897 calipso */
		display: inline;
		font-size: 1em;
	}
	.feature-image
	{
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15); /* agreagado por mi*/
	}

	.feature-image img
		{
			display: block;
			height: 100%;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff;
		padding: 0px;
		/*box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);*/
		margin: 0 0 0em 0;
		outline: 0;
	}
	
	.bordered-feature-image img
	{
		display: block;
		width: 70%;
	}
/* Features AGREGADO   *****************************/	
	#features-wrapper
	{
		background: rgba(52,82,109,.15);
		padding: 10% 0 5% 0;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
		box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.20), inset 0px -3px 6px 0px rgba(0,0,0,0.20);
	}

	#features
	{
		color: #546b76;
		font-size: 1.1em;/* 1.25em;text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
		
	}

	#features h3
		{
		font-size: 1.2em;		
		font-weight:bold;
		padding: 1em 0 0.6em 0;
		/*background: url('/images/rayaamar.png') no-repeat;
		background-position: 120px 27px;*/
		}
		#features h3 a:hover
		{
			color: #339966;  
		}
		#features h3::before {
			font-family: "FontAwesome";
			content: "";
			margin-right:0em;
			text-shadow: 0px 0px 0px rgba(0,0,0,0); 
		}	
		#features a
		{
			color: #546b76;
			text-decoration: none;
		}
		#features a:hover 
		{
			color: #546b76;
			text-decoration: underline;
		}		
		#features strong
		{
			color: #000;
		}

		#features h2
		{
			font-size: 2.5em;
			color: #ffffff;
			margin: 0 0 0.25em 1em;
			text-align: left;
			/* para girar la letra: */
			transform-origin: 0 0;
			transform: translateX(10%) translateY(0%) rotate(90deg);
			transition: 1s;

		}
		#features a:hover h2  {/* efecto crece y alarga texto */
			font-size: 2.7em;
			letter-spacing: 5px;
} 
		#features p 
		{
			line-height: 1.5em;
			letter-spacing: 0em;
			font-size: 1em;
			padding: 2em 1em 1em 6em;
			color: #fff;
			text-align: left;
		}

/* fin features */	


/* varios wrapper */
	#varios-wrapper
	{
		background: #ffffff;
		border-top: solid 1px #DDE1E1;
		padding: 7% 0 6% 0;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
	}
	#varios h4
	{	
		padding-top: .7em;
		font-size:1.3em;
		
	}
	#varios
	{
		color: #546b76;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
		/*color: #a0a8ab;*/
	}
#varios section a i, #varios section a h4{
		color:#546b76;
	}
#varios section:hover i, #varios section:hover h4{
		color:#ffffff;
	}


	#varios section
		{
			padding: 5%;
			text-align: center;
			border: 1px solid #cccccc;
			border-radius: .3em;
			min-height: 9em;
			transition: 1s; 
			background:  rgba(52,82,109,.1);
			display: flex;
    justify-content: space-around;
    align-items: center;
			box-shadow: 2px 2px 2px 0px #d8d8d8;
		}
			
		
#varios section:hover
		{
		
		background: #a3cdef;
			
		}
	#main section {
		padding: .7em;
		min-height:18em;
	}
	 .bg1 {
		background: #d4e2e6;
	}
 .bg2 {
		background: #D1EEF7;
	}
 .bg3 {
		background: #ececec;
	}
 .bg4 {
		background: #ebf9fd;
	}

/* Footer */

	#footer-wrapper {
		background: rgba(40, 79, 115,1); /*#005293 agregado todo*/
	    padding: 2% 0 2% 0;
	}
	#footer-wrapper p
	{
		color: rgba(135,191,238,1);
	}	

	#footer-wrapper a {
		color: rgba(135,191,238,1);
		text-decoration: none;
	}
	#footer-wrapper a:hover {
		color: #fff;
		text-decoration: underline;
	}	
.avisocovid {position:absolute; font-family: 'Verdana';bottom:0%; right:1%; border:8px solid #E6E6E6; width:98%; height:auto; margin-left:0px; padding: 8px; font-size: 0.9em; color: #666666; line-height: 1.3em; z-index:3; background-color: #FFFFFF;}
/* Copyright */

	.copyright {
    text-align: center;
    color: #fff;
    border-top: solid 1px rgba(255,255,255,.5);
    padding: 0em 0em 29px 0em;
    margin: 0% 0 0 0;
    font-size: 0.8em;
    background: rgba(19,35,50,1.00);
	}
	#copyright a {
			color: #fff; /* A6A88F*/
		}
	#copyrightfix {
		position: fixed;
		bottom: 0;
		width: 100vw;
		z-index: 3;
		background: rgba(19,35,50,1.00);
	}
	#main {
		margin-top:0px;
		padding: 9% 0 10% 0;
    	box-shadow: 12px 0px 7px 1px rgb(50 50 50 / 61%);
	}
		#main .controls {
		}

		#main a
		{
			color: #546b76;
			text-decoration: none;/* agregado */
		}
		#main a:hover /* agregado */
		{
			color: #546b76;
			text-decoration: underline;
		}		
	#main p /* agregado */
	{
		line-height: 20pt;
		font-size: 1.05em;
	}
	.main-image/* agreagado por mi*/
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
		outline: 0;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.4); border-radius: .5em .5em .5em .5em;
	}
	
	.main-image img{
		display: block;
		width: 100%;
	}

/* páginas internas wrapper */
	#pagint-wrapper
	{
		background: #F4F7F7;
		border-top: solid 0px #DDE1E1;
		padding: 25px 0 25px 0;
	}
	#pagint-wrapper p
	{ 
		font-size: 1em;
	}
/*FORMULARIO neoteo*/ 

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:100%;
    list-style-type:none;
    margin:0px;
    padding:0px;
	font-size:0.9em
}
.contact_form li{
    padding:5px;
    position:relative;
}
.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
    /*height:20px;*/
    padding:2px 4px;
	width:70%;
}
.contact_form textarea {
    padding:8px;
    width:70%;
}
.contact_form button {
    margin-left:10px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 0.8em;
    padding-right:30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
    padding-right:80px;
}

/* === Estilos de Validacion === */    

.contact_form input:required:valid, .contact_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
   padding: 0.5em 1em;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
    opacity:.55;
    cursor: pointer;
    color: #fff;
}
button.submit:active {
    border: 1px solid #fff;
    box-shadow: 0 0 10px 5px #444 inset;
}
/* fin formulario */

/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		cursor: default;z-index:2;
		font-family: 'verdana'; 
	}

		#nav > ul > li
		{
		}
		
			#nav > ul > li > a
			{
				border: 0;
				text-decoration: none;
				/*text-transform: lowercase;*/
				font-weight: 300;
				outline: 0;
			}

				#nav > ul > li > a:before
				{
					display: inline-block;
					background: #; /*define color del circulo del icon 878787*/
					color: #FFDB4A;/* define color del icon e4e4e4*/
					width: 1em; /* define tamaño del circulo del icon*/
					height: 1em; /*define tamaño del circulo del icon*/
					border-radius: 1em;/* define tamaño del circulo del icon*/
					/*line-height: 1.45em;/* define tamaño del circulo del icon*/
					text-align: center;
					box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0);
					margin-right: 1.2em;

					-moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
					transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
				}
		
				#nav > ul > li > a > span
				{
					-moz-transition: color 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out;
					-o-transition: color 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out;
					transition: color 0.25s ease-in-out;
				}

			#nav > ul > li.active,
			#nav > ul > li:hover
			{
			}

				#nav > ul > li.active > a,
				#nav > ul > li:hover > a
				{
				}

					#nav > ul > li.active > a:before,
					#nav > ul > li:hover > a:before
					{
						background: #; /* color hover del circulo de icono era ED786A */
						color: #ccffff;
					}
			
					#nav > ul > li.active > a > span,
					#nav > ul > li:hover > a > span
					{
						color: #ccffff; /*color over de los main items menu principal*/
					}
					
					
/*********************************************************************************/

/* atibutos de despliegue - agregado  
(http://tyleruebele.com/weblog/details-shim) 
esto, junto a details-shim.js  hacen que details funcione con FF e IE9 */

details, summary {display: block;}
details.closed > * {display: none;}
details.closed > summary {display: block;}
details.open   > summary {display: block;}
details.closed > summary:before {display: inline-block; content: "\25b6"; padding: 0 0.1em; margin-right: 0.5em; font-size: 0.9em;}
details.open   > summary:before {display: inline-block; content: "\25bc"; padding: 0; margin-right: 0.5em;}
summary:hover { cursor: pointer; }
details summary { cursor: pointer; margin-top: 15px; }

/***************
/* Form validator */

.help-block {
    display: inline;
    padding-left: 6px;
    font-size: 85%;
}

span.form-error.help-block {
    display: block;
    color: #990000;
    margin-top: 6px;
    padding-left: 0;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
}

input.valid {
    background: url(/images/icon-ok.png) no-repeat right center;/*background: url(/images/icon-ok.png) no-repeat right center #e3ffe5; */
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(/images/icon-fail.png) no-repeat right center; /*background: url(/images/icon-fail.png) no-repeat right center #ffebef;*/
    color: #480000;
}

.form-suggest-element {
    padding: 4px;
}

form.validating-server-side .server-validation {
    background: url(../img/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars {
    background: #EEE;
    color: #999;
}

.form-help {
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}


/*** boton inicio:*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    /* padding: 6px 12px; */
    font-size: .9em;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.20);
}

.btn-turqueza {
    color: #fff;
    background-color: rgba(129,176,211,1.00);
    border-color: rgba(91,156,168,1.00);
    line-height: 1.7em;
}

	.btn:hover
	{
		background: rgba(129,194,211,1);
		text-decoration: none;
		
	}

	.btn:active
	{
		background: rgba(114,159,192,1.00);
	}

	#marco { /*marco de texto principal dentro de las pág. interiores */
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	margin: 0;
	padding: .8em .4em .4em 1.3em;	
	border-radius: 5px;/*border-bottom-right-radius:*/
	background: #fff;	border: 1px solid #a6c9e2;
	}
.ui-dialog-search{overflow:hidden;} /*para el menú de certificaciones*/