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

/**General**/

body{
	background-color:#FFFFFF;
	background-image:url(images/fondo1.gif);
	background-repeat:repeat;
}

#page-wrapper {
	width: 820px;
	margin: 0px auto 0px auto;
}

#page {	

}

#content {
	width:820px;
}

/**Cabecera**/

#header {
	width:820px;
	display:block;
}

#header hr {
	display:none;
}

h1 {
	float:left;
	background-image: url(images/header.png);
	background-position: 10px;
	background-repeat: no-repeat;
	height: 135px;
	width: 820px;
	display:block;

}

h1 p {
	display: none;
}


/**Menu**/

#menu {
	width:820px;
}

#menu ul {
	height: 30px;
	margin-top: 10px;
	list-style: none;
	padding:15px;
}

#menu ul li {
	float: left;
	margin-right: 4px;
}

#menu ul li a {
	
	font: normal bold 16px "Century Gothic",  Arial;
	text-decoration: none;
	display: block;
	background-image: url(images/drc.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#menu ul li a.actual {
	background-image: url(images/drc.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#menu ul li a span {
	display: block;
	background-image:url(images/izq.gif);
	background-position: top left;
	background-repeat: no-repeat;
	/* aquí es donde le aplicamos tamaño a base de rellenos!!! */
	padding: 10px 17px 5px 17px;
}

#menu ul li .a1 span {
	color:#0000FF;
	padding-bottom:6px;	

}

.a2 span {
	color:#00CC33;
	padding-bottom:3px;	
}


#menu ul li a:hover {
}

#menu ul li a:hover span {
	color:#0000CC;
	text-decoration:underline;
}

#menu hr{
	display:none;
}

/**Inicio**/

#inicio-sombra{
	width:828px;
	height:20px;
	background-image: url(images/derecha.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-right:5px;
}

#inicio-sombra2{
	background-image:url(images/izquierda.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:820px;
	height:860px;
	float:left;
	display:block;
	padding-right:0px;
}

#inicio{
	margin-top:15px;
	border-left:3px solid #DFDFDF;
	border-right:3px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
	width:820px;
	height:850px;
	float:left;
	background-color:#FFFFFF;
	font-family:"Century Gothic", Verdana, Arial;
	color:#0000FF;
	text-align:justify;
	display:block;
	padding-right:4px;
}

#text h3{
	width:340px;
	float:left;
	font-size:14px;
	color:#0000FF;
	text-align:justify;
	font-weight:500;
	padding-bottom:10px;
}

#text span{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#text{
	margin:10px 10px 10px 10px;
	width:340px;
	height:190px;
	float:left;
	font-size:14px;
	color:#0000FF;
	text-align:justify;
	margin-right:10px;
	background-color:#E2E2E2;
	padding:0px 15px 10px 15px;
	margin-left:20px;
}

#oxatis{
	margin:20px 0px 10px 0px;
	width:400px;
	height:210px;
	float:left;
	text-align:justify;
	background-image:url(images/oxatis.jpg);
	background-repeat:no-repeat;
	background-position:280px 0px;
}

#oxatis p{
	margin:10px;
	width:270px;
	font-size:14px;
	color:#0000FF;
	text-align:justify;
}

#oxatis2 p{
	margin:10px;
	width:350px;
	font-size:14px;
	padding-top:20px;
	color:#0000FF;
	text-align:justify;
}

#w{
	padding-left:15px;
	margin-bottom:15px;
}
#pack{
	float:left;
	background-image:url(images/pinturas.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	width:240px;
	height:330px;
	margin-left:20px;
}

#pack span{
	font-size:16px;
	font-weight:bold;
	color:#00CC33;
}

#pack p{
	font-size:15px;
	font-weight:bold;
}

#pack ul li{
	font-size:12px;
}

#catalogo{
	float:left;
	width:250px;
	padding-left:10px;
	padding-right:10px;
	height:360px;
	background-image:url(images/pinturas1.gif);
	background-repeat:no-repeat;
	background-position:190px 260px;
}

#catalogo span{
	font-size:16px;
	font-weight:bold;
	color:#00CC33;
}

#catalogo p{
	font-size:15px;
	font-weight:bold;
}

#catalogo ul li{
	font-size:12px;
}

#tienda{
	float:left;
	width:270px;
	height:380px;
	margin-bottom:10px;
	background-image:url(images/pinturas2.gif);
	background-repeat:no-repeat;
	background-position:200px 278px;
}

#tienda span{
	font-size:16px;
	font-weight:bold;
	color:#00CC33;
}

#tienda p{
	font-size:15px;
	font-weight:bold;
}

#tienda ul li{
	font-size:12px;
}


/**Diseño web**/

#dweb-sombra{
	width:828px;
	background-image: url(images/derecha.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float:left;
}

#dweb-sombra2{
	background-image:url(images/izquierda.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:828px;
	height:100px;
}


#dweb{
	float:left;
	display:block;
	background-color:#FFFFFF;
	
	width:825px;
	height:430px;
	margin-top:15px;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
} 

#text-web h3{
	width:320px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:15px;
	color:#0000FF;
	text-align:justify;
	font-weight:500;
}

#text-web{
	margin:10px 0px 10px 15px;
	width:320px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:14px;
	color:#0000FF;
	text-align:justify;
}


#web{
	display:block;
	text-align:justify;
	color:#0000FF;
	font-size:14px;
	padding-left:10px;
	height:300px;
	padding-top:0px;
}

#webs{
	float:left;
	width:460px;
	height:380px;
}

#webs span{
	display:none;
}


/**Diseño grafico**/

#dgrafico-sombra{
	width:828px;
	background-image: url(images/derecha.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float:left;

}

#dgrafico-sombra2{
	background-image:url(images/izquierda.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:826px;
	height:100px;
}

#dgrafico{
	float:left;
	display:block;
	background-color:#FFFFFF;
	
	width:825px;
	height:400px;
	margin-top:15px;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

#text-grafico{
	float:left;
	width:310px;
}

#text-grafico h3{
	margin:15px 0px 15px 0px;;
	padding-left:15px;
	width:280px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:15px;
	color:#0000FF;
	text-align:justify;
	font-weight:500;
}

#grafico{
	float:left;
	text-align:left;
	padding-top:20px;

	height:390px;
}

#grafica{
	display:block;
	text-align:justify;
	color:#0000FF;
	font-size:14px;
	padding-left:25px;
	height:300px;
	font-family:"Century Gothic", Verdana, Arial;
	float:left;
}


/** Contacto **/

#contacto-sombra{
	width:828px;
	background-image: url(images/derecha.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float:left;
}

#contacto-sombra2{
	background-image:url(images/izquierda.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:824px;
	height:100px;
}

#contacto{
	float:left;
	display:block;
	background-color:#FFFFFF;
	
	width:825px;
	height:475px;
	margin-top:15px;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

#text-contacto{
	width:310px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	color:#0000FF;
	text-align:justify;
}

#colores{
	float:left;
	margin-left:20px;
	background-image:url(images/botes.gif);
	background-position:top-left;
	background-repeat: no-repeat;
	width:350px;
	height:485px;
}

#presupuesto{
	float:right;
	width:350px;
	height:450px;
	padding-bottom:15px;

	margin-right:10px;

	text-align:justify;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:14px;
	color:#0000FF;
	background-color:#E5E5E5;
}



/**Formulario**/


form ul li{
	list-style:none;
	padding-top:10px;
	margin-bottom: 8px;
}

form ul li span{
	p
	text-align:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	color:#0000FF;
	font-weight:bold;
}

form ul li label {
	margin: 0px 0px 5px 0px;
}


form ul li input {
	border: 1px solid #0000FF;
	margin-left:10px;
}

form ul li textarea {
	width: 265px;
	height: 60px;
	border: 1px solid #0000FF;
	margin-top:5px;
}

form p{
	text-align:center;
	margin-right:30px;
}

form hr{
	display:none;
}


/**Directorio**/

#directorio-sombra{
	width:828px;
	background-image: url(images/derecha.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float:left;
}

#directorio-sombra2{
	background-image:url(images/izquierda.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:826px;
	height:100px;
}

#directorio{
	width:825px;
	height:1100px;
	padding-top:10px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	color:#0000FF;
	text-align:center;
	display:block;
	background-color:#FFFFFF;
	
	margin-top:15px;
	border-left:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
}

#directorio a{
	text-decoration:none;
}

#directorio a:hover{
	text-decoration:underline;
}

#directorio span{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

#directorio p{
	text-align:left;
	margin:0px 10px 0px 15px;
}

#directorio ul li{
	text-align:left;
}

#col {
	float:left;
	width:350px;
	font-size:14px;
	margin:0px 10px 0px 10px;
}

#col ul li{
	font-size:12px;
}

#col2 {
	float:left;
	width:420px;
	font-size:12px;
	background-image:url(images/rollo.gif);
	background-position:top right;
	background-repeat:no-repeat;
}


/**Envio de formulario**/

#enviado{
	margin:10px;
	width:800px;
	height:300px;
	float:left;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:16px;
	color:#0000FF;
	text-align:center;

}

/**Footer**/

#footer {
	float: left;
	width: 820px;
	height:45px;
	padding-top:5px;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:14px;
	display:block;
}

#footer p{
	text-align:center;
}

#footer hr{
	display:none;
}