@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
*, html{
	margin:0 auto;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	   font-size:16px;
	   letter-spacing:0.4px;
}
#body{
	background: #000 url('../images/wood.png') repeat-x;
	color:#fff;
}

#menu-principal{
		background:#000;
	}
#body2{
	background: url('../images/wood-2.jpg') repeat-x;
	background-size:auto 100%;
	color:#fff;
	height: auto;
}
.container{
	max-width: 1250px;
	height: auto;
	position: relative;
}
.btn-admin{
   background: #950B0B;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  width:100%;
  min-width: 200px;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  border:none;
  margin-top: 2px;
  font-size: 20px;
  padding: 5px 10px;
  text-decoration: none;
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.btn-admin:hover,.btn-admin:active{
text-decoration: underline;
color: #fff;
}
.table{
	background: rgba(38,12,0,.7);
	border: 1px solid #000;
-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.table td{
	font-size:22px;
}
.table th{
	font-size:24px;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
}
.btn-principal {
  background: #61380a;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  width:100%;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  border:none;
  font-size: 20px;
  padding: 5px 10px;
  text-decoration: none;
  -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.btn-principal:hover,.btn-principal:active {
  background-image: -webkit-linear-gradient(bottom, #c24e00, #382003);
  text-decoration: none;color: #fff;
}
.tag{
	position: absolute;
	color: transparent;
	visibility: hidden;
	cursor: default;
	z-index: 0;
	user-select: none;
}
.header{
	width:100%;
	background:#000;
	color:#fff;
	z-index:999;
	border-top:5px solid #9d1414;
	position:fixed;
	max-height:65px;
}

.header .nav li a{
		color:#FFF;
		font-size:20px;
		line-height:17px;
		text-align:center;
}
.menu-index li a{
	color: #fff;
}
.menu-index li a:hover{
	color: #fff;
}
.header .nav li a:hover, .header .nav li a.active{
		border-bottom:5px solid #9d1414;
		font-weight:bold;
		border-left: 8px solid #000;
		border-right: 8px solid #000;
}
.header.top-nav-collapse{
	max-height:48px;
}
.header.top-nav-collapse .nav li a{
		line-height:15px;
		color:#FFF;
		font-size:19px;
		text-align:center;
}
.header.top-nav-collapse .menu-index{
	padding-top:1%;
}
#slider{
    width:100%;
    height:auto;
     border:6px solid #ddd;
    margin-top:10px;
}
.img-full {
    min-width: 100%;
    max-height:480px;
}
.elementosli{
	min-height: 600px;
	position: relative;
	height: auto;
	float: left;
	width: 100%;
}
.elementosli li{
	list-style:circle;
	font-size: 22px;
	line-height:10px;
	text-shadow: -2px -2px 3px#000;
	font-family: 'Roboto Slab', serif;
	font-weight:400;
}
.elementosli li h2{
	list-style:circle;
	font-size: 22px;
	line-height:10px;
	text-shadow: -2px -2px 3px#000;
	font-family: 'Roboto Slab', serif;
	font-weight:400;
}
/*************************************/
/************TIPOGRAFIA***************/

.txt-title{
	color:#535353;
	font-size:1.7em;
	line-height:0.8em;
	font-weight:700;
}
.txt-subtitle{
	color:#8a3364;
	font-size:1.3em;
}
.txt-subtitle.big{
	font-size:1.7em;
	line-height:1em;
	padding-top:10px;
}

.item.active .wow{
  -webkit-animation: bounceIn 300ms linear 300ms both;
  -moz-animation: bounceIn 300ms linear 300ms both;
  -o-animation: bounceIn 300ms linear 300ms both;
  -ms-animation: bounceIn 300ms linear 300ms both;
  animation: bounceIn 300ms linear 300ms both;
}

#productos{
	margin-top:5px;
	min-height:750px;
}

#productos .item{
	padding:10px;
}
#productos .item:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#productos .img-pro{
	line-height:0.2em;
	cursor:pointer;
	overflow:hidden;

}
#productos .img-c{
	border:6px solid #ddd;
		overflow:hidden;
}
#productos .img-pro img{
	width:100%;
	-webkit-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
#productos .img-pro span{
	font-size:1.5em;
	line-height:2.5em;
	font-weight: 700;
}
/***************FIN********************/
/**************************************/
/**************FOOTER******************/
#footer{
	z-index:99;
	width:100%;
	height:325px;
	padding-top: 250px;
	background:#000 url('../images/footer.jpg') repeat-x;
}
#footer_index{
	z-index:99;
	width:100%;
	height:105px;
	margin-top: 100px;
	background:#000;
	border-top: 5px solid #9b1514;
}
.menu-body{
	margin-top:-42px;
	background:#fff;
	border-top:2px solid #b5b5b5;
}
.li:first-child{
	border-left:2px solid #b5b5b5;
}
.menu-body .active{
	background:#983f91;
	color:#fff;
}
.li{
background:#fff;
padding:10px 0px;
color:#333;
text-align:center;
max-height:65px;
overflow:hidden;
border-right:2px solid #b5b5b5;
}
.menu-body .li a{
	color:#333;
	font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration:none;
}
 .menu-body.li:hover{
	background:#9d1414;
 }
 .menu-body.li a:hover{
	text-decoration:underline;
	color:#fff;
}
.texto{
	font-family: Times New Roman, Georgia, Serif;
}
.li.active a{
	text-decoration:none;
	color:#fff;
}
.footer-btn span{
	font-size:16px;
	padding-top: 280px;
	background:#000;
	margin-top: 280px;
}
.footer-btn{
	background:#000;
	color:#fff;
}
@media (max-width:868px) {
	.header .nav li a{
		line-height:25px;
		color:#FFF;
		text-align:center;
		}

		#productos{
		padding-top:0px;
		}
		.item_pro{
		    text-align:center;
		    cursor:pointer;
		   height:150px;
		    padding:0px;
		}

		.item_pro img{
			height:150px;
			width:180px;
		}
}
@media (max-width:768px) {
	.logo_xg{
		display:none;
	}
	#slider{
		margin-top:100px;
	}
	.item h2{
		font-size:3em;
	}
	.item h3{
		font-size:2em;
	}
	#item1{
		margin-top:-50px;
	}
	#item1 h2{
		font-size:2em;
	}
	#item1 hr{
		display:none;
	}
	.txt-pro{
		padding:50px;
		margin-top:-150px;
		font-size:1.2em;
	}
	.productos_slider{
		font-size: 1.5em;
	}
	#menu-principal{
		background:#000;
		margin-top:0px;
	}
	.title-pro{
		margin-top:50px;
	}
	#productos{
		background:none;
		margin-top:50px;
	}

}
@media (max-width:480px) {
  #menu-principal{
    background:#000;
    margin-top:0px;
  }
#logo img{
  max-width: 100px;
  position: relative;
  float: left;
}
.header button{
    position: relative;
    float: right;
    margin-top: 0px;
}
}
@media (max-width:390px) {
  #menu-principal{
    background:#000;
    margin-top:-80px;
  }
#logo{
  max-width: 150px;
    position: relative;
  float: left;
}
#logo img{
  max-width: 100px;
  position: relative;
  float: left;
}
.header button{
    position: relative;
    float: right;
    margin-top: -100px;
}
}