/*********************************************************************************/
/* Mod para versiones theme Black y White                                        */
/*********************************************************************************/

/*********************************************************************************/
/* #Main MOD                                                                     */
/*********************************************************************************/

#main
{
/*    margin: 0; */
    padding: 0;
    transition: 0.5s;
}

#main.night
{
font-family: 'Source Sans Pro', sans-serif;
/*background-image: url("../images/wall.png");*/
background: #FFF;
text-decoration: none;
color: #000 !important;
font-size: 13pt;
}

#main.night a
{
	text-decoration: none;
font-weight: normal;
color: #000;
}


#main.night header h1
{
font-family: 'Orbitron', cursive;
font-size: 1.3em;
color: #000;
}


/*********************************************************************************/
/* #sidebar MOD                                                                  */
/*********************************************************************************/

#sidebar.night header h2
	{
font-family: 'Orbitron', cursive;

		font-size: 1.3em;

	}

#sidebar.night
{
color: #000;
}


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

#nav.night
	{
	}

#nav.night ul
		{
			display: inline-block;
			padding: 0em 3em;
			border-radius: 40px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );


border: 2px solid #000;
font-family: 'Source Sans Pro', sans-serif;

-webkit-box-shadow: 5px 7px 7px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 7px 7px 5px rgba(0,0,0,0.75);
box-shadow: 5px 7px 7px 5px rgba(0,0,0,0.75);
		}


#nav.night > ul > li
		{
			display: inline-block;
		}
		
			#nav.night > ul > li:last-child
			{
				padding-right: 0;
			}


#nav.night span
			{
color: #9f0000; /* Establecemos color iconos del menu */
}

#nav.night span:hover
			{
color: #9f0000 !important; /* Establecemos color hover y animacion iconos del menu */
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition: all 500ms;
}


	#nav.night > ul > li > a,
			#nav.night > ul > li > span
			{
				display: block;
				padding: 1.3em 1.5em;
				/*letter-spacing: 1px;*/
				text-decoration: none;
                                position: relative;
				/*font-weight: 200;*/
				font-size: 1em;
				outline: 0;
				color: #FFF;
/*font-family: KyrillaSansSerif-Bold;*/
font-family: kremlin;
font-weight: 50;
text-transform: uppercase;
			}


/*********************************************************************************/
/* Fondo degrade con efecto hover NIGHT                                               */
/*********************************************************************************/

	#navPanel.night
	{

/*background: #ddd url(../images/texture.jpg) no-repeat center;
background-size: cover;*/

background: #2f3640;
color: #FFF;
        }

/*
#navPanel.night a:hover,
	{
background: #262626 !important;
transition: all 300ms;
	}
*/

#navPanel.night .link
	        	{
			display: block;
			color: #FFF;
			text-decoration: none;
			height: 44px;
			line-height: 44px;
			border-top: solid 1px #000 !important;
			padding: 0 1em 0 1em;
			text-transform: uppercase;
/*text-indent: 18px;*/
text-align: center;
		        }

#navPanel.night .link.depth-0
			{
color: #FFF;
}

#navPanel.night .link.depth-0:hover 
			{
color: #3498db;
}


/*********************************************************************************/
/* Efecto animacion subrayado en menu                                            */
/*********************************************************************************/

#nav.night > ul > li > a:before{
    content: '';
    position: absolute;
    bottom: 20px;
    width: 0px;
    height: 2px;
    background: #9f0000;
    transition: all 300ms;
}

#nav > ul > li > a:hover:before{
    width: 59%;
}	

#nav.night > ul > li > a:hover
{
color: #FFF;

background: -moz-linear-gradient(top,  rgba(159,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(159,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(159,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a69f0000', endColorstr='#00000000',GradientType=0 );


border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
transition: all 1s;

}

#nav.night li.active a
{
/*color: #FFF !important;*/

} 

#nav.night > ul > li > ul
			{
				display: none;
			}



#nav.night > ul > li > a,
#nav > ul > li > span
			{
text-shadow: none;
}

/*********************************************************************************/
/* #Header MOD Fondo                                                             */
/*********************************************************************************/


#header.night
	{
		position: relative;

		background: #ddd url(../images/header2.jpg) no-repeat center;
		background-size: cover;

	} 


/*********************************************************************************/
/* #Footer MOD                                                                           */
/*********************************************************************************/

#footer.night
{

background: url(../images/arena.jpg) no-repeat center;

background-size: cover;
}

#footer.night header h2
	{
font-family: KyrillaSansSerif-Bold;
		color: #FFF !important;
position: relative;
	}


/*********************************************************************************/
/* #Copyright MOD                                                                */
/*********************************************************************************/

#copyright.night
{
background: #FFF;
/*background-image: url("../images/wall.png");*/
color: #000;

position: relative;
}

#copyright.night a
	{
		text-decoration: none;
		color:   #000;

position: relative;
	}

/*********************************************************************************/
/* Boton Search                                                                  */
/*********************************************************************************/

.btn-search.night
{
position: absolute;
background: #9f0000;
color: #FFF !important;
/*border: 2px solid #9f0000;*/
float: right;
width: 45px;
height: 40px;
/*border-radius: 50%;*/
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
}

.btn-search.night:hover {
background: none;
/*border: 2px solid #9f0000;*/
color: #9f0000 !important;
transition: all 500ms;
text-decoration: none !important;
}


/*********************************************************************************/
/* Iconos                                                                        */
/*********************************************************************************/

.icon-youtube
{
font-size: 3.3em;
color: #9f0000;
}

.icon-instagram1
{
font-size: 3.2em;
color: #FFF;
}

.icon-instagram1.night
{
font-size: 3.2em;
color: #000;
}

/*********************************************************************************/
/* Boxes & Circles                                                               */
/*********************************************************************************/





span.cbox.night {
background: white;
border: 1px solid #d1d1d1;
border-radius: 0px 0px 0px 0px;
padding: 10px;
display: block;
transform: skewY(-1deg);
box-sizing: border-box;
}

span.cbox.night:before {
content: '';
position: absolute;
top: -15px;
left: 0;
width: 100%;
height: 15px;
background: #DDD;
transform-origin: bottom;
transform: skewX(45deg);
transition: 0.5s;
box-sizing: border-box;
}

span.cbox.night:after {
content: '';
position: absolute;
top: -15px;
left: -15px;
width: 15px;
height: 100%;
background: #f2f2f2;
transform-origin: left;
transform: skewY(45deg);
transition: 0.5s;
box-sizing: border-box;
}

span.cuad.night {

background: #ebf5f6;

/*background-image: url("../images/wall.png");*/

background: rgb(242,245,246);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
/*
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 2px solid #000;
*/
padding: 10px;
display: inline-block;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);

border-top: none !important;
/*letter-spacing: 1px;*/
width:100%;
}


span.cuad-net.night {

background: #ebf5f6;

/*background-image: url("../images/wall.png");*/

background: rgb(242,245,246);
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%);
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
/*
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 2px solid #000;
*/
padding: 10px;
display: inline-block;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);

border-top: none !important;
/*letter-spacing: 1px;*/
width:100%;

color: #555 !important;

padding-bottom: 30px;
}


span.cuad2.night {

/*background-image: url("../images/fondo.jpg");*/
font-family: KyrillaSansSerif-Bold;
background: rgb(181,189,200);
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );

text-align: center;

color: white !important;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
  
width: 100%;
height: 100%;
display: inline-block;

/*padding: 20px;*/
font-size: 1.2em;

}

/*********************************************************************************/
/* Menu Toggle                                                                   */
/*********************************************************************************/

#titleBar.night .toggle:before
			{
				content: '';
				display: block;
				width: 45px;
				height: 45px;

background: rgba(169,3,41,1);
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
 
border-radius: 50%;
position: absolute;
left: 10px;
top: 10px;
border: solid 2px #FFF;
			}


#titleBar.night .toggle:hover:before { 

background: rgba(169,3,41,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );

opacity: 0.9;
  
}		
	


/*********************************************************************************/
/* Bafle texto Matrix Copyright                                                  */
/*********************************************************************************/


.data {
      font-size: 12px;
      letter-spacing: 5px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}


/*********************************************************************************/
/* Icono Sol Giratorio                                                           */
/*********************************************************************************/

.icon-sun:hover{
/*
-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
*/

/*
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition: all 500ms;
*/
}


/*********************************************************************************/
/* Estilos caja DDHH                                                             */
/*********************************************************************************/

span.ddhh {
position: relative;
background: black;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 2px solid #ffffff;
/*padding: 10px;*/
display: inline-block;
color: #FFF !important;
font-family: 'Roboto Slab', serif;
text-align: center;
font-size: 2em;
}

span.ddhh.night {
background: white;
color: #FFF !important;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 2px solid #000;
margin: 10px;
display: inline-block;
}

span.ddhh:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(16px) rotate(45deg);
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
background: black;
}

span.ddhh.night:before {
content: '';
position: absolute;
width: 30px;
height: 30px;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(16px) rotate(45deg);
border-bottom: 2px solid #000;
border-right: 2px solid #000;
background: white;
}

.title-box {
width: 100%;
height: 50px;
line-height: 50px;
background: #fff url(../images/wall.png) repeat center;
color: #000;
text-aling: center;
border-radius: 18px 18px 0px 0px;
-moz-border-radius: 18px 18px 0px 0px;
-webkit-border-radius: 18px 18px 0px 0px;
border-bottom: 2px solid white;
}

.title-box.night {
width: 100%;
height: 50px;
line-height: 50px;
background: #000;
color: #FFF;
text-aling: center;
border-radius: 18px 18px 0px 0px;
-moz-border-radius: 18px 18px 0px 0px;
-webkit-border-radius: 18px 18px 0px 0px;
border-bottom: 2px solid white;
}




/*********************************************************************************/
/* Estilos CITAS blockquote                                                      */
/*********************************************************************************/

.wb-quote {
font-family: Roboto Slab;
font-size: 1em;
/*float: right;*/
color: white;
font-weight: bold;

position: absolute;
right: 5px;
bottom: 0;
padding: 0;



/*line-height: 30px;*/
}

.wb-quote:before {
content: '\2014\0020';
}

.wb-quote:after {
content: '\0020\2014';
}


.wb-quote.night {
/*font-family: Orbitron;*/
font-size: 1em;
/*float: right;*/
color: black;
font-weight: bold;

position: absolute;
right: 5px;
bottom: 0;
padding: 0;

}

.wb-quote.night:before {
content: '\2014\0020';
}

.wb-quote.night:after {
content: '\0020\2014';
}

.ludwig {
  position: relative;
  padding-left: 0.5em;
  border-left: 0.2em solid lighten($black, 40%);

padding-top: 0 !important;
padding-bottom: 20px !important;
padding-right: 10px;
line-height: 1.7em;

/*background: #111;
padding-right: 10px;*/
/*line-height: $base-line-height;*/

  font-weight: 100;
  &:before, &:after {
      content: '\201C';
      color: lighten($black, 40%);
   }
   &:after {
      content: '\201D';
   }
}


.ludwig.night {
  position: relative;
  padding-left: 0.5em;
  border-left: 0.2em solid lighten($black, 40%);
  
background: #f1f1f1;
/*padding-right: 10px;*/

padding-top: 0 !important;
padding-bottom: 20px !important;
padding-right: 10px;
line-height: 1.7em;

  /*line-height: $base-line-height;*/
  font-weight: 100;
  &:before, &:after {
      content: '\201C';
      color: lighten($black, 40%);

   }
   &:after {
      content: '\201D';
   }
}


blockquote {
  margin-bottom: 1em;
}


/*
.ludwig::after {
content: "\0020\201D";
font-size: 3em;
color: white !important;
font-family: Arial;    

position: relative;
top: 18px;
}
*/

.ludwig::before {
content: "\201C\0020";
font-size: 4em;
color: white !important;
font-family: Arial;

position: relative;
top: 30px;
}

.ludwig.night::before {
content: "\201C\0020";
font-size: 4em;
color: #555 !important;
font-family: Arial;

position: relative;
top: 30px;
}



/*********************************************************************************/
/* IMAGENES RESPONSIVE                                                           */
/*********************************************************************************/

.pics
{
max-width: 500px;
margin: 0 auto;
}

/* Bounce To Right INICIO */
#navPanel.night .link:nth-child(1) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#navPanel.night .link:nth-child(1):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );
}



#navPanel.night .link:nth-child(1):hover, #navPanel.night .link:nth-child(1):focus, #navPanel.night .link:nth-child(1):active {
  color: white;
}



#navPanel.night .link:nth-child(1):hover:before, #navPanel.night .link:nth-child(1):focus:before, #navPanel.night .link:nth-child(1):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right BIBLIOTECA */
#navPanel.night .link:nth-child(2) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#navPanel.night .link:nth-child(2):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );
}



#navPanel.night .link:nth-child(2):hover, #navPanel.night .link:nth-child(2):focus, #navPanel.night .link:nth-child(2):active {
  color: white;
}



#navPanel.night .link:nth-child(2):hover:before, #navPanel.night .link:nth-child(2):focus:before, #navPanel.night .link:nth-child(2):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right VIDEOS*/
#navPanel.night .link:nth-child(3) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#navPanel.night .link:nth-child(3):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );

}



#navPanel.night .link:nth-child(3):hover, #navPanel.night .link:nth-child(3):focus, #navPanel.night .link:nth-child(3):active {
  color: white;
}



#navPanel.night .link:nth-child(3):hover:before, #navPanel.night .link:nth-child(3):focus:before, #navPanel.night .link:nth-child(3):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right DERECHO */
#navPanel.night .link:nth-child(4) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#navPanel.night .link:nth-child(4):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );
}



#navPanel.night .link:nth-child(4):hover, #navPanel.night .link:nth-child(4):focus, #navPanel.night .link:nth-child(4):active {
  color: white;
}



#navPanel.night .link:nth-child(4):hover:before, #navPanel.night .link:nth-child(4):focus:before, #navPanel.night .link:nth-child(4):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right NOTAS */
#navPanel.night .link:nth-child(5) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}


#navPanel.night .link:nth-child(5):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );
}



#navPanel.night .link:nth-child(5):hover, #navPanel.night .link:nth-child(5):focus, #navPanel.night .link:nth-child(5):active {
  color: white;
}



#navPanel.night .link:nth-child(5):hover:before, #navPanel.night .link:nth-child(5):focus:before, #navPanel.night .link:nth-child(5):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Bounce To Right CONTACTO */
#navPanel.night .link:nth-child(6) {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#navPanel.night .link:nth-child(6):before {
  content: "";
  position: absolute;
  z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
 -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

background: rgb(52,152,219);
background: -moz-linear-gradient(left,  rgba(52,152,219,1) 2%, rgba(52,73,94,1) 2%);
background: -webkit-linear-gradient(left,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
background: linear-gradient(to right,  rgba(52,152,219,1) 2%,rgba(52,73,94,1) 2%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#34495e',GradientType=1 );
}



#navPanel.night .link:nth-child(6):hover, #navPanel.night .link:nth-child(6):focus, #navPanel.night .link:nth-child(6):active {
  color: white;
}



#navPanel.night .link:nth-child(6):hover:before, #navPanel.night .link:nth-child(6):focus:before, #navPanel.night .link:nth-child(6):active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}