/*********************************************************

			Hoja de estilo: Global
			Autor: Alexis Domínguez Pizarro 		// 		www.naturedigital.es					

*********************************************************/

/* =Global
-------------------------------------------------------------------------------------------*/
body {
	background-image: url(../gfx/fondo.jpg);
	background-color:#426424;
	background-position:top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
img, div, p { behavior: url(iepngfix.htc) }
strong {
	font-weight:bold;
}
a {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	font-weight:bolder;
	font-size: 11px;
	line-height: 1.2em;
	padding-bottom: 15px;
}
a:hover {
	font-family: Verdana;
	color: #215400;
	text-decoration: underline;
	font-weight:bolder;
	font-size: 11px;
	line-height: 1.2em;
	padding-bottom: 15px;
}

/* Cabecera
-------------------------------------------------------------------------------------------*/
div#eslogan {
	background-image:url(../gfx/eslogan.png);
	background-repeat:no-repeat;
	height:33px;
	width: 448px;
	float:right;
	text-indent: -9999px;
	}
div#cabecera p.logo {
	background-image: url(../gfx/logo-nature-digital.png);
	background-repeat:no-repeat;
	width: 233px;
	height:83px;
	margin-top:19px;
	margin-left:22px;
	float:left;
	text-indent: -9999px;
	position:relative;
}
div#cabecera a#logo {
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	height:80px;
	display:block;
	text-indent: -9999px;
}
div#cabecera p.boton1 {
	background-image: url(../gfx/boton1.png);
	background-repeat:no-repeat;
	width: 129px;
	height:33px;
	margin-top:80px;
	margin-left:53px;
	float:left;
	text-indent: -9999px;
	position:relative;
}
div#cabecera a#boton1 {
	position:relative;
	top:0px;
	left:0px;
	width:125px;
	height:30px;
	display:block;
	text-indent: -9999px;
}
div#cabecera p.boton2 {
	background-image: url(../gfx/boton2.png);
	background-repeat:no-repeat;
	width: 129px;
	height:33px;
	margin-top:47px;
	margin-left:25px;
	float:left;
	text-indent: -9999px;
	position:relative;
}
div#cabecera a#boton2 {
	position:relative;
	top:0px;
	left:0px;
	width:125px;
	height:30px;
	display:block;
	text-indent: -9999px;
}
div#cabecera p.boton3 {
	background-image: url(../gfx/boton3.png);
	background-repeat:no-repeat;
	width: 139px;
	height:33px;
	margin-top:47px;
	margin-left:20px;
	float:left;
	text-indent: -9999px;
	position:relative;
}
div#cabecera a#boton3 {
	position:relative;
	top:0px;
	left:0px;
	width:138px;
	height:30px;
	display:block;
	text-indent: -9999px;
}
div#cabecera p.boton4 {
	background-image: url(../gfx/boton4.png);
	background-repeat:no-repeat;
	width: 111px;
	height:33px;
	margin-top:47px;
	margin-left:21px;
	float:left;
	text-indent: -9999px;
	position:relative;
}
div#cabecera a#boton4 {
	position:relative;
	top:0px;
	left:0px;
	width:111px;
	height:30px;
	display:block;
	text-indent: -9999px;
}

/* Cuerpo
-------------------------------------------------------------------------------------------*/
div#central {
	width: 726px;
	float:left;
}
div#diseno_web {
	width: 726px;
	float:left;
}
div#cuerpoweb {
	width: 726px;
	float:left;
	background-image:url(../gfx/fondo_diseno_web.jpg);
}
div#diseno_web h1.diseno_web {
	width: 726px;
	height:60px;
	background-image:url(../gfx/diseno_web.jpg);
	text-indent: -9999px;
}
div#diseno_web p {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	line-height: 1.2em;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 15px;
	background-image:url(../gfx/fondo_diseno_web.jpg);
}
div#diseno_web p#info {
	height:25px;
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 10px;
	padding-left:70px;
	padding-bottom:0px;
	padding-top:10px;
	background-image:url(../gfx/fondo_info.jpg);
}
div#diseno_web p.web_presencial {
	background-image: url(../gfx/web_presenciales.jpg);
	background-repeat:no-repeat;
	width: 188px;
	height:157px;
	float:left;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}
div#diseno_web a#web_presencial {
	position:relative;
	width:160px;
	height:110px;
	display:block;
	text-indent: -9999px;
	left: 20px;
	top: 10px;
}
div#diseno_web p.web_corporativas {
	background-image: url(../gfx/web_corporativas.jpg);
	background-repeat:no-repeat;
	width: 177px;
	height:157px;
	float:left;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}
div#diseno_web a#web_corporativas {
	position:relative;
	top:10px;
	left:10px;
	width:160px;
	height:110px;
	display:block;
	text-indent: -9999px;
}
div#diseno_web p.catalogos {
	background-image: url(../gfx/catalogos_virtuales.jpg);
	background-repeat:no-repeat;
	width: 177px;
	height:157px;
	float:left;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}
div#diseno_web a#catalogos {
	position:relative;
	top:10px;
	left:10px;
	width:160px;
	height:110px;
	display:block;
	text-indent: -9999px;
}
div#diseno_web p.amedida {
	background-image: url(../gfx/web_a_medida.jpg);
	background-repeat:no-repeat;
	width: 184px;
	height:157px;
	float:left;
	text-indent: -9999px;
	margin:0px;
	padding:0px;
}
div#diseno_web a#amedida {
	position:relative;
	top:10px;
	left:10px;
	width:160px;
	height:110px;
	display:block;
	text-indent: -9999px;
}
div.diseno_web_pie {
	width: 726px;
	height:10px;
	background-image:url(../gfx/pie_diseno_web.jpg);
	float:left;
	margin:0px;
	padding:0px;
}

div#cuerpoweb ul {
	background-image:url(../gfx/fondo_diseno_web.jpg);
	padding-left:25px;
}
div#cuerpoweb li {
font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	background-image: url(../gfx/lista.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:2px;
	height:24px;
}
div#cuerpoweb h2.pqnosotros {
	background-image: url(../gfx/porque_nosotros_diseno_web.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.metodo_trabajo {
	background-image: url(../gfx/metodologia_de_trabajo.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.exclusivo {
	background-image: url(../gfx/exclusividad_diseno_web.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.ultimo {
	background-image: url(../gfx/lo_ultimo_diseno_web_profesional.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.desglose {
	background-image: url(../gfx/desglose_producto.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.extras {
	background-image: url(../gfx/extras.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#cuerpoweb h2.algunos_trabajos {
	background-image: url(../gfx/algunos_trabajos.jpg);
	background-repeat:no-repeat;
	width: 374px;
	height:34px;
	text-indent: -9999px;
	margin:8px;
}
div#diseno_web h1.webs_presencial {
	width: 726px;
	height:60px;
	background-image: url(../gfx/webs_presenciales.jpg);
	text-indent: -9999px;
}
div#diseno_web h1.nature {
	width: 726px;
	height:60px;
	background-image: url(../gfx/nature_digital_titulo.jpg);
	text-indent: -9999px;
}

div#diseno_grafico {
	width: 726px;
	float:left;
}
div#diseno_grafico h1.diseno_grafico {
	width: 726px;
	height:216px;
	background-image: url(../gfx/diseno_grafico.jpg);
	text-indent: -9999px;
}
div#diseno_grafico p {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	line-height: 1.2em;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 15px;
	background-image:url(../gfx/fondo_diseno_web.jpg);
}
div#diseno_grafico ul {
	background-image:url(../gfx/fondo_diseno_web.jpg);
	padding-left:40px;
	padding-right:20px;
	padding-bottom: 15px;
}
div#diseno_grafico li {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 11px;
	line-height: 1.2em;
	list-style-type:disc;
	padding-bottom: 8px;
}
div#diseno_grafico p.info {
	height:25px;
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 10px;
	padding-left:70px;
	padding-bottom:0px;
	padding-top:10px;
	background-image:url(../gfx/fondo_info.jpg);
}

div#infografia {
	width: 726px;
	float:left;
}
div#infografia_swf {
	width: 726px;
	padding:0px;
	margin:0px;
}
div#infografia h1.infografia {
	width: 726px;
	height:49px;
	background-image: url(../gfx/infografia.jpg);
	text-indent: -9999px;
}
div#infografia p {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	line-height: 1.2em;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 15px;
	background-image:url(../gfx/fondo_diseno_web.jpg);
}
div#infografia p.info {
	height:25px;
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 10px;
	padding-left:70px;
	padding-bottom:0px;
	padding-top:10px;
	background-image:url(../gfx/fondo_info.jpg);
}

div#formulario {
	width:189px;
	float:left;
	background-color:#373737;
}
div#formulario h2#titulo {
	width: 189px;
	height:45px;
	background-image: url(../gfx/presupuesto.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
}
div#formulario p {
	font-family: Verdana;
	color: #cef3b5;
	line-height: 1.2em;
	letter-spacing: 0;
	text-decoration: none;
	text-align: justify;
	font-size: 10px;
	padding-left:27px;
	padding-right:10px;
	padding-bottom: 15px;
}
div#formulario form {
	padding-left:10px;
}
/*div#formulario legend+ul {
	border-top: 1px solid #f0f0f0;
	padding-top:10px;
	display:block;
	width:170px;
}*/
div#formulario ul li {
	height:50px;
}
div#formulario ul li.textarea {
	height:180px;
}
div#formulario label {
	font-weight:bold;
	color:#e6f3dd;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
div#formulario input {
	background-color:#e6f3dd;
	width:160px;
	border:1px solid #e6f3dd;
	padding: 2px;
}
div#formulario textarea {
	background-color:#e6f3dd;
	width:160px;
	height:158px;
	border:1px solid #e6f3dd;
	padding: 2px;
}
div#formulario input#submit {
	background-image:url(../gfx/enviar.jpg);
	width:69px;
	height:26px;
	border:none;
	padding-bottom:6px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:100px;
}
div#formulario p.telefono {
	background-image: url(../gfx/telefono.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
	height:81px;

}

/* Pie
-------------------------------------------------------------------------------------------*/
div#pie p {
	padding-top:30px;
	padding-left:65px;
	color:#a5ca56;
	font-family: Verdana;
	text-decoration: none;
	font-size: 10px;
}
div#pie a {
	color:#a5ca56;
	font-family: Verdana;
	text-decoration: none;
	font-size: 10px;
}


/* Web Presencial
-------------------------------------------------------------------------------------------*/
div#muestra_web_presencial {
	width: 726px;
	height:245px;
	background-image: url(../gfx/muestra_web_presencial.jpg);
	background-repeat:no-repeat;
}
div#muestra_web_presencial a#barco {
	position:relative;
	top:170px;
	left:55px;
	width:100px;
	height:18px;
	display:block;
	text-indent: -9999px;
}
div#muestra_web_presencial a#reiki {
	position:relative;
	top:150px;
	left:230px;
	width:100px;
	height:18px;
	display:block;
	text-indent: -9999px;
}
div#muestra_web_presencial a#rosal {
	position:relative;
	top:130px;
	left:405px;
	width:100px;
	height:18px;
	display:block;
	text-indent: -9999px;
}
div#muestra_web_presencial a#euroserrano {
	position:relative;
	top:113px;
	left:580px;
	width:100px;
	height:18px;
	display:block;
	text-indent: -9999px;
}

/* Infografia
-------------------------------------------------------------------------------------------*/
div#cuerpo_infografia {
	width: 726px;
	float:left;
	background-image:url(../gfx/fondo_centro.jpg);
}
div#foto_infografia {
	width: 272px;
	float:left;
	margin-left:12px;
}
div#texto_infografia {
	width: 428px;
	float:left;
}
div#texto_infografia h2.infografia_fotorealista {
	background-image:url(../gfx/infografia_3d_fotorealista.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
div#texto_infografia p {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	line-height: 1.2em;
	padding-top:5px;
	padding-left:20px;
	padding-right:2px;
	padding-bottom: 5px;
	background-image: url(../gfx/fondo_texto.jpg);
}
div#texto_infografia ul {
	background-image: url(../gfx/fondo_texto.jpg);
	padding-left:45px;
	padding-top:6px;
}
div#texto_infografia li{
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	height:24px;
	list-style-type: disc;
	padding-right:2px;
}
div#texto_infografia h2.dg {
	background-image: url(../gfx/diseno_grafico_profesional.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
	div#texto_infografia h2.dw_presencial {
	background-image: url(../gfx/diseno_web_presencial.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
	div#texto_infografia h2.catalogo_virtual {
	background-image: url(../gfx/catalogos_virtuales_titulo.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
	div#texto_infografia h2.dw_amedida {
	background-image: url(../gfx/diseno_web_a_medida.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
	div#texto_infografia h2.corporativa {
	background-image: url(../gfx/diseno_web_corporativa.jpg);
	background-repeat:no-repeat;
	height:66px;
	text-indent: -9999px;
	}
	div#texto_infografia h2.sobre_nosotros {
	background-image: url(../gfx/sobre_nosotros.jpg);
	background-repeat:no-repeat;
	height:58px;
	text-indent: -9999px;
	}
	div#texto_infografia h3 {
	font-family: Verdana;
	font-weight:bold;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 15px;
	line-height: 1.2em;
	padding-top:5px;
	padding-left:20px;
	padding-right:2px;
	padding-bottom: 5px;
	background-image: url(../gfx/fondo_texto.jpg);
	}
	
	/* dw
-------------------------------------------------------------------------------------------*/
div#dw {
	width: 710px;
	float:left;
}
div#dw p {
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	line-height: 1.2em;
	padding-top:5px;
	padding-left:20px;
	padding-right:2px;
	padding-bottom: 5px;
}
div#dw ul {
	padding-left:45px;
	padding-top:6px;
}
div#dw li{
	font-family: Verdana;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 13px;
	height:24px;
	list-style-type: disc;
	padding-right:2px;
}
	div#dw h3 {
	font-family: Verdana;
	font-weight:bold;
	color: #215400;
	text-decoration: none;
	text-align: justify;
	font-size: 15px;
	line-height: 1.2em;
	padding-top:5px;
	padding-left:20px;
	padding-right:2px;
	padding-bottom: 5px;
	}