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

*{
font-family: 'Josefin Sans', sans-serif;}

a{text-decoration:none!important}

.transitions{
	transition-property:all;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property:all;
	-moz-transition-duration: 0.4s;
}

header{
	top:0px;
	margin:0px;
	padding:0px;
	left:0px;
	width:100%;
	height:80px;
	position:fixed;
	box-shadow:  9px 9px 9px rgba(0,0,0,0.2);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
z-index:999


	}
	#top-bar{width:1124px; margin:0 auto; position:relative;}
	#logo{width:200px; height:80px; line-height:80px; vertical-align:middle; text-align:left; background-image:url(../images/logotipo.svg); background-repeat:no-repeat; background-position:left; float:left; position:relative }
	#nav-bar{width:884px; float:right; height:100px; position:relative}
	#nav-bar ul{width:auto; min-width:820px; padding:0; margin:0; height:80px; float:right}

	#nav-bar ul li{list-style:none;float:left; position:relative;width:auto; padding:5px; height:65px; line-height:65px; vertical-align:middle; font-weight:400;   font-size:13px; color:#666; cursor:pointer;  border-bottom:5px solid rgba(0,0,0,0)}
	#nav-bar ul li:hover{color:#000; cursor:pointer; border-bottom:5px solid rgba(0,0,0,1)}
	#nav-bar ul li.selected{color:#000; cursor:pointer; border-bottom:5px solid rgba(0,0,0,1)}
	.sep{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,d6d6d6+100 */

background: #f2f2f2; /* Old browsers */

background: -moz-linear-gradient(top,  #f1f1f1 0%, #d6d6d6 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #f1f1f1 0%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */

height:80px; float:left; position:relative; width:1px;}

.idiomas{
	width:30px; height:65px; line-height:65px; vertical-align:middle;float:left; position:relative; padding:0px; margin:4px;overflow: hidden;
    background-image: url("../images/icon-select.svg"); background-position:right; background-repeat:no-repeat}
	
.idiomas select{background: transparent;
   width: 25px;
   padding: 0px;
   font-size: 12px;
   color:ff1d25;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
 
   background-image: none;
webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   
   -webkit-appearance: none; box-shadow: none !important; 

   
   }:-webkit-autofill { color: #fff !important; }
   
	
	
.idiomas select:focus {
    outline: none;
}	
	
	
	#slogan{width:101%; background:#000; height:40px; line-height:40px; vertical-align:middle; text-align:center; font-size:20px; color:#fff; font-weight:100; position:relative; float:left; margin:0 auto; top:570px; left:-10px; padding:0; z-index:9;}
	.container{width:100%; position:relative; left:0; height:auto; top:590px;}
	.content{width:1024px; margin:0 auto}
	.home-items{width:220px; height:220px; float:left; position:relative; opacity:1; margin:22px}
	.home-items .img{width:220px; height:320px; position:absolute; z-index:0 }
	.home-items .img img{width:220px; height:320px;}
	.home-items .desc{width:210px; height:60px; padding:5px; text-align:center; top:275px; background:#ff1d25; color:#fff; font-size:12px; position:absolute; z-index:1; padding-top:10px;  }
	.home-items:hover{opacity:0.7;cursor:pointer;}
	.mleft0{margin-left:0px}
	.mright0{margin-right:0px}
	.top0{top:100px}
	
	.item-line{width:1024px; float:left; position:relative; margin-bottom:20px;}
	
	.title{height:30px; width:1004px; color:#ff1d25; line-height:30px; border-left:5px solid #ff1d25;  font-size:18px; font-weight:300; padding-left:20px; float:left; position:relative; margin-top:25px;}
	.subtitle{height:30px; width:auto; color:#000; line-height:30px;font-size:25px; font-weight:300; padding-left:0px; float:left; position:relative; margin-top:10px;}
	.subtitle2{height:30px; width:auto; color:#000; line-height:20px;font-size:20px; font-weight:700; padding-left:0px; float:left; position:relative; margin-top:20px;}
	.text{width:485px; margin-right:25px; height:auto; position:relative; float:left; font-size:18px; line-height:22px; color:#666; float:left; position:relative; margin-top:20px; font-weight:300 }
	
	img{border:0}
	.gallery {width:1024px; height:auto; position:relative; float:left}
	.gallery .item{width:225px; height:225px; margin:15px; float:left; position:relative}
	.gallery .item .img{width:225px; height:225px; position:absolute; z-index:0; }
	.gallery .item .img img{width:225px; height:225px; }
	.gallery .item .hover{width:225px; height:225px; position:absolute; z-index:1; opacity:0; background-image:url(../images/lupa.svg); background-position:center; background-repeat:no-repeat}
	.gallery .item .hover:hover{opacity:1; cursor:pointer}
	
	.red-color{color:#ff1d25;}
	
	.product-slider{width:485px; height:300px;  position:relative; float:left; margin-right:0px;}
	
	.contacts-text{width:340px; height:auto; margin-right:20px; float:left; position:relative; color:#666}
	
	
	#contact-form{width:300px; height:auto; position:relative; float:right; }
#contact-form .label{width:290px; height:35px; border:0; padding-left:10px; color:#000; font-weight:300; font-size:16px; margin-top:10px; line-height:35px; vertical-align:middle; background-color:#f1f1f1;  }
#contact-form .message{ background-color:#f1f1f1;   height:145px; border:0; width:290px; padding-left:10px; color:#000; font-weight:300; font-size:16px; margin-top:10px;   }
#contact-form .send{height:32px; width:145px; right:0; background-color:#000; float:right; position:relative; font-weight:300; font-size:15px; color:#fff; text-align:center; line-height:32px; vertical-align:middle;margin-top:10px;  }
#contact-form .send:hover{cursor:pointer; opacity:0.8}
	
	#footer{width:100%; bottom:0px; position:fixed; float:left; clear:both; height:50px; background-color:#999; z-index:10000 }
	#footer #up{background-image:url(../images/up.svg); background-repeat:no-repeat; background-position:top right; width:100%; height:62px; margin-top:-40px}
	#footer #rights{/*width:1024px; margin:0 auto;*/    margin-right: 30px; margin-left: 500px; position:relative; color:#fff; font-weight:400; font-size:15px;line-height: 50px;}
	#footer:hover{bottom:0px; cursor:pointer}