body {
	background-color: #e1e1e1;
	margin: 0em;
	padding: 0em;
	font: 0.626em arial;
	height: 100%;
}

html {
	margin: 0em;
	padding: 0em;
	height: 100%;
}

h1 {
	text-indent: -500em;
	float: left;
}

h3 {
	font: bold 1.2em Arial;
	color: #0f6a6f;
	height: 2.4em;
	padding: 1.2em 0em 0em 1.8em;
	border-bottom: 1px dashed #0f6a6f;
}
html>body h3 {
	height: 2.4em;
	padding: 0em 0em 0em 1.8em;
}

h4 {
	font: bold 1.1em Arial;
	color: #0f6a6f;
	height: 2em;
	padding: 0.5em 0em 0em 1.8em;
	float: left;
	clear: both;
}
html>body h4 {
	height: 1em;
	padding: 0em 0em 0em 1.8em;
}

/* 
--------------------------------------------
 Container general 
--------------------------------------------
*/
#contenedor {
	margin: 0em;
	width: 100%;
	height: 100%;
}


/* 
--------------------------------------------
 Cabecera logo
--------------------------------------------
*/
#cabecera {
	margin: 0em;
	width: 100%;
	height: 8.4em;
	background-image: url(../img/fnd-superior.jpg);
	background-repeat: repeat-x;
	float: left;
}
html>body #cabecera {
	height: 8.3em;
}


/* 
--------------------------------------------
 Cabecerea imagen
--------------------------------------------
*/
#imagen1 {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 8.3em;
	text-align: right;
	background-image: url(../img/imagen1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	float: left;
}
#imagen2 {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 8.3em;
	text-align: right;
	background-image: url(../img/imagen2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
	float: left;
}
#imagen3 {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 8.3em;
	text-align: right;
	background-image: url(../img/imagen3.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
	float: left;
}
#imagen4 {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 8.3em;
	text-align: right;
	background-image: url(../img/imagen4.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
	float: left;
}

/* 
--------------------------------------------
 Clases cabecera
--------------------------------------------
*/
h2.industria {
	background-image:url(../img/pre-logo.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	width: 55%;
	height: 1em;
	margin: 2em 0em 0em 0.3em;
	padding: 0em;
	float: left;
}
html>body h2.industria {
	margin: 3.6em 0em 0em 1em;
}

h1.logo {
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 25%;
	height: 1.8em;
	margin: 0.4em 0.3em 0em 0em;
	padding: 0em;
	float: right;
}
html>body h1.logo {
	margin: 0.6em 1em 0em 0em;
	height: 2.8em;
}


/* 
--------------------------------------------
 Fondo menú
--------------------------------------------
*/
#fndmenu {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 2.5em;
	background-color: #0f6a6f;
	border-bottom: 1px solid #FFFFFF;
	float: left;
}

/* 
--------------------------------------------
 Menú
--------------------------------------------
*/
ul#menu {
	margin: 0.6em;
	padding: 0em;
}
ul#menu li {
	display: inline;
	margin: 0em 0em 0em 1.5em;
}
ul#menu li a{
	text-decoration: none;
	text-transform: uppercase;
	font: bold 1em Arial;
	color: #FFFFFF;
	display: inline;
}
ul#menu li a:hover{
	color: #fabb26;
}


/* 
--------------------------------------------
 Contenido
--------------------------------------------
*/
#contenido {
	margin: 0em;
	padding: 0em;
	width: 100%;
	background-image: url(../img/fnd-contenido.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	float: left;
}


/* 
--------------------------------------------
 Pie 
--------------------------------------------
*/
#pie {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	width: 100%;
	clear: both;
}
html>body #pie {
	padding-bottom: 3.5em;
}


/* 
--------------------------------------------
 Aviso
--------------------------------------------
*/
ul#aviso {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	float: left;
}
html>body ul#aviso {
	margin: 0em 0em 0em 1.3em;
}
ul#aviso li {
	display: inline;
	margin: 0em 0em 0em 1.5em;
}
ul#aviso li a{
	text-decoration: none;
	font: bold 1em Arial;
	color: #333333;
	display: inline;
}
ul#aviso li a:hover{
	color: #999999;
}

/* 
--------------------------------------------
 Textos
--------------------------------------------
*/
.textonormal {
	font: normal 1em Verdana;
	color: #444444;
	padding: 1em 3em 2em 3em;
	float: left;
}

.text {
	font: normal 1em Verdana;
	color: #444444;
}

.foto {
	float: left;
	margin: 2em 1em 1em 1em;
	border: none;
}

/* 
--------------------------------------------
 Productos
--------------------------------------------
*/
ul#productos {
	margin: 1em 0em 5em 0.3em;
	padding: 0em;
	float: left;
	clear: both;
}
ul#productos li {
	list-style-type: none;
	display: block;
	margin: 0em 0em 0em 1.5em;
	padding: 0.4em 0em 0em 0em;
	width: 25em;
	height: 1.9em;
	border-bottom: 0.1em solid #d5cbaa;
}
ul#productos li a{
	text-decoration: none;
	font: bold 1.1em Arial;
	color: #333333;
}
ul#productos li a:hover{
	color: #999999;
}

/* 
--------------------------------------------
 Productos izquierda
--------------------------------------------
*/
#productosi {
	margin: 0em;
	padding: 1em 0em 2em 4em;
	width: 45%;
	float: left;
}

/* 
--------------------------------------------
 Productos derecha
--------------------------------------------
*/
#productosd {
	margin: 0em;
	padding: 1em 0em 0em 0em;
	width: 50%;
	float: right;
}

.textopie {
	text-decoration: none;
	font: normal 0.9em Verdana;
	width: 92%;
	color:#0f6a6f;
	margin: 1.5em 1.5em 1.5em 1.5em;
	float: left;
}
html>body .textopie {
	margin: 2em 1.5em 1.5em 3em;
}

.fotoempresa {
	margin: 5em 1.5em 1.5em 5em;
	float: left;
}

.fotohome {
	margin: 2em 0em 3.5em 3em;
	float: left;
}

.campo {
	border: 1px solid #CCCCCC;
	font: normal 1em Verdana;
	color: #444444;
}

/* Estilos para el formulario
_________________________________*/

form{
	width: 60%;
	padding: 0em;
	text-align: left
}
fieldset{
	border: 1px solid #0f6a6f;
	padding: 1em
}
label{
padding: 2em
}

input.usuario{
	width: 100%;
	padding: 0.2em
}

.boton{
	width: 40%;
	background-color: #0f6a6f;
	color: #FFF
}

form.presupuesto{
	width: 100%!important;
}

input{
	/*width: 80%;*/
	padding: 0.2em
}