@import url(../fuentes/fuentes.css);
img{
	max-width: 100%;
}
header{
	height: 130px;
}

header .header{
	position: fixed;
	width: 100%;
	text-align: center;
	top:0;
	left: 0;
	font-family: 'raleway';
	z-index: 10;
	background: #FFFFFF;
}
header .header .logo-header{
	margin-top:21px;
	margin-bottom: 20px;
}
header .header .info-header{
	margin-top: 30px;
	color: #CCCCCC;
}
header .header .info-header span{
	padding-left: 20px;
	padding-right: 20px;
	color: #333333;
}

header .header nav{
	background: #ffc700;
}
header .header nav ul, header .header nav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
header .header nav ul li a{
	padding: 10px;
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	color: #333333;
	font-family: 'raleway';
}
header .header nav ul li a:hover, header .header nav ul li a.activo{
	background: #333333;
	color: #FFFFFF;
	text-decoration:none;
}

footer{
	background: #666666;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-family: 'raleway';
	font-weight: 300;
	font-size: 14px;
}
footer h3{
	font-weight: 700;
	font-size: 18px;
	margin:0;
	margin-bottom: 20px;
}
footer img{
	margin-bottom: 10px;
	max-width: 90%;
}

footer a{
	color: #FFFFFF;
}
footer a:hover{
	color: #ffc700;
}

.main-content{
	min-height:400px;
}
.slider{
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.padding-content{
	padding-top: 50px;
	padding-bottom: 50px;
}

.descripcion{
	font-family: 'roboto';
	font-weight: 300;
	font-size: 16px;
	color: #333333;
}

.btn-amarillo{
	background: #ffc700;
	color:#333333;
	padding-left: 40px;
	padding-right: 40px;
}

.titulo-izquierdo{
	font-weight: normal;
	font-size: 30px;
	margin:0;
	margin-bottom: 20px;
	font-family: 'raleway';
	color: #333333;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.titulo-izquierdo:before{
	content: "";
	position: absolute;
	width: 50%;
	height: 3px;
	left: 0;
	top: 100%;
	background: #ffc700;
}

.titulo-centro{
	font-weight: normal;
	font-size: 30px;
	margin:0;
	margin-bottom: 20px;
	font-family: 'raleway';
	color: #333333;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.titulo-centro:before{
	content: "";
	position: absolute;
	width: 50%;
	height: 3px;
	left: 25%;
	top: 100%;
	background: #ffc700;
}

.titulo-centro-amarillo{
	font-weight: normal;
	font-size: 38px;
	margin:0;
	margin-bottom: 20px;
	font-family: 'raleway';
	color: #ffc700;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.titulo-centro-amarillo:before{
	content: "";
	position: absolute;
	width: 50%;
	height: 3px;
	left: 25%;
	top: 100%;
	background: #FFFFFF;
}

.titulo-centro-blanco{
	font-weight: normal;
	font-size: 38px;
	margin:0;
	margin-bottom: 20px;
	font-family: 'raleway';
	color: #FFFFFF;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.titulo-centro-blanco:before{
	content: "";
	position: absolute;
	width: 50%;
	height: 3px;
	left: 25%;
	top: 100%;
	background:#ffc700 ;
}

.titulo-general{
	background: url(/skins/page/images/banner.jpg) center center no-repeat fixed;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}
.titulo-general .descripcion{
	color: #FFFFFF;
}


.frase-home{
	background: url(/skins/page/images/banner.jpg) center center no-repeat fixed;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}

.frase-home .imagen-frase{
	margin-bottom: 20px;
}
.frase-home .descripcion{
	color: #FFFFFF;
}
.caja-producto{
	padding-left: 10px;
	padding-right: 10px;
	margin:30px;
}
.caja-producto a:hover{
	text-decoration: none;
}
.caja-producto .imagen-producto{
	display: table;
	width: 100%;
}
.caja-producto .imagen-producto div{
	display: table-cell;
	vertical-align: middle;
	height: 130px;
	text-align: center;
}
.caja-producto .imagen-producto div img{
	max-width: 100%;
	max-height: 100%;
}
.caja-producto h2{
	font-family: 'raleway';
	color: #ffc700;
	font-size: 20px;
	text-align: center;
}
.caja-producto .descripcion{
	font-size: 14px;
}
.caja-producto .vermas{
	font-family: 'raleway';
	color: #ffc700;
	font-size: 14px;
}

.caja-contenido{
	border:1px #CCCCCC solid;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.caja-contenido .content-image{
	float:right;
	margin-left: 10px;
	max-width: 35%;
}
.caja-contenido:nth-child(odd) .content-image{
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

.formulario-contacto{
	margin-top: 20px;
}

.formulario-contacto label{
	font-family: 'raleway';
	color: #333333;
	font-weight: 700;
}
.formulario-contacto textarea{
	resize: none;
}

.formulario-contacto .help-block{
	font-size: 12px;
}
.mapa-contacto{
	position: relative;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	overflow: hidden;
	margin-bottom: 10px;
}
.mapa-contacto #map{
	width: 100%;
	height:300px;
}
#carroucelProducto{
	z-index: 1;
	position: relative;
}

#carroucelProducto .carousel-inner{
	border:1px solid #CCCCCC;
}
#carroucelProducto .carousel-inner .item{
	margin: 0;
	padding: 0;
}
#carroucelProducto .carousel-indicators{
	position: relative;
	display: block;
	bottom: auto;
	left: auto;
	margin:0;
	width: 100%;
	text-align: left;
}
#carroucelProducto .carousel-indicators li{
	width: 100px;
	height: 80px;
	text-indent: 0;
	border:1px #CCCCCC solid;
	padding: 4px;
	margin: 5px;
	border-radius: 0;
	vertical-align: top;
}
#carroucelProducto .carousel-indicators li img{
	max-width: 100%;
	max-height: 100%;
}
#carroucelProducto .carousel-indicators li.active{
	border:1px #ffc700 solid;
}
#carroucelProducto .carousel-control.left,#carroucelProducto .carousel-control.right{
	background: transparent;
	color: #ffc700;
	vertical-align: top;
}
#carroucelProducto .carousel-control .glyphicon-chevron-left, #carroucelProducto .carousel-control .glyphicon-chevron-right, #carroucelProducto .carousel-control .icon-next, #carroucelProducto .carousel-control .icon-prev{
	top: 200px;
}

.imagen-producto-item{
	display: table;
	width: 100%;
	padding: 20PX;
}
.imagen-producto-item div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 300px;
}

.imagen-producto-item div img{
	max-width: 100%;
	max-height: 100%;
}

#carroucelProducto .carousel-caption{
 position: relative;
 width: 100%;
 display: block;
 margin:0;
 padding: 0px;
 right: 0;
 left: 0;
}
#carroucelProducto .carousel-caption h2{
	margin: 0;
	background: #ffc700;
	padding: 10px;
	min-height: 50px;
	font-weight: 300;
	font-size: 25px;
}

.fondo-productos{
	background: url(/skins/page/images/fondob.jpg) center center no-repeat fixed;
	padding-top: 50px;
	padding-bottom: 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
}
#nuestrosproductos{
	position: relative;
	z-index: 1;
	padding-left: 40px;
	padding-right: 40px
}
#nuestrosproductos .carousel_inner{
	
}

#nuestrosproductos #right_scroll, #nuestrosproductos #left_scroll{
	position: absolute;
	left: 0;
	top:45%;
	z-index: 2;
	color:#ffc700;
	font-size: 40px;
}
#nuestrosproductos #right_scroll{
	left: auto;
	right: 0;
}

#nuestrosproductos .caja-producto{
	max-width: 350px;
	display: inline-block;
}

#nuestrosproductos .caja-producto h2{
	color: #000000;
	font-weight: 700;
}
#nuestrosproductos .caja-producto .descripcion{
	color: #000000;
}