html
{
	margin: 0;
	padding: 0;
	overflow: hidden;
}


.fondo
{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	background-image: url(imgs/fondo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.total
{
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 0;
    right: 0;
	top: 0;
	bottom: 0;
    margin: 0 auto 0;
	padding: 30px 0 30px;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
}

.flecha_top
{
	position: absolute;
	z-index: 100;
	display: none;
	right: 50px;
	bottom: 30px;
	width: 60px;
	height: 30px;
}

.HerniHost_Izq
{
	display: inline-block;
	width: 113px; /*489px;*/
	height: 120px;
	overflow: hidden;
}

.HerniHost_Der
{
	display: inline-block;
	width: 113px; /*411px;*/
	height: 120px;
	overflow: hidden;
}

.Slogan
{
	width: 100%;
	height: 0em;
	margin: 20px 0 0;
	font-family: "Arial";
	font-size: 40px;
	font-style: italic;
	font-weight: bold;
	overflow: hidden;
	background-color: #000;
	color: #FFF;
}

.Botones
{
	width: 100%;
	margin: 20px 0;
}

.Boton
{
	display: inline-block;
	opacity: 0;
	padding: 5px 20px;
	margin: 0 30px;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	font-size: 1.2em;
	font-weight: bold;
}

.Boton:hover
{
	margin: 0 28px;
	border-left: solid 2px #008;
	border-right: solid 2px #060;
	border-top: none;
	border-bottom: none;
}

.BotonBlanco
{
	display: inline-block;
	opacity: 0;
	padding: 5px 20px;
	margin: 0 30px;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}

.BotonBlanco:hover
{
	margin: 0 28px;
	border-left: solid 2px #008;
	border-right: solid 2px #060;
	border-top: none;
	border-bottom: none;
}

.Contenido
{
	display: inline-block;
	width: 900px;
	padding: 10px;
	background-color: #FFF;
	background-color: rgb(85, 85, 85);				/* Para los buscadores que no admitan RGBa */
    background-color: rgba(255, 255, 255, 0.3);		/* RGBa con 0.3 de opacidad */
}



/* ======= */
/* GENERAL */
/* ======= */

h1
{
	margin: 5px 0 40px;
	font-size: 24px;
	font-weight: bold;
}

p
{
	margin: 5px 0 0;
}

div p:first-of-type
{
	margin: 0;
}

.Titulo
{
	margin: 5px 0 20px;
	background-color: #000;
	color: #FFF;
	font-style: italic;
}

.Izquierda
{
	text-align: left;
}



/* ====== */
/* INICIO */
/* ====== */

#Carrusel_Soluciones
{
	width: 100%;
	height: 200px;
	margin: 20px 0;
	overflow: hidden;
}

#Carrusel_Clientes
{
	width: 100%;
	height: 200px;
	margin: 20px 0 0;
	overflow: hidden;
}

.Carrusel_Item
{
	width: 100%;
	height: 155px;
	padding: 25px 0;
	margin: 0;
}



/* ========== */
/* SOLUCIONES */
/* ========== */

.Solucion
{
	width: 850px;
	margin: 0 25px 40px;
}

.Solucion:last-child
{
	margin: 0 25px 0;
}

.Solucion_Slogan
{
	padding-bottom: 5px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

.Solucion_Izq
{
	display: inline-block;
	width: 400px;
	margin: 0 30px 0 0;
	text-align: center;
	vertical-align: top;
}

.Solucion_Der
{
	display: inline-block;
	width: 400px;
	height: 150px;
	overflow-y: auto;
	text-align: left;
	/*background-color: rgb(85, 85, 85);				/* Para los buscadores que no admitan RGBa */
    /*background-color: rgba(255, 255, 255, 0.3);		/* RGBa con 0.3 de opacidad */
}



/* =================== */
/* FORMULARIO CONTACTO */
/* =================== */

#Formulario
{
	display: inline-block;
	width: 600px;
}

.Campo
{
	display: inline-block;
}

.Campo_Obligatorio
{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.Formulario_Error
{
	color: #990000;
	font-weight: bold;
}

textarea
{
    resize: none;
	width: 580px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}

input[type=text]
{
	width: 240px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.Campo_Izquierda
{
	margin: 0 10px 10px 0;
}

.Campo_Derecha
{
	margin: 0 0 10px 10px;
}

input[type=submit]
{
	width: 145px;
	margin: 0 5px 5px 0;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

input[type=reset]
{
	width: 145px;
	margin: 0 0 5px 5px;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}