/*hoja  de estilos graficasbarbastro.com 2007 */

/*estilos generales*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.623em;
	background-color: #FFFFFF;
	color: #212121;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}
/*estilos maquetación */
#contenedor{
	width: 750px;
	padding-top: 50px;

}
html>body #contenedor{
	margin: 0px auto;

}
h1{
	background-image: url(../img/2logo.gif);
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	text-indent: -4000px;
	width: 330px;
	height: 120px;
	margin: 0px;
	padding: 0px;
}
h2{
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	width: 420px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	text-indent: -4000px;
}
/* cabezas de imagen */
.inicio{background-image: url(../img/cabeza1.jpg);}
.imprenta{background-image: url(../img/cabeza5.jpg);}
.contacto{background-image: url(../img/cabeza4.jpg);}
.desde{background-image: url(../img/cabeza3.jpg);}
.presupuestos{background-image: url(../img/cabeza2.jpg);}
.como{background-image: url(../img/cabeza6.jpg);}
.ftp{background-image: url(../img/cabeza7.jpg);}

#izq{
	width: 330px;
	float:left;
	text-align: right;
}
ul#menua{
	margin: 0px;
	padding: 20px 10px 0px 0px;
	width: 320px;
	float: left;
	text-align: right;
}
ul#menua li{
	display: block;
	list-style: none;
	}
ul#menua li a:link, ul#menua li a:visited{ 
	color: #878787; 
	text-decoration: none; 
	width: 300px; 
	letter-spacing: 2px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	}
ul#menua li a:hover{
	color: #878787; 
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../img/cuadradete.gif);
}

.rosa{
	color: #c10059;
	padding: 100px 30px 0px 0px;
	font-size: 1em;
	float: left;
	width: 300px;
}
.pie{
	padding: 10px 30px 0px 0px;
	font-size: 0.9em;
	}
.pie a:link, .pie a:visited{ color: #d44d8b; text-decoration: none; font-weight: bold; background-image: none;}
.pie a:hover{ color: #878787; text-decoration: underline; background-image: none;}

/*maquetación contenido */
#contenido{
	width: 420px;
	padding: 5px 0px 30px 0px;
	margin: 0px;
	float: left;
	text-align: left;
	height: 300px;
}
html>body #contenido{
	height: auto;
	min-height: 300px;
}
h3{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-position: left;
	background-repeat: no-repeat;
	text-indent: -4000px;
	height: 40px;
	width: 420px;
}
h4{
	font-size: 1.2em;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0px;
	padding: 20px 0px 3px 0px;
	color: #c10059;
}
p{
	margin: 0px;
	padding: 2px 0px 5px 0px;
}
.negrita{
	font-weight: bold;
	color: #c10059;
	font-size: 1.1em;
	margin-right: 10px;
}

/* titulos seccion */
.inicio2{	background-image: url(../img/inicio.gif);}
.imprenta2{	background-image: url(../img/imprenta.gif);}
.contacto2{	background-image: url(../img/contacto.gif);}
.dise2{	background-image: url(../img/dise.gif);}
.desde2{	background-image: url(../img/desde.gif);}
.presupuestos2{background-image: url(../img/presupuestos.gif);}
.como2{background-image: url(../img/comotraer.gif);}
.ftp2{background-image: url(../img/ftp.gif);}



/* listados*/
ul#lista{
	margin: 0px;
	margin: 5px 0px 5px 20px;
	padding: 0px;
	text-align: left;
	width: 395px;
}
ul#lista li{
	display: block;
	color: #d44d8b;
	font-weight: bold;
	}


/*formulario*/
#forma{
	width: 400px;
	text-align: left;
	padding: 20px 10px 10px 10px;
	background-color: #dddddd;
}
html>body #forma{
padding: 20px 20px 10px 20px;
	width: 380px;
}

textarea{
	width: 380px;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
		color: #c10059;
		font-size: 1.1em;
}
.texto{
	width: 280px;
	font-size: 1.1em;
	color: #c10059;
}
html>body .texto{
	width: 100%;
}
.boton{
	
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;	
	color: #ffffff;
	background-color: #d44d8b;
	width: 380px;
	padding: 4px;
}
input{
	margin-right: 15px;
}

/*opciones de presupuestos*/
a.normal:link, a.normal:visited{ color: #d44d8b; font-weight: bold; text-decoration: none; background-image: none;}
a.normal:hover{ color: #878787; text-decoration: underline; background-image: none;}

ul#pres{
	margin: 0px;
	padding: 20px 0px 10px 10px;
	float: left;
	text-align: left;
	width: 400px;
}
ul#pres li{
	display: block;
	list-style: none;
	}
ul#pres li a:link, ul#pres li a:visited{ 
	color: #d44d8b; 
	text-decoration: none; 
	width: 300px; 
	letter-spacing: 2px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	}
ul#pres li a:hover{
	color: #878787; 
	text-decoration: underline;
}