@charset "utf-8";
*{
   margin:0 auto;
   padding:0;
}
body {
	background:#ffffff;
	font-size:14px;
	font-family: Verdana, Geneva, Arial;
	padding:0;
}

A:link {
	color: #000000; 
	text-decoration: none;
}
A:hover {
	color: #000; 
	text-decoration: none;
}
A:visited {
	color: #000; 
	text-decoration: none;
}
nav{
    position: absolute;
    top:0px;
    right:0;
	width: 90px;
	z-index:4;
}
nav .menu1{
	display:none;
}
nav:hover .menu1{
	display:block;
}
nav:hover #menuvi{
	display:none;
}
#login{
	background:#b83327;
	border-bottom-left-radius:10px;			
	border-bottom-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	color:#fff;
	display:inline-block;
	margin-left: 15%;
	text-align: right;
	padding:5px;
	width:70%;
}
#fecha{
	float: left;
	text-align:center;
	padding: 10px;
}
#logo{
	margin-top:10px;
	text-align:center
}
#logo img{
	border-radius:8%;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	width:70%;
}
#principal{
	margin:25px auto;
	width:70%;
}
#socialmedia{
	margin:25px auto;
	width:70%;
}
#informacion{
	margin:25px auto;
	text-align:center;
	width:70%;
}
#imaprin{
	display:inline-block;
	margin:0 auto;
	vertical-align:text-bottom;
	width:100%;
}
#imaprin img{
	border-radius:10%;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	width:100%;
}
#redes{
	background:#fefff0;
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	border: 2px solid #b83327;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	display:inline-block;
	float:right;
	height:590px;
	margin:0 15px 0 0;
	}
#facebook{
	background:#fefff0;
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	border: 2px solid #b83327;
	display:inline-block;
	height:590px;
	margin:0 0 0 15px;
	 
}
#menu{
	font-family: Primera;
	font-weight:bold;
	height:180px;
	position: fixed;
	right:5px;
	top:150px;
	width: 150px;
	z-index:10;
}
#menuvi{
	background:#ffffff;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	box-shadow: -5px 5px 20px rgba(0,0,0,1);
	font-size:1.8em;
	height:30px;
	margin: 0;
	padding:25% 0;
	position: relative;
	top:0px;
	text-align:center;
	text-shadow: -5px 5px 10px rgba(0,0,0,1);
	width: 100px;
}
#menulis{
	position:relative;
	right:55px;
}
#testimonial{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	display:inline-block;
	height:590px;
	margin:0 auto;
	width:290px;
	vertical-align:top;
}
#galerias{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	display:inline-block;
	margin:0 15px 0 0;
	width:55%;
	vertical-align:top;
}
#contactos{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	display:inline-block;
	margin:0 0 0 15px;
	width:40%;
	vertical-align:top;
}
#contactos img{
	margin:0 5%;
	width:50%;
}
#contactos hgroup h1{
	color:#b83327;
	font-family: Verdana, Geneva, Arial;
	font-size: 130%;
	font-weight:bold;
	padding:0;
	text-align:center;	
}
#contactos hgroup h2{
	color:#b83327;
	font-family: Verdana, Geneva, Arial;
	font-size: 130%;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}
#contactos hgroup h3{
	font-family: Verdana, Geneva, Arial;
	font-size: 100%;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}
#contactos hgroup h4{
	font-family: Verdana, Geneva, Arial;
	font-size: 100%;
	font-weight:lighter;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}
#contactos hgroup hr{
	margin:0 auto;
	width:90%;
}
#creditos{
	background-color:#b83327;
	box-shadow: -1px -5px 25px rgba(0,0,0,1);
	color:#fff;
	margin: 0 auto;
	padding:1%;
	text-align:center;
	width:100%;
}
#normas{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	margin:25px auto;
	text-align:center;
	width:70%;
}
#cuadreg{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	margin: 3% auto;
	width:70%;
}
#cuadreg2{
	padding: 0 0 0 10px;
}
#Productos{
	margin: 20px auto;
	width:70%;
}
#caja_login{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	text-align:center;
	width:70%;
}
.caja_admin{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	margin: 20px auto;
	width:70%;
}
.iconos{
	display:inline-block;
}
.seleccion{
	display:inline-block;
	text-align:center;
}
.timeline-header {
	background:#b83327;
}
.imanormas{
	display:inline-block;
	margin:10px 10PX;
	vertical-align:middle;
}
.mision{
	border-top-left-radius:15px;			
	border-top-right-radius:15px;
	border: 2px solid #b83327;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	margin:25px auto;
	width:90%;
}
.textemp{
	padding:10px;
	text-align:justify;
	text-indent:5%;
	width:90%;
}
.tbusq{
	background:#fefff0;
	border: 2px solid #b83327;
	padding:10px;
	overflow-x: auto;

}
.tbusq h5 {
	color:red;
	font-size: 1.17em;
	text-align:right;
}
.cuadro h6 {
	color:red;
	font-size: 1.17em;
	text-align:right;
}
.listaemp{
	padding:10px;
	text-align:justify;
	width:90%;
}
.menu1{ 
	background:#ffffff;
	box-shadow: -10px 0px 20px rgba(0,0,0,1);
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	font-size:1.3em;
	height:25px;
	margin: 0;
	opacity:0.5;
	padding:25% 0;
	text-align:center;
	text-shadow: -5px 5px 10px rgba(0,0,0,1);
	width: 150px;
}
.menu1:hover{
	background-image:url('../imagen/ima_dise/espada.jpg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	box-shadow: -10px 5px 20px rgba(0,0,0,1);
	color:#b83327;
	opacity:1;	
}
.liston{
	background:#b83327;
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	color:white;
	font-size: 130%;
	display: block;
	margin:0px auto;
	padding: 0.1em 0;
	text-align: center;
	text-shadow: -5px 5px 10px rgba(0,0,0,1);
}
.videos{
	background:#fefff0;
	border: 2px solid #b83327;
	height:42%;
	padding:5% 0;
}
.cuadro{
	background:#fefff0;
	border: 2px solid #b83327;
}
.textop{
	text-align:center;
}
.textocr{
	display:inline-block;
	overflow:hidden;
	padding: 0 2em;
	text-align:center;
	vertical-align:middle;
	width:40%;
}
.cuadro1{
	display:inline-block;
	padding:2%;
	text-align:center;
	width:45%;

}
.cuadro2{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
}
.cuadro3{
	border-top-left-radius:10px;			
	border-top-right-radius:10px;
	box-shadow: -10px 10px 20px rgba(0,0,0,1);
	margin:25px auto;
	text-align:center;
	width: 90%;
}
.cuadro1 img{
	border: 2px solid #b83327;
	border-radius:10px;
}
.cuadro3 img{
	border: 2px solid #b83327;
	border-radius:10px;
}
/*para el pika*/
.pika-stage {
    position: relative; 
    width: 100%; 
    height:300px;
	border: 1px solid #b83327;
	}

	.pika-stage .pika-aniwrap, .pika-stage .main-image {
	   position: absolute; 
	   top: 0; 
	   left: 0;
	   }
	.pika-stage .pika-aniwrap{
	   width:100%;
	   }
	.pika-stage .pika-ani {
	   position:relative;
	   display: none;
	   z-index:2;
	   margin:0 auto;
	}
	.pika-stage img {
	border:0;
	height:100%;
	}

.pika-stage .caption {
	position: absolute; 
	background:#000; 
	background: rgba(0,0,0,0.75);  
	border: 1px solid #141414; 
	font-size: 11px; 
	color: #fafafa; 
	padding: 10px; 
	text-align: right; 
	bottom: 20px; 
	right: 10px;
}

.pika-stage .caption p {
	padding: 0; 
	margin: 0; 
	line-height: 14px;
}
.pika-textnav, .pika-imgnav {
	display:none;
}
.pika-counter{
	position: absolute;
	bottom: 0px;
	left:15px;
	font-size:11px;
}

#pikame{
	display:none;
}
#pikame2{
	display:none;
}
@media screen and (max-width:1600px){
	#logo img{
		width:73%;
	}
	#login{
	margin-left: 13%;
	width:73%;
	}
	#principal{
		margin:25px auto;
		width:73%;
	}
	#socialmedia{
		margin:25px auto;
		width:73%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:73%;
	}
	#imaprin{
		padding:0;
	}
	#testimonial{
		margin:0 0 0 10px;
		vertical-align:top;
	}
	#redes{
		margin:0;
	}
	#normas{
		width:73%;
	}
}
@media screen and (max-width:1440px){
	#logo img{
		width:80%;
	}
	#login{
	margin-left: 10%;
	width:80%;
	}
	#principal{
		margin:25px auto;
		width:80%;
	}
	#socialmedia{
		margin:25px auto;
		width:80%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:80%;
	}
	#imaprin{
		padding:0;
	}
	#testimonial{
		margin:0 0 0 10px;
		vertical-align:top;
	}
	#redes{
		margin:0;
	}
	#normas{
		width:80%;
	}
}
@media screen and (max-width:1366px){
	#logo img{
		width:85%;
	}
	#login{
	margin-left: 7.5%;
	width:85%;
	}
	#principal{
		margin:15px auto;
		width:85%;
	}
	#socialmedia{
		margin:25px auto;
		width:85%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:85%;
	}
	#testimonial{
		margin:0 0 0 10px;
		vertical-align:top;
	}
	#redes{
		margin:0;
	}
	#normas{
		width:85%;
	}
}

@media screen and (max-width:1280px){
	#logo img{
		width:90%;
	}
	#login{
	margin-left: 5%;
	width:90%;
	}
	#principal{
		margin:20px auto;
		width:90%;
	}
	#socialmedia{
		margin:25px auto;
		width:90%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:90%;
	}
	#imaprin{
		padding:0;
	}
	#testimonial{
		margin:0 0 0 10px;
		vertical-align:top;
	}
	#redes{
		margin:0;
	}
	#normas{
		width:90%;
	}
}
@media screen and (max-width:1024px){
	#logo img{
		width:100%;
	}
	#login{
	margin-left: 0%;
	width:100%;
	}
	#principal{
		margin:20px auto;
		width:100%;
	}
	#socialmedia{
		margin:25px auto;
		text-align:center;
		width:100%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:100%;
	}
	#imaprin{
		padding:0;
	}
	#testimonial{
	display: none;
	}
	#redes{
		margin-right:7%;
	}
	#normas{
		width:100%;
	}
}
@media screen and (max-width:980px){
	#logo img{
		width:100%;
	}
	#login{
	margin-left: 0;
	width:100%;
	}
	
	#principal{
		margin:25px auto;
		width:100%;
	}
	#socialmedia{
		margin:25px auto;
		width:100%;
	}
	#informacion{
		margin:25px auto;
		text-align:center;
		width:100%;
	}
	#imaprin{
		display:block;
		margin:0 auto;
		padding:0;
		width:100%;
	}
	#redes{
		display:block;
		float:none;
		margin:25px auto;
		text-align:center;
		min-width:400px;
		overflow:hidden;
		
	}
	#facebook{
		display:block;
		margin:0 auto;
		text-align:center;
		min-width:400px;
		overflow:hidden;
	}
	#galerias{
		display:block;
		margin:0 auto;
		width:100%;
		vertical-align:top;
	}
	#contactos{
		display:block;
		margin:25px auto;
		width:100%;
		vertical-align:top;
		min-width:400px;
	}
	#menu{
		font-family: Primera;
		font-weight:bold;
		height:180px;
		position: fixed;
		width: 150px;
	}
	#menuvi{
		background:#ffffff;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		box-shadow: -5px 5px 20px rgba(0,0,0,1);
		font-size:1.8em;
		height:30px;
		margin: 0;
		padding:25% 0;
		position: relative;
		top:0px;
		text-align:center;
		text-shadow: 0px 0px 0px rgba(0,0,0,1);
		width: 100px;
	}
	#menulis{
		position:relative;
		right:55px;
	}
	#normas{
	width:100%;
}
	.menu1{ 
		background:#ffffff;
		box-shadow: 0px 0px 0px rgba(0,0,0,1);
		border-bottom-left-radius:10px;
		border-top-left-radius:10px;
		text-shadow: 0px 0px 0px rgba(0,0,0,1);
		width: 150px;
}
	.menu1:hover{
		background-image:url('../imagen/ima_dise/espada.jpg');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center center;
		box-shadow: 0px 0px 0px rgba(0,0,0,1);
		color:#b83327;
		opacity:1;	
	}
}