@charset "UTF-8";
/* CSS Document */

BODY{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:center; width:1024px; padding-top:10px;}

H1{font-size:24px}
H2{font-size:18px}

a:link{color:#FFF; text-decoration: none;}
a:visited{color:#CCC; text-decoration:none;}
a:hover{color:#CCC; text-decoration:none;}
.menu:hover{ background-image:url(img/fondomenugris.gif);}

/*el menú con cambio de color*/

.menu1:hover{ background-image:url(img/fondomenugris.gif);}

.menuactivo{ background-image:url(img/fondomenugris.gif)}


/*el estilo del formulario de contactor*/

fieldset input[type=text], fieldset textarea{
	border:none;
	margin:5px 5px 5px 5px;
	color:#333;}
	
fieldset input[type=text]{
	border:none;
	background-image:url(img/Fondos-05.png);
	background-repeat:no-repeat;
	color:#C06;
	width:170px;
	height:22px;
	padding:2px 5px;}
	
fieldset textarea{
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(img/Fondos-06.png);
	background-repeat:no-repeat;
	color:#C06;
	width:170px;
	height:170px;
	padding:2px 5px;}


/*el cuerpo de la páginar*/

div.cabecera{
	width:1024px;
	height:130px}
		.textocabecera{
			text-align:right;
			padding:5px 0px 0px 0px}
		.logo{ background-image: url(img/logo.png); background-repeat:no-repeat; width:1024px; height:118px}
div.pie{
	background-image:url(img/fondopie.gif);
	background-repeat:repeat;
	width:1024px;
	height:120px;}
	
	DIV.piedos{
		
		bottom:10px;
		background-image:url(img/circulos.png);
		width:156px;
		height:120px;
	}
	.textopie1{
		height:100px;
	
		padding-left:35px;
		list-style-image:url(img/puntolista_blanco.png);
		font-size:10px;
		color:#FFF;
		}
div.cuerpo{
	background-image:url(img/fondo1.png);
	width:1024px;
	height:700px;
	}
div.trabajando{
	background-image:url(img/Fondos-07.jpg);
	width:1024px;
	height:701px;
	}
div.cuerpo1{
	
	background-image:url(img/fondo0.png);
	width:1024px;
	height:700px;
	}

div#diseno1{
	text-align: justify;
	width:300px;
	padding-top: 15px;
	padding-left: 15px;
	position: absolute; 
	}

div#diseno2{
	text-align: justify;
	width:300px;
	padding-top: 15px;
	padding-left: 355px;
	position: absolute; 
	}


div#diseno3{
	text-align: justify;
	width:300px;
	padding-top: 15px;
	padding-left: 695px;
	position: absolute; 
	}

div.cuerpo3{
	
	background-image:url(img/fondo3.png);
	width:1024px;
	height:700px;
	}
	
	div.como1{
	float:left;
		padding:5px 35px;
		width:400px;
		text-align:justify;}
		
	div.como2{

	float:right;
	padding:70px 20px 20px 20px;
	width:450px;
	text-align:justify;
	
}
	
div.cuerpo2{
	
	background-image:url(img/fondo2.png);
	width:1024px;
	height:700px;
	}

	div.que1{
		float:left;
		padding:25px 120px;
		padding-left: 120px;
		width:300px;
		text-align:justify;}
		
	div.que2{
		
		padding-top: 340px;
		float: left;
		width:150px;
		text-align: left;}
	
div.cuerpo6{
	background-image:url(img/fondo6.png);
	width:1024px;
	height:700px;
	}

	div.contacto1{
		float: left;
		position:relative;
		top:120px;
		left:35px;
		width:320px;
		text-align:justify;}
		
	div.contacto2{
		float: right;
		padding:320px 80px 0px 20px;
		width:470px;
		text-align: center;}
	
div.cuerpo7{
	background-image:url(img/fondo7.png);
	width:1024px;
	height:700px;
	}
	
	div.articulos1{
		position:absolute;
	    padding-left: 200px;
		width:400px;
		text-align:justify;}
	
	.cuerpoi{
		position: relative;
		top:22px;
		left:35px;
		text-align:justify;
		width:400px;
		height:130px}
	.separador{
		background-image:url(img/separador.png);
		background-repeat:no-repeat;
		position:relative;
		top:400px;
		left:100px;
		width:250px;
		height:33px;
		}
	.cuerpod{
		position:absolute;
		top:170px;
		right:10px;
		text-align:justify;
		width:400px;
		height:130px}
		
div.cuerpo10{
	background-image:url(img/diseno.JPG);
	width:1024px;
	height:700px;
	}
	
div#diseno_web{
	text-align: justify;
	width:300px;
	padding-top: 75px;
	padding-left: 75px;
	position: absolute; 
	}


SPAN.menu{
	background-image:url(img/fondomenu.gif);
	background-repeat:repeat;
	position:relative;
	bottom:4px;
	border-right:#FFF 2px solid;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	padding-left:35px;
	padding-right:35px;}
SPAN.menuactivo{
	color:#FFF;
	background-image:url(img/fondomenugris.gif);
	background-repeat:repeat;
	position:relative;
	bottom:4px;
	border-right:#FFF 2px solid;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	padding-left:35px;
	padding-right:35px;}

SPAN.menu1{
	background-image:url(img/fondomenu.gif);
	background-repeat:repeat;
	position:relative;
	bottom:4px;
	border-right:#FFF 2px solid;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	padding-left:26px;
	padding-right:26px;}

SPAN.menu2{
	background-image:url(img/fondomenugris.gif);
	background-repeat:repeat;
	position:relative;
	bottom:4px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	padding-left:900px;
	padding-right:26px;}

div.menufondo{
	height:40px;
	width:100%;}
	
div.menufondo1{
	font-size:26px;
	background-image:url(img/fondomenu.gif);
	height:40px;
	width:1024px;}

div#volver{position:absolute; top: 145px; left: 970px;}