*{margin:0; padding:0; border:0;}

*:focus{outline:0px;}

body {font-family: 'Cabin', sans-serif;
background:url(../img/bg.png) no-repeat;

	}

a{ text-decoration:none; color:#DC1921;}
p{ text-decoration:none; color:#333;}
ul, li{ text-decoration:none; list-style:none;}
strong{}

h1, h2, h3, h4{ font-size:1.1em;}



img, video{ max-width:100%;}

article, figcaption, figure, footer, header, hgroup, nav, section{ display:block;}

.wrapper{
	max-width:1100px;
	width:80%;
	margin:0 auto;
	

	}

/*-------------------------HEADER----------------------------*/
header, .logo, nav, .social{
	max-width:1100px;
	width:100%;
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
	background: #FFF;
	position:relative; 
	z-index:2;
	background-color:transparent;
	}

header{
		height:60px;
		border-top:5px #DE0000 solid;	
		background: #323131; /* Old browsers */
		background: -moz-linear-gradient(top,  #323131 0%, #121212 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323131), color-stop(100%,#121212)); /* 		Chrome,Safari4+ */
	 	background: -webkit-linear-gradient(top,  #323131 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #323131 0%,#121212 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #323131 0%,#121212 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #323131 0%,#121212 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323131', endColorstr='#121212',GradientType=0 );
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);}
/*---LOGO----*/

.logo{ width:15%; margin:-5px 0 0 10px; position:relative;}

.logo img{ width:135px;}

/*---SOCIAL----*/

.social{ width:11.7%;  text-align:right; height:inherit; }
.social img{ opacity:0.7; }

.social li{
	display:inline-block;
	
	

	

	}

.social a{
	display:block;
	margin:12px 0;
	height:35px;
	


	}
	

.social a:hover{ text-decoration:none;}




/*---------------------------NAV-----------------------------*/

nav{ width:70%; margin:0; }

nav ul{ text-align:left;}

nav li{
	display:inline-block;
	
	margin-right:-1px;
	

	}

nav a{
	display:block;
	padding:1.75em 0.9em;
	color: rgba(146,146,146,0.8);
	font-size:0.8em;
	font-weight:bold;

	


	}
	
nav a:hover{ 
text-decoration:none;
background:#DE0000;
color:rgba(255,255,255,1);

}

.active{
background:#DE0000;
color: #FFF;
}

.active a{color: #FFF;}



 

/*-------------------------SLIDER----------------------------*/

#container-slider{width:100%;  position: relative; z-index:1;}


/*-------------------------CONTENEDOR-INFORMACION----------------------------*/

section#container-info, aside{
	max-width:1100px;
	width:65%;
	vertical-align:top;
	display:inline-block;
	margin:10px auto;

	}
.info{
	width:96%;
	margin:5px;
	padding:10px;
	text-align:justify;
	line-height:28px;
	background: #F4F4F4;
	

	}

aside{
	width:34%;
	display:inline-block;

	}

/*VIDEO*/

#video{width:100%;   position: relative;}

.play{
	width:100%;
	height:100%;
	overflow:hidden;
	position: absolute;
	top:0;
	left:0;
	display:block;

	
	}
#video:hover .play {
	width:100%;
	height:98.5%;
	background: rgba(222,0,0,0.8) url(../img/PLAY.png) center no-repeat;

	}	

.ivideo{
	display:none;

	}

.ivideo-home{
	display:none;

	}

	
/*TITULO GENERAL*/

.title{
	border-top:3px #F00 solid; 
	padding:0.05em 0 0.05em 1.9em;
	text-align:left; background:url(../img/vineta.png) no-repeat left;
	margin-bottom:8px; 
	}

.border{ border-bottom:1px solid  #CCC; margin:5px 0;}

/*-----------------IMAGENES---------------------------*/

section#content-gallery{
	display:inline-block;
	max-width:100%;
	width:100%;
	margin:10px auto;
	
	}  
	
	
 .gallery-img{display:inline-block;  width:23.9%;  float:left; margin:5px 3px;}
 .gallery-video{display:inline-block;  width:23.9%;  float:left; margin:5px 2px; }
.title-img{
	border-bottom:1px #F00 solid;
	background: #EAEAEA; 
	padding:0.3em 0.5em;
	text-align:center;
	font-size:0.95em;
	}

/*----------------FORMULARIO--------------------------*/

/* Forms */

		
		
			
		
			form input.text,
			form select,
			form textarea
			{
				width:90%;
				position: relative;
				-webkit-appearance: none;
				display: block;
				border: 0;
				color: #333;
				background: rgba(255,255,255,0.8);
				font-size:1em;
				padding: 0.75em 1em;
				margin:2px 0;
				border:1px #E2E2E2 solid;
				border-radius:2px;
				
				
			}

				

				form input.text:focus,
				form select:focus,
				form textarea:focus
				{
					
					background: rgba(255,0,0,0.02);
					border:1px rgba(255,0,0,0.1) solid;
				}
				
				form textarea
				{
					min-height: 12em;
				}

			
			label
			{
				color:#DE0000;
				font-size:1em;
				}
			
			
/*INFO CONTACTO*/
.contacto{ width:100%;  text-align:left; margin:20px auto; color:#DE0000;   }


.contacto li{
	display:block;
	margin-top: -10px;
	color: #333;
	padding:15px 0 15px 35px;
	
	

	}

.telefono{ background:url(../img/ico-tel.png) left no-repeat;}
.celular{background:url(../img/ico-cel.png) left no-repeat;}
.email{background:url(../img/ico-email.png) left no-repeat;}
	

/*SERVICIO*/
.servicios {
	 width:45%; 
     text-align:left;
	 margin:0px auto;
	 color:#DE0000;
	 display:inline-block;
	 vertical-align:top;
	  }


.servicios li{
	display:block;
	margin:2px 0;
	color: #333;
	padding-left:20px;
	font-size:1.05em;
	background:url(../themes/default/vineta2.png) left no-repeat;

	}



/*ESTADO DE ENVIO*/



	  #error {  
		  font-size:16px;
		  background: url(../img/closet.png) no-repeat;
		  color: #000;
		  background-color: rgba(255,255,255, 0.8);
		  padding: 18px 0 18px 60px;
		
		  margin:25px 0 0 0;}
		 
	

	  #ok {
		  
		  font-size:16px;
		  background: url(../img/ok.png) no-repeat;
		  color: #000;
		  background-color: rgba(255,255,255, 0.8);
		  padding: 18px 0 18px 60px;
		 
		   margin:25px 0 0 0;}

/*BOTONES*/

.button{
			position: relative;
			display: inline-block;
			border-radius: 0.25em;
			color: #fff; 
			text-decoration: none;
			padding: 0.45em 1.5em;
			background-color: #DE0000;
			margin: 10px 0 10px 0;
			border: 0;
			cursor: pointer;
	}
	
.button:hover{ background-color:#F00;}



/*----------------FOOTER--------------------------*/

footer{
		width:100%;
		height:100px;
		padding:1em 0;
		bottom:0;
		color: rgba rgba(255,255,255,0.5);
		border-top:5px #DE0000 solid;
		background: #323131; /* Old browsers */
		background: -moz-linear-gradient(top,  #323131 0%, #121212 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323131), color-stop(100%,#121212)); /* 		Chrome,Safari4+ */
	 	background: -webkit-linear-gradient(top,  #323131 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #323131 0%,#121212 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #323131 0%,#121212 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #323131 0%,#121212 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323131', endColorstr='#121212',GradientType=0 );
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.54);}
		
	.menu-footer{ 
	 width:20%;
	 display:inline-block;
	 vertical-align:top;
	 }
	  
	.menu-footer a{
		color:rgba(255,255,255,0.4); font-weight:normal; 
		font-size:15px; 
		padding-left:15px;  
		background:url(../themes/default/vineta2.png) left no-repeat;
		}
	
	.menu-footer>li.title-footer>a {color:rgba(255, 255, 255, 0.7);  padding:0; background-image:none; }