@charset "utf-8"; /* CSS Document */

.parpadea { 
  animation-name: parpadeo;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

 /* -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;*/
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

/*-----------------------------------*/
/*** style simulación title **/
.title {position: relative; z-index: 0; text-decoration:none;}
.title:hover {background-color: transparent; z-index: 1;}
.title span.sptitle { 
		border-radius:5px;
		padding: 5px;
		position: absolute;
		text-decoration: none;
		color: #FFFFFF;
		/*background-color:rgba(2,79,112,1.00);*/
		background-color:rgba(41,137,177,1.00);
		width:12em;
		text-align: center;
		visibility: hidden;
		line-height: 12px; 
		/* adicionals para evitar desconfiguración */
		letter-spacing:normal; font-size:11px; font-weight:normal;
}
.title:hover span.sptitle {visibility: visible; top: 25px; left: -50px;}
@media screen and (max-width:550px){.title:hover span.sptitle {visibility:hidden;}}


/*-----------------------------------*/
/*** STYLE UPPER PAGE ***/
.upper{width:100%;height:25px;padding:10px 0;background:#F5F5F5;text-align: center;}
.menu{width:90%;font-family: 'Titillium Web', sans-serif;margin:0 auto;}
.menu span[class*="icon-"]{padding-right:20px;font-size:17px;color:#C7C7C7;cursor:pointer;vertical-align:middle;}
.menu span[class*="icon-"]:hover, .navlnk:hover{color:#A16900;}
.menu div{font-size:16px;color:darkgray;float:right;}
.navlnk{color:darkgray;padding:0 5px;} 


/*-----------------------------------*/
/* MENU LATERAL*/
.rspm{float:left;height:100%;width:280px;left:0;position:fixed;z-index:0;} 
.allpage{padding:0;position:absolute;z-index:5;left:0;width:100%;box-shadow:3px 5px 20px 2px black;background:white;}
.rspmenu{height:100%;background:rgba(26,74,104,1.00);}
.rspmenu a{color:#D8D6D6;padding:10px 30px;margin:0 auto;text-align:left;display:block;text-decoration:none;font-size:15px;background-image: linear-gradient(to left, transparent, transparent 50%, rgba(9,36,69,.2) 50%, rgba(9,36,69,.53)); background-position: 100% 0;
  background-size: 200% 100%; transition: all .25s ease-in;}
.rspmenu a:hover{font-size:17px; background-position: 0 0; }
.rspmenu a.acln,.rspmenu a.acln:active,.rspmenu a.acln:hover{color:#2753A0;font-weight:bold;font-size:16px;background:rgba(219,204,3,.8);}	
.close{text-align:right;padding:25px 30px 20px 0px;}
.close span{color:white;font-size:30px;cursor:pointer;font-family: 'Montserrat', sans-serif;font-weight:700;}  .close span:hover{color:rgba(81,175,170,1.00);}



/*-----------------------------------*/
/*** STYLE PAGE CENTER **/ 
.menuoa img{height:50px;border:0;} /*logo del sitio*/

/* menu link sitio*/
.mmen{width:100%;box-shadow:none;background:none;position:static;animation:up 0s;z-index:2;}
.fix{position:fixed;top:0;box-shadow:0px 2px 8px 1px rgba(0,0,0,.8);					
			background:rgba(0,51,102,0.75);animation:top 0.3s;}

	@keyframes top 		{0%{top:-100px;} 100%{top:0;} }
	@keyframes up 		{
			0%{box-shadow:0px 2px 8px 1px rgba(0,0,0,.8);background:rgba(0,51,102,0.75);}
			100%{box-shadow:none;background:none;} }

.mmen div{width:90%;padding:12px 0 5px;margin:0 auto;position:relative;}
.menuoa span[class*="icon-"]{font-size:40px;float:right;cursor:pointer;}

/* links adicionales del sitio */
.lnknavi{font-size:0.8em;position:absolute;right:85px;top:22px;letter-spacing:0.06em;}
.lnknavi a, .lnknavi a:active{color:#936C00;font-family: 'Open Sans', sans-serif;
		text-decoration:none;padding-left:15px;font-weight:bolder;}
.lnknavi a:hover{color:orange;}


/* contenido sitio*/
.pagedata{width:100%;padding-top:75px;margin:0;}
.sitepgdat{border:1px solid #C3C3C3;margin:0 auto;width:90%;max-width:1130px;padding:30px 0;}


/*** botones sociales /share - like - tweet/ **/
.shrbuttons{width:100%;text-align:center;padding:30px 0;}
.vin_soc{margin:0 auto;padding:0;height:20px;text-align:center;}
.vin_soc tr td{padding:5px;}
.vin_soc div[class*="fb-"]{padding-bottom:11px;display:block;*z-index:-1;}
@media screen and (max-width:590px){.vin_soc div[class*="fb-"]{padding-bottom:10px;} .vin_soc tr td{display:inline-block;} }


/**** up conent site ****/
#IrArriba{position:fixed;bottom:35px;right:20px;cursor:pointer;} 
#IrArriba span[class*="icon-"]{display:block;font-size:30px;color:white;opacity:0.5;text-shadow:0 1px 8px black;} 
#IrArriba span:hover{opacity:0.65;}


/*-----------------------------------*/
/*** STYLES PIE DE PAGINA ***/
footer{width:100%;font-family: Verdana, "sans-serif"; font-size:11px;
		text-align: center; background: url(img/bckfirst-down.jpg); background-position: center center;
		background-size: cover; background-repeat: no-repeat;padding:50px 0;}
		
footer, footer a, footer a:active{color:#aaa9a9;/*color:#7ABBDB;*/line-height:2em;text-decoration:none;}
footer a:hover{color:white;}
.fotxt{width:90%;margin:0 auto;max-width:1000px;}
.footweb{width:90%;max-width:1000px;padding-top:30px;margin:0 auto;line-height:1.6em;display:inline-block;}
.linkweb{float:left;text-align: left; width:190px;} 
.linkweb a{display:block;padding:5px 0;text-decoration:none;border-bottom:#aaa9a9 1px solid;}
.mail:hover{color:#FFFFFF;cursor:pointer;}
.placeoaca{float:right;text-align:left;width:322px;}
.webmail{text-align:left;font-size:10px;width:90%;max-width:1000px;padding-top:30px;margin:0 auto;line-height:1.6em;} .webmail span{float:right;} 
#visit{border-bottom: rgba(242,252,204,.6) 1px solid;padding:3px 6px; color:rgba(242,252,204,0.69);}
.webmail a{padding-right:30px;}

.sclfooter{width:100%;padding:20px 0;border-bottom:1px dashed rgba(255,255,255,0.51);} .sclfooter a{margin:0 auto;}
.sclfooter span[class*="icon-"]{font-size:22px;padding-right:40px;}
.sclfooter span.icon-whatsapp{padding:0;}

/*** STYLES LOGIN PARA CATÁLOGOS ***/
logindate{width:100%;height:100%;padding:0;margin:0;position:fixed;background:rgba(8,37,71,0.8);z-index:30;top:0; visibility:hidden;}
.acces_login{color:#0B2C41;width:355px; height:AUTO;background:white;margin:0 auto;position:relative;border-radius:8px;box-shadow:0 0 80px black; top:-1000px;}
.acclos{font-size:22px;text-align:right;width:95%;padding:15px 0;font-weight:bolder;font-family:Verdana, "sans-serif";color:gray;}
.acclos:hover{color:darkslategray;cursor:pointer;}
.acces_txt{width:93%;border-top:1px solid #D7D7D7;margin:0 auto;padding:10px 0;font-size:13px;line-height:1.5em;}
.acces_txt input{width:90%;padding:10px;margin:15px 0;border:none;border-bottom:1px solid orange;font-size:14px;font-family: 'Titillium Web', sans-serif;color:darkslategray;}
.acces_txt input:focus{outline:none;border:none;border-bottom:2px solid orange;}
.acces_ok{width:80px;padding:10px;font-weight:bolder;border:none;background:#0D2455;color:white;text-align:center;cursor:pointer;margin-bottom:8px;}
.acces_txt a{color:darkslategrey;font-size:11px;}
/**** MENSAJE ERROR ****/
.mmsnlogan{color:#FFFFFF;font-size:14px;padding:15px 0;width:100%;margin:0 auto;font-weight:bold;text-align:center;position:absolute;margin-top:20px;}




/*---------------- responsive contenido sitio -----------------------*/

@media screen and (max-width:600px){
	/*** responsive menu suprior ***/   .menuoa img{height:38px;} }


@media screen and (max-width:890px){
	/*** responsive menu links adicionales ***/ 	.lnknavi{visibility:hidden;} }


@media screen and (max-width:550px){
/** UPPER STYLE **/  .ubicacion{display: none;} .social{margin:0 auto; float:none;}

/** FOOTER STYLE **/
.footweb, .linkweb,.placeoaca,.webmail{display:block; float:none;}
.webmail a{visibility:hidden;} .webmail span{text-align:center;width:100%;} .webmail{padding:3px 0;}
.linkweb{width:100%; text-align: center;padding-bottom:20px;}
.linkweb a{border-bottom:1px dashed; padding:10px 0;}
.placeoaca{line-height:2em;}
}