#contenedor{
	position:absolute;
	left:0;
	width:100%;
	box-sizing: border-box;
	background: #696969;
}

#encabezado{
	position:fixed;
	top:0;
	height:2cm;
	width:100%;
	background: black;
	z-index:1;
	/*background: -moz-linear-gradient(right, black, white);*/
}

.tex_tit{
		color: #B8860B;
		font-weight:500;
		margin: 0;
		padding-left:15%;
		font-size: .6cm;
}

#cuerpo{
	position:relative;
	top:1.7cm;
	text-align:center;
	margin-top:5px;
	margin-bottom:3px;
}

#pie{
	clear:both;
	position:relative;
	text-align: center;
	font-size: .5cm;
	color: white;
	height:7cm;
	background: black;
}

#pie_info{
	position:relative;
	top:.5cm;
	margin-bottom:2cm;
	column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-width:1cm;
	column-gap:.5cm;
	-moz-column-width:1cm;
	-moz-column-gap:.5cm;
	-webkit-column-width:1cm;
	-webkit-column-gap:.5cm;
	
}

a {
	color:white;
	font-size: .5cm;
}

#pie_final{
	font-size: .4cm;
}
.area_productos {
	position:relative;
	background: black;
	color: white;
	height:15cm;
}

.productos{
	float:left;
	text-align:center;
	margin-left:1cm;
	margin-top:2%;
	width:5.5cm;
	height:6.5cm;
	cursor:pointer;
	border: 1px solid white;
	box-sizing: border-box;
	border-radius: 10%;
	transition: all 2s ease;
}

.productos:hover{
		background: white;
		color:black;
		transition: all 1s ease;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		transform: scale(1.2);
		-moz-transform: scale(1.2);
		-webkit-transform: scale(1.2);
}
.productos .imagen{
	padding-top:.2cm;
	height:4cm;
	box-sizing: border-box;
	border-radius: 50%;
	background: #B8860B;
}
.imgprod{
	border-radius: 50%;
	width: 95%;
	height: 95%;
}
.productos .texto{
	padding-top:.2cm;
	height:2cm;
	box-sizing: border-box;
	font-size: .8cm;
	/*-moz-transform: skew(20deg);
	-webkit-transform: skew(20deg);*/
}

.servicios{
	clear: both;
	background: #1c1c1c;
}

.gif{
		height:5cm;
}

.info_imagen{
	clear: both;
	position:relative;
	height:15cm;
	margin: 2px;
	box-sizing: border-box;
	color: white;
	background: #1c1c1c; /*#25221b;*/
	transform: scale(.3);
	-moz-transform: scale(.3);
	-webkit-transform: scale(.3);
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.info_imagen p {
position: absolute;
left: 0;
display: block;
width: 19cm;
height: .8cm;
margin:0;
border-radius:10px;
padding: 15px 0;
color: #eee;
background: #FF4500;
font-size: .8cm;
line-height:22px;
text-align:center;
opacity:.9;
}

.efecto{
	transform: scale(1);
	-moz-transform: scale(1);
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transform: scale(1);
	-webkit-transition: all 1s ease;
}

.info_imagen_med{
	position:relative;
	left:5%;
	width:90%;
	height:16cm;
	box-sizing: border-box;
	color: white;
	background:	#1c1c1c;
}

.info_imagen .foto_img{
		width:100%;
		height:100%;
		padding-bottom: .5cm;
}

.info_imagen .foto_texto{
		position: absolute;
		top: 5.8cm;
		left:30%;
		height:4cm;
		width:40%;
		color:white;
}


.texto_izq{
		float: left;
		width:50%;
		margin-top:.5cm;
}

.foto{
	width: 100%;
	height: 10cm;
	border-radius: 10px;
	box-shadow: 1px 5px 5px 4px #DCDCDC;
}

.servi_slider{
	position: static;
	top: 1cm;
	left: .5cm;
	width: 48%;
	height: 10cm;
}
.foto_sli{
	width: 100%;
	height:10cm;
}

.texto_der{
		position: relative;
		height:50%;
		left:51%;
		top: -9.5cm;
		width:45%;
		font-size:.7cm;
		text-align: justify;
		padding-right:1cm;
}

.info_texto_tot{
	clear: both;
	margin: 2px;
	color: white;
	box-sizing: border-box;
	background:	#1c1c1c;
}

.texto{
	width:80%;
	font-size:.7cm;
	text-align: justify;
	margin: 0 auto;
}

.texto1{
	width:90%;
	font-size:.7cm;
	margin: 0 auto;
}

.marcas{
	float: left;
	margin-left: 2.5%;
	margin-top: .7cm;
	width:29.5%;
	height:3cm;
}

.marcas_fotos{
	width:100%;
	height:100%;
	border-radius: 15px;
	box-shadow: 3px 3px 10px #708090;
}

.marcas_texto{
	clear:both;
	height:1cm;
	color: yellow;
}

#menu{
	position: absolute;
	right: 6%;
}

#music{
	position:absolute; 
	top:.1cm;
	left:94%;
}

#cabeza_titulo{
	float: left;
	color: white;
	font-size: .8cm;
}

h1{
	/*background: linear-gradient(right, black, #1c1c1c);*/
	background: black;
	color: #B8860B;
	font-size: 1cm;
	font-family: "Footlight MT Light";
	padding-top:.8cm;
	margin: 0;
	height: 2cm;
	transform: scale(.3);
	-moz-transform: scale(.3);
	-webkit-transform: scale(.3);
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	/*background: -moz-linear-gradient(right, black, #1c1c1c);
	background: -webkit-linear-gradient(right, black, #1c1c1c);*/
}

.normal{
	transform: scale(1); 
	-moz-transform: scale(1); 
	-webkit-transform: scale(1);
}

#slider{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 10px;
padding: 0;

}

#slider div {
position: absolute;
top: 0;
left: 0;
}

#slider1{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 10px;
padding: 0;

}

#slider1 div {
position: absolute;
top: 0;
left: 0;
}


#slider2{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 10px;
padding: 0;

}

#slider2 div {
position: absolute;
top: 0;
left: 0;
}

.sliderimg {
width: 1024px;
height: 500px;

}

.formu{
	width: 100%;
	border: 3px solid #B8860B;
	border-radius: 10px;
	font-size: .6cm; 
	padding: 10px;
	margin-top: .5cm;
	box-shadow: 5px 5px 15px white;
}

input{
	height: 1cm;
	font-size:.6cm;
	width: 95%;
	border-radius: 10px;
}

input:focus {
	border: 3px solid #B8860B;
}

textarea {
	height: 3cm;
	width: 95%;
	font-size: .6cm;
	border-radius: 10px;
	font-weight: 600;
}

textarea:focus{
	border: 3px solid #B8860B;
}

.boton{
	width: 100%;
	background: #B8860B;
	color: white;
	font-weight: 600;
	margin-top: .3cm;
	height: 1cm;
	text-align: center;
	border-radius: 25px;
	cursor: pointer;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.boton:hover{
	transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.error{
    background-color: #BC1010;
    padding: 6px 12px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    position: absolute;
    font-size:12px;
}

.error:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}