﻿body{
	background: #f7f7f7;
}

#cabecera-ayuda{
	border: 0px solid red;
	width: 100%;
	height: 130px;
}

.texto{
	width: 100%;
	font-size: 31px;
	color: #666666;
	font-weight: bold;
	float: left;
	margin-bottom: 20px;
}



#productos{
	border: 0px solid green;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 230px;
	max-height: 230px;
	float: left;
}

.producto{
	border: 0px solid red;
	position: relative;
	z-index: 10;
	width: 100%;
	text-align: center;
	float: left;
	margin: 0 2.4%;
	cursor: pointer;
}

.porCiento{
	width: 20% !important;
}

.producto:hover .titulo-producto{
	color: #eb1f27;
}

.efectoUno:hover .imagen-producto img{
	width: 110%;
	margin: -4% 0 0 -4%;
}

.efectoDos:hover .imagen-producto img{
	width: 54% !important;
	margin: -4% 0 0 -4%;
}

.efectoTres:hover .imagen-producto img{
	width: 76% !important;
	margin: -4% 0 0 -4%;
}

.imagen-producto{
	border: 0px solid red;
	position: relative;
	z-index: 10;
	width: 100%;
	min-height: 150px !important;
	max-height: 120px !important;
	text-align: center;
	padding: 20px 0 0;
	float: left;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.imagen-producto img{
	border: 0px solid red;
	position: relative;
	z-index: 10;
	width: 90%;

	transition:all 0.4s;
}

.titulo-producto{
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	float: left;
	margin: 12px 0 0 0;

	transition:all 0.4s;
}


.sin-padding{
	padding-top: 0;
}




#ladoi{
	width: 64%;
	float: left;
	padding: 0 15px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

#titulo-ladoi{
	border-bottom: 2px solid #eb1f27;
	width: 100%;
	line-height: 40px;
	font-size: 21px;
	float: left;
	padding: 12px 0;
}

#titulo-ladoi b{
	color: #eb1f27;
	font-size: 34px;
}

#formulario{
	width: 100%;
	padding: 12px 0;
	float: left;
}

#formulario span{
	border: 0px solid red;
	width: 100%;
	font-size: 22px;
	color: #eb1f27;
	font-weight: bold;
	margin: 30px 0 10px;
	float: left;
}


#ladoi-formulario{
	width: 44.5%;
	float: left;
}

#ladod-formulario{
	width: 44%;
	float: left;
	margin-left: 7.5%;
}


#ladod{
	width: 31%;
	float: left;
	margin-left: 50px;
}

#titulo-ladod{
	border-bottom: 2px solid #eb1f27;
	width: 100%;
	line-height: 40px;
	font-size: 21px;
	float: left;
	padding: 12px 0;
}

#titulo-ladod b{
	color: #eb1f27;
	font-size: 34px;
}

#contenido-ladod{
	width: 100%;
	font-size: 21px;
	line-height: 31px;
	padding: 12px 0;
	float: left;
}

#contenido-ladod b{
	color: #eb1f27;
}

#contenido-ladod a{
	color: black;
	font-weight: 400;
	text-decoration: none;
}


