/* SIDEBAR PERFIL
----------------------------------------------------------------------------------------------------------------------*/


@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
#cssmenu {
  position: relative;
  margin-left:5%;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 90%;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #000;
  text-transform: uppercase;
  display: block;
  padding: 9%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  background: #292929;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #fff;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a {
  background: #292929;
  color: #fff;
}




 
#cssmenu > ul > li.open > a,
 {
  background: #292929;
  color: #ffffff;
}


 
#cssmenu ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid  ;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #151515;
  border-botom: 13px solid transparent;
  border-left: 125px solid transparent;
  border-right: 125px solid transparent;
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 0;
  bottom: -13px;
}
 
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 16px;
  padding: 5% 5% 5% 5%;
  border-bottom: 1px solid #dddddd;
  color: #000;
  font-weight: 500;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}










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


.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}



#boton_generico{
	font-family: 'PT Sans', sans-serif;
	padding-left:3%;
	padding-right:3%;
	padding-top:1%;
	padding-bottom:1%;
	font-size:1.3rem;
	background-color: #fff;
	color:#000;
	border:solid 3px #10ac98;
-moz-border-radius-topleft: 48px;
-moz-border-radius-topright:48px;
-moz-border-radius-bottomleft:48px;
-moz-border-radius-bottomright:49px;
-webkit-border-top-left-radius:48px;
-webkit-border-top-right-radius:48px;
-webkit-border-bottom-left-radius:48px;
-webkit-border-bottom-right-radius:49px;
border-top-left-radius:48px;
border-top-right-radius:48px;
border-bottom-left-radius:48px;
border-bottom-right-radius:49px;
opacity:.9;
cursor:pointer;
transition:All 1s ease;
}

#boton_generico:hover{
	opacity:0.6;
}




	input[type=text] ,input[type=password],input[type=email],input[type=number]
			{
				background: #EEE;
				border-radius: .25em;
				color: black;
				font-size: 1.2em;
				padding: .5em;
				transition:All 1s ease;
				height: 20px;

				border:solid 1px #707070;
 
			}

	input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus {
		-moz-box-shadow: -2px 0px 11px #7474f7;
-webkit-box-shadow: -2px 0px 11px #7474f7;
box-shadow: -2px 0px 11px #7474f7;
	}



	input[type=submit] 
		{

			
			cursor: pointer;
			padding: 1.2%;
			font-family: 'Raleway'


		} 
 

			    .slider {
			        width: 90%;
			         
			    }

			    .slick-slide {
			      margin: 0px 20px;
			    }

			    .slick-slide img {
			      width: 100%;
			      height:120px;

			    }

			    .slick-prev:before,
			    .slick-next:before {
			        color: black;
			    }


 /* ATTRIBUTES FOR THE CONTAINER (THIS HOW WE CENTER EVERYTHING)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination                       { clear: both; width: 100%; overflow: hidden }
.Zebra_Pagination ul                    { position: relative; left: 50%; list-style-type: none; margin: 0; padding: 0; float: left }
.Zebra_Pagination li                    { position: relative; float: left; right: 50% }

/* COMMON ATTRIBUTES FOR ALL THE LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a                     { padding: 4px; border: 1px solid #AAA; color: #333; text-decoration: none; margin: 0 2px; display: block; float: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
.Zebra_Pagination a:hover               { background-color: #DEDEDE; color: #222 }

/* "NEXT PAGE" AND "PREVIOUS PAGE" LINKS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.navigation          { border: 1px solid transparent; overflow: hidden; background-repeat: no-repeat }
.Zebra_Pagination a.previous            { background-image: url(larrow.png); background-position: left center; padding-left: 25px }
.Zebra_Pagination a.next                { background-image: url(rarrow.png); background-position: right center; padding-right: 25px }
.Zebra_Pagination a.disabled            { filter: alpha(opacity=20); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2 }
.Zebra_Pagination a.disabled:hover      { background-color: inherit; color: inherit }

/* hack for transparent borders in IE6 */
*html .Zebra_Pagination a.navigation    { border-color: #000001; filter: chroma(color=#000001) }

/* CURRENT PAGE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination a.current,
.Zebra_Pagination a.current:hover       { background: #0094D6; border-color: #0094D6; color: #FFF }

/* THE "..." SEPARATOR
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_Pagination span                  { color: #666; margin-right: 2px; display: block; float: left; padding: 8px 4px }



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

header  .redes img:hover {

-webkit-animation: cssAnimation 1.8917s 10 ease;
-moz-animation: cssAnimation 1.8917s 10 ease;
-o-animation: cssAnimation 1.8917s 10 ease;
	
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(2deg) scale(1) skew(1deg)  ; }
to { -webkit-transform: rotate(0deg) scale(0.7) skew(-1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(2deg) scale(1) skew(1deg)  ; }
to { -moz-transform: rotate(0deg) scale(0.7) skew(-1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(2deg) scale(1) skew(1deg)  ; }
to { -o-transform: rotate(0deg) scale(0.7) skew(-1deg) translate(0px); }
}

           * {
				margin:0px;
				padding:0px;
				font-size: 12px;
				background:url("img/fondo.jpg") repeat;

			}





			header, nav, #main , footer, #cuerpo_index , #inscribete_iniciar{
			 	width: 100%;
			 	
			 	margin: 0px auto;
			 	
			 	margin:0px auto;
			 	
			}

			#mapa_google { 
			height: 450px;   }


			nav {
				
				margin-top: 1%;
				
				height:50px;

			}

			nav ul li {
				
				display: inline-block;
				
				padding-left:5%;

				font-family: 'Raleway', sans-serif;

				font-weight: 400; 


				
			}

			nav ul li a{

				text-decoration:none;
				color: #000;
				font-size: 1.5rem;

			}


			#menu_superior  { 
			color:#fff; }


			#menu_superior:hover  { 
			color:#009966 ; }




			#video-background {
    height: 100%;
     
    width: 100%;
}



#fondo_ophyra_parallax {

				/* ATENCION */
    background:url("http://ophyra.com/img/para_fondo_ophyra.jpg"); /* Nuestra imagen de fondo */
    background-repeat:no-repeat; /* Indicamos que no se repetira */
    background-size:cover; /* Encajamos la imagen al 100% del ancho */
    background-attachment: fixed; /* Establecemos una posicion fija para la imagen */

			}



#fondo_ophyra_parallax_2 {

				/* ATENCION */
    background:url("http://ophyra.com/img/para_fondo_ophyra_2.jpg"); /* Nuestra imagen de fondo */
    background-repeat:no-repeat; /* Indicamos que no se repetira */
    background-size:cover; /* Encajamos la imagen al 100% del ancho */
    background-attachment: fixed; /* Establecemos una posicion fija para la imagen */

			}



			nav ul li a:hover{

				
				color: #FFF;
				

			}





			nav #nav_1{
				
				height:50px;
				float:left;
				
			}

			nav #nav_2{
				
				
				width:5%;
				height:50px;
				float:left;
			}

			nav #nav_3{
					
				width:35%;
				height:50px;
				float:left;
			}


			nav #nav_3 a{ 
				
				color: #FFF;
			}



/*---------------- FUENTES --------------- */


.titulo {
	
	font-size: 1.8rem;
	text-align:center;
	font-family: 'Raleway',Helvetica,Arial;
	margin-bottom:1.5%; 
				margin-top:2%;
}


.titulo a {
	
	font-size: 1.8rem;
	text-align:center;
	font-family: 'Raleway',Helvetica,Arial;
	margin-bottom:1.5%; 
				margin-top:2%;
}


.sub_titulo {
	
	font-size: 1.3rem;
	text-align:center;
	font-family: 'Raleway',Helvetica,Arial;
	
	margin-top:2%;
	width:98%;
	padding:1%;
	background-color: #C9C9C9;
}



 

/*---------------- PERFIL --------------- */

sidebar {
	
	width:30%;
	border:double 5px #000000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}


#sidebar_perfil{

	float:left;
	width:25%;
	display:inline-block;
	margin-top:1%;
	 
	margin-left:1%;
	margin-bottom:2%;
	 
}

#cuerpo_perfil {
	float:right;
	margin-bottom:2%;
	width:70%;
	margin-top:2%;
	display:inline-block;
	 
	margin-right:3%;
}
	


#sidebar_perfil ul li{
	
	list-style:none;
}



/*------------------  Tablas ----------------------*/


            table  thead tr th form
            {
                
                
                border:solid 1px #000000;
                position: relative;

            }

            table  thead tr th 
            {
                
                
                font-size: 1.1rem;
                text-align:center;
                font-family: 'Raleway',Helvetica,Arial;
                background: #EEE;
           
            }

        


            table tbody tr td

                {
                
                padding:2%;
                border:solid 1px #000000;
                position: relative;
                width:30%;
                font-size: 1.1rem;
                text-align:center;
                font-family: 'Raleway',Helvetica,Arial;

            }

            table
             {
                
                
                border:solid 1px #EEE;
                position: relative;

                width:100%;

            }

/*------------------  Lista de Clientes Destacados ----------------------*/

#articulos {
				
				 
				position: relative;
				overflow:hidden;
				  
			}


		

			.precio{

				
				background-color: rgba(255, 96, 80, 0.7);
				padding: 2%;
				font-family: 'Raleway',Helvetica,Arial;
				font-size: 1.3rem;
				color:#fff;

				

			}

			


			.nombre_autor{

				font-family: 'Raleway',Helvetica,Arial;
				font-size: 1.4rem;
				background-color: #CCC;
				padding: 2%;
				color:black;

				

			}

		

			#articulos a{
				font-family: 'Raleway',Helvetica,Arial;
				font-size: 1.2rem;
				text-decoration:none;
			 
				color:black;

			}

			#articulos .precio a{
				font-family: 'Raleway',Helvetica,Arial;
				font-size: 1.3rem;
				color:#fff;

			}

				#articulos a:hover{
				color:grey;

			}

		 

			 .nombre_autor a{

				font-family: 'Italiana',Helvetica,Arial;
				font-size: 1.7rem;
				background-color: rgba(255, 96, 80, 0.3);
				padding: 2%;
				color:black;
			}


		#articulos:hover #img_desc  {
				height:85%;
 
				}

		 

		 


		#img_desc   {
				 transition:All 0.6s ease;
				 -webkit-transition:All 0.6s ease;
				 -moz-transition:All 0.6s ease;
				 -o-transition:All 0.6s ease;
				 height: 0px;
				 position: absolute;
				 bottom: 0;
				 z-index: 100;
	  
				 z-index: 0;
				 position:absolute;
				 width:90%;
				 margin-left:2%;

				 
				 margin-top:45%;
				background:  rgba(0, 0, 0, 0.5);
				 

				color:#fff;
				padding:3%;
				font-family:"Roboto";
				font-weight: 600; 
				 border:solid 0px #000000;
 
				overflow:hidden;	  
			}
		
/*------------------  Cuerpo Clientes Destacados----------------------*/

			#cuerpo_clientes_destacado{

				
				width: 22%;
				margin-bottom:10%;
				margin-right:10px;
				margin-left:1%;
				position: relative;
				overflow:hidden;
				background-color: rgba(234, 247, 250, 0.4);
				 
				font-family: 'Raleway',Helvetica,Arial;
				font-size: 1.3rem;

				-moz-box-shadow: 10px 10px 23px #3b3a3b;
				-webkit-box-shadow: 10px 10px 23px #3b3a3b;
				box-shadow: 10px 10px 23px #3b3a3b;
			}


/*------------------  Formularios ----------------------*/

		
				input[type=text] ,input[type=password],input[type=email]  
			{
				background: #EEE;
				border-radius: .25em;
				color: black;
				font-size: 1em;
				padding: .25em;
				
				height: 20px;
			}

	input[type=submit] 
		{

			
			cursor: pointer;
			padding: 1.2%;
			font-family: 'Raleway'


		}


fieldset {
    border: .2em solid #DFDFDF;
    border-radius: .5em;
    padding: 1em

}

form 
{
    padding:4%;
    font-family: 'Raleway',Helvetica,Arial;
    font-size: 1.2rem;
}

fieldset legend {
    font-size: 1.5rem;
    background: #E6E6E6;
    padding: .2em

}


.boton a{
            
          
            font-family: 'Raleway',Helvetica,Arial;
                font-size: 1.1rem;
                font-height:400;
                color: black;
                background-color :#E8E8E8;
                width: 5%;
                padding:5px;
                margin-top:2px;
               border:solid 1px #000000;
                -moz-border-radius-topleft: 7px;
                -moz-border-radius-topright:6px;
                -moz-border-radius-bottomleft:6px;
                -moz-border-radius-bottomright:7px;
                -webkit-border-top-left-radius:7px;
                -webkit-border-top-right-radius:6px;
                -webkit-border-bottom-left-radius:6px;
                -webkit-border-bottom-right-radius:7px;
                border-top-left-radius:7px;
                border-top-right-radius:6px;
                border-bottom-left-radius:6px;
                border-bottom-right-radius:7px;

                -moz-box-shadow: 3px 6px 7px #7d7d7d;
                -webkit-box-shadow: 3px 6px 7px #7d7d7d;
                box-shadow: 3px 6px 7px #7d7d7d;
        }
/*------------------  Tablas ----------------------*/


            table  thead tr th form
            {
                
                
                border:solid 1px #000000;
                position: relative;

            }

            table  thead tr th 
            {
                
                
                font-size: 1.1rem;
                text-align:center;
                font-family: 'Raleway',Helvetica,Arial;
                background: #EEE;
           
            }

        


            table tbody tr td

                {
                
                padding:2%;
                border:solid 1px #000000;
                position: relative;
                width:30%;

            }

            table
             {
                
                
                border:solid 1px #EEE;
                position: relative;

                width:100%;

            }

/*------------------  Paginas del Inicio ----------------------*/

#cuerpo_paginas_inicio{
	float:left;
	width:90%;
	
	margin-top:3%;
	 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	margin-left:5%;
	 
}
                
 
/* ------- PIE DE PAGINA -------*/


		footer {
				background-image: url("http://iserns.com/img/fondo_footer.jpg") ;
				background-repeat: no-repeat;
				background-size: 100% 800px;
				font-size:1.6rem;
				font-family: 'Cinzel',Helvetica,Arial;
		}