body {
	margin:0; padding:0; border:0; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; border-top:7px #FFAC38 solid; text-align:center;
	}
	
#capa100 {
	margin:0; padding:0; border:0; width:100%; background:url(imagenes/fondo-cabecera.jpg) repeat-x top center;
	}

#contenedor {
	margin:0 auto; text-align:left; width:62.50em; position:relative;
	}

#cabecera img {
	border:0; float:left;
}

/* inicio menu*/	
ul#menu {
	margin:0; padding:0; border:0; list-style-type:none;
	}
	
#menu li {
	display:inline; float:left;
	}
	
#menu li a:link, #menu li a:visited {
	color:#036; text-decoration:none; padding:95px 15px 0 15px; display:block; float:left; height:31px; background:url(imagenes/separador-menu.jpg) no-repeat bottom left;
	}
	
#menu li a:hover {
	background:transparent url(imagenes/fondo-menuhover2.jpg) repeat-x top center; color:#FFF;
	}

li.ultimo {
	 background:transparent url(imagenes/separador-menu.jpg) no-repeat bottom right;
	 }

#bodyquienes  li#menust a:link, #bodyquienes  li#menust a:visited, #bodyquienes li#menust a:hover, #bodylocalizacion  li#menust a:link, #bodylocalizacion  li#menust a:visited, #bodylocalizacion li#menust a:hover, #bodyfilosofia  li#menust a:link, #bodyfilosofia  li#menust a:visited, #bodyfilosofia li#menust a:hover, #bodycontacto  li#menucontacto a:link, #bodycontacto  li#menucontacto a:visited, #bodycontacto li#menucontacto a:hover, #bodyweb li#menuweb a:link, #bodyweb li#menuweb a:visited, #bodyweb li#menuweb a:hover, #bodyaccesibilidad li#menuweb a:link, #bodyaccesibilidad li#menuweb a:visited, #bodyaccesibilidad li#menuweb a:hover, #bodydesarrollos li#menuweb a:link, #bodydesarrollos li#menuweb a:visited, #bodydesarrollos li#menuweb a:hover, #bodyredaccion li#menuweb a:link, #bodyredaccion li#menuweb a:visited, #bodyredaccion li#menuweb a:hover, #bodyconsultoria li#menuweb a:link, #bodyconsultoria li#menuweb a:visited, #bodyconsultoria li#menuweb a:hover, #bodyhosting li#menuweb a:link, #bodyhosting li#menuweb a:visited, #bodyhosting li#menuweb a:hover, #bodysoftware li#menusoft a:link, #bodysoftware li#menusoft a:visited, #bodysoftware li#menusoft a:hover, #bodydiseno li#menudiseno a:link, #bodydiseno li#menudiseno a:visited, #bodydiseno li#menudiseno a:hover, #bodyseo li#menusoft a:link, #bodyseo li#menusoft a:visited, #bodyseo li#menusoft a:hover, #bodyportfolio #menuportfolio a:link, #bodyportfolio #menuportfolio a:visited, #bodyportfolio #menuportfolio a:hover {
	background:url(imagenes/fondo-menuhover2.jpg) repeat-x top center; color:#FFF;
}
/* fin menu */





h1 {
	font-size:0.75em; margin:0; padding:140px 0 0 0; color:#ccc; 
	}
	
	


/* inicio funcionalidades */
ul#funcionalidades {
	margin:0; padding:0; border:0; list-style-type:none; position:absolute; top:140px; right:0px;
	}
	
#funcionalidades li {
	display:block; float:left; margin:0 5px 0 0;
}

#funcionalidades li a:link, #funcionalidades li a:visited, #funcionalidades li a:hover {
	display:block; width:23px; height:25px; text-indent:-99999em; overflow:hidden;
}

#inicio {
	background:url(imagenes/inicio.gif) no-repeat;
}

#contacta {
	background:url(imagenes/contactar.gif) no-repeat;
}

#imprimir {
	background:url(imagenes/imprimir.gif) no-repeat;
}

#favoritos {
	background:url(imagenes/favoritos.gif) no-repeat;
}

#rss {
	background:url(imagenes/rss.gif) no-repeat;
}
	
/* fin funcionalidades */




#principal {
	clear:both; padding:15px 0 0 0;
}




/* inicio lateral izquierdo */
#lateraliz {
	padding:0 0 0 13px; width:27.50em; float:left;
}


/* ######### inicio ultimos trabajos ############*/
h2#titultimos {
	margin:0; padding:0; border:0; text-indent:-99999em; background:url(imagenes/ultimos-trabajos.gif) no-repeat; width:156px; height:31px;
}

ul#trabajos {
	margin:10px 0 0 0; padding:0; border:0; list-style-type:none;
}

#trabajos li {
	border:1px #C4C5A6 solid; background:#FCFFF4 url(imagenes/fondo-trabajos.jpg) repeat-x center bottom; padding:8px; margin:0 0 20px 0;
}

li.listporf {
	border:1px #C4C5A6 solid; background:#FCFFF4 url(imagenes/fondo-trabajos.jpg) repeat-x center bottom; padding:8px; margin:0 0 20px 0;
	height:105px;
}

#trabajos li img{
	display:block; float:right; margin:0 0 10px 10px;
}

#trabajos h3 {
	display:inline; margin:0; color:#036; font-size:1em;
}

h3 a:link, h3 a:visited {
	color:#036; text-decoration:none;
}

dl.caracteristicas {
	font-size:0.80em; margin:10px 0 0 0;
}

dl.caracteristicas dt {
	display:block; float:left; color:#FFAC38; /*width:4.50em;*/
}

dl.caracteristicas dd {
	margin:0 2px 2px 4.50em;
}
/* ######### fin ultimos trabajos ############*/


/* fin lateral izquierdo */




/*  inicio articulos blog */
#articulosblog {
	margin:0; padding:0 0 0 45px; border:0; float:left; width:17.25em;
	}

h2#titblog {
	margin:0 0 9px 0; padding:0; border:0; text-indent:-99999em; background:url(imagenes/ultimos-blog.gif) no-repeat; width:244px; height:31px;	
	}
	
ul#listadoblog {
	margin:0; padding:0; border:0; list-style-type:none;
}

#listadoblog li {
	font-size:0.80em; margin-bottom:20px; background:url(imagenes/vineta-listado-blog.gif) no-repeat 0px 2px; padding:0 0 0 20px;
}

ul#listadoblog li a:link, ul#listadoblog li a:visited {
	color:#036; text-decoration:none;
}

ul#listadoblog li a:hover {
	color:#7CBD0C;
}
/* fin artículos blog */



/* inicio lateral derecho */
#lateralder {
	float:right; margin:0; padding:0 0 0 45px; width:10.94em;
}

p.plat {
	font-size:0.75em; margin:0 0 5px 0;
}

#icoredes img {
	display:block; float:left; margin:0 5px 20px 0;
}

h2#titboletin {
	margin:0; padding:0; border:0; text-indent:-99999em; background:url(imagenes/boletin-digital.gif) no-repeat; width:128px; height:31px; clear:both;
}

#formboletin {
	margin-top:10px; border:1px #ADB9C2 solid; background:#F7F9FA url(imagenes/fondo-boletin.jpg) repeat-x center bottom; padding:10px;
}

#formboletin fieldset {
	border:0; margin:0; padding:0;
}

#formboletin label {
	display:block; font-size:0.75em;
}

#bolmail {
	display:block; border:1px #FFAC38 solid; margin:10px auto 10px auto;
}

#suscribirse, #enviar {
	display:block; margin:auto; border:1px #5F9607 solid; background:#96CF34 url(imagenes/fondo-boton.jpg) repeat-x center bottom; color:#FFF;
}


#lateralder h3 {
	margin:10px 0 5px 0; padding:0; border:0; text-indent:-99999em; height:31px;
}

h3#titcontacto {
	background:url(imagenes/contacto.gif) no-repeat; width:91px; text-indent:-99999em; height:31px;
	}
	
h3#titservicios {
	background:url(imagenes/servicios.gif) no-repeat; width:88px;
	}
	
h3#titxhtmlcss {
	background:url(imagenes/xhtmlcss.gif) no-repeat; width:124px;
}

h3#titreferencias {
	background:url(imagenes/referencias.gif) no-repeat; width:108px;
}

h3#clientes {
	background:url(imagenes/clientes.gif) no-repeat;
}

h3#titreferencias {
	background:url(imagenes/referencias.gif) no-repeat;
}

h3#titenlaces {
	background:url(imagenes/enlaces.gif) no-repeat;
}

h3#titconsejos {
	background:url(imagenes/consejos.gif) no-repeat;
}

h3#titcaracteristicas {
	background:url(imagenes/caracteristicas.gif) no-repeat;
}

#datoscontacto {
	padding:10px; border:1px #CEB70D solid; margin:0; font-size:0.80em; border:1px #ADB9C2 solid; background:#F7F9FA url(imagenes/fondo-boletin.jpg) repeat-x center bottom;
	
}

#datoscontacto dt {
	display:block; float:left; height:22px; clear:left;
}

#datoscontacto dd {
	height:22px; font-weight:bold;
}
	
ul#servicios {
	margin:0; padding:0; border:0; list-style-type:none; font-size:0.80em;
}

#servicios li {
	margin:0 0 8px 0;
}

p#psolpresu { 
	background-color:#FFAC38; font-size:0.80em; padding:5px;
}

ul#latservicios {
	margin:0; padding:5px; list-style-type:none; font-size:0.80em; line-height:1.7em; background-color:#E8EEF0; border:3px #ccc solid; color:#333;
}

#latservicios li {
	margin:0 0 15px 0;
}

.textlateral {
	margin:0 0 15px 0; padding:5px 10px; font-size:0.80em; line-height:1.7em; background-color:#E8EEF0; border:1px #ccc solid; color:#333;
}

ul#listadoder {
	margin:0; padding:0; list-style-type:none;
}

.referencias {	
	font-size:0.80em; padding:2px 10px; background-color:#ABDC28; border:1px #7CA800 solid; margin:0 0 20px 0;
}

.txtreferencia {
	line-height:1.6em; color:#FFF; font-style:italic;
}

.refweb a:link, .refweb a:visited, .refweb a:hover  {
	color:#C60;
}

.txtlateral {
	font-size:0.80em; color:#690; line-height:1.6em;
}

ul#listenlaces {
	list-style-type:none; font-size:0.80em; margin:0; padding:0 0 0 20px;
}

#listenlaces li {
	 margin:0 0 10px 0; background:#FFF url(imagenes/maximize.gif) no-repeat 0 2px; padding:0 0 0 17px;
}

#listenlaces li a:link, #listenlaces li a:visited {
	text-decoration:none; color:#399;
}

#listenlaces li a:hover {
}
/* fin lateral derecho */






/* inicio zona inferior */
#inferior {
	clear:both; padding:15px 0 0 0;
}
	
ul#podservicios {
	margin:0; border:0; padding:0; list-style-type:none;
}

#podservicios li {
	width:17em; float:left; margin:0 30px;
}

#podservicios h3 {
	margin:0; padding:5px; background-color:#F3FBEA; font-size:1em;
}

#pod1 h3 {
	color:#73880A;
}

#pod2 h3 {
	color:#274A90
}

#pod3 h3 {
	color:#FEBF01;
}

#podservicios p {
	color:#817E83; font-size:0.70em;
}

/*fin zona inferior*/






/*inicio zona lateral con contenidos zon submenus*/
#lateralcont{
	padding:0 0 0 13px; width:11.88em; float:left; margin:0 45px 0 0;
}

#submenu h3 {
	background:#F8FAFB url(imagenes/fondo-submenu.gif) repeat-x center bottom; padding:2px; color:#FFAC38; font-size:1.1em; text-align:center; margin:0 0 15px 0; border:1px #ADB9C2 solid;
}

#submenu h3 span {
 color:#05458D;
}

#submenu ul {
	list-style-type:none; margin:0 0 40px 0; padding:0; border:0;
}

#submenu li {
	border-bottom:1px #CCC solid; font-size:0.90em;
}

#submenu li a:link, #submenu li a:visited {
	display:block; line-height:1.7em; color:#000; text-decoration:none; padding:0 0 0 25px; 
}

/*#submenu li a:hover {
	background:#E2F2CA url(imagenes/vineta-submenu.gif) no-repeat center left;
}*/

#submenu li a:hover {
	background:#CAF2ED url(imagenes/vineta-submenu2.gif) no-repeat center left;
}

#bodyquienes li#smenuquienes a:link, #bodyquienes li#smenuquienes a:visited, #bodyquienes li#smenuquienes a:hover, #bodylocalizacion li#smenulocalizacion a:link, #bodylocalizacion li#smenulocalizacion a:visited, #bodylocalizacion li#smenulocalizacion a:hover, #bodyfilosofia li#smenufilosofia a:link, #bodyfilosofia li#smenufilosofia a:visited, #bodyfilosofia li#smenufilosofia a:hover, #bodycontacto li#smenucontacto a:link, #bodycontacto li#smenucontacto a:visited, #bodycontacto li#smenucontacto a:hover, #bodyweb li#smenuweb a:link, #bodyweb li#smenuweb a:visited, #bodyweb li#smenuweb a:hover,   #bodyaccesibilidad li#smenuaccesibilidad a:link, #bodyaccesibilidad li#smenuaccesibilidad a:visited, #bodyaccesibilidad li#smenuaccesibilidad a:hover, #bodydesarrollos li#smenudesarrollos a:link, #bodydesarrollos li#smenudesarrollos a:visited, #bodydesarrollos li#smenudesarrollos a:hover, #bodyredaccion li#smenucontenidos a:link, #bodyredaccion li#smenucontenidos a:visited, #bodyredaccion li#smenucontenidos a:hover, #bodyconsultoria li#smenuconsultoria a:link, #bodyconsultoria li#smenuconsultoria a:visited, #bodyconsultoria li#smenuconsultoria a:hover, #bodyhosting li#smenudominios a:link, #bodyhosting li#smenudominios a:visited, #bodyhosting li#smenudominios a:hover, #bodysoftware li#smenusoft a:link, #bodysoftware li#smenusoft a:visited, #bodysoftware li#smenusoft a:hover, #bodydiseno li#smenudiseno a:link, #bodydiseno li#smenudiseno a:visited, #bodydiseno li#smenudiseno a:hover, #bodyseo li#smenuseo a:link, #bodyseo li#smenuseo a:visited, #bodyseo li#smenuseo a:hover, #bodyportfolio #smenuportfolio a:link, #bodyportfolio #smenuportfolio a:visited, #bodyportfolio #smenuportfolio a:hover {
	background:#CAF2ED url(imagenes/vineta-submenu2.gif) no-repeat center left;
}
/*fin submenu*/

/*inicio zona lateral con contenidos*/






/* inicio zona central contenidos*/
#contcentral {
	width:33em; float:left;
}

#contportfolio {
	width:33em; float:left;
}

#contfichaweb {
	width:43em; float:left; border:1px #C4C5A6 solid; background:#FCFFF4 url(imagenes/fondo-trabajos.jpg) repeat-x center bottom; position:relative; padding:20px;
}

#contfichaweb img.pantalla1 {
	position:absolute; top:20px; right:20px;
}

#contfichaweb img.pantalla2 {
	position:absolute; top:275px; right:20px;
}

#contcentral h2, #contportfolio h2 {
 margin:0 0 30px 0; padding:0; border-bottom:1px #FFAC38 solid; text-indent:-99999em; height:31px;
}

#contfichaweb h2 {
	color:#036; margin:0; font-size:1.2em;
}


h2#quienes {
	background:url(imagenes/quienes-somos.gif) no-repeat;
}

h2#localizacion {
	background:url(imagenes/localizacion.gif) no-repeat;
}

h2#filosofia {
	background:url(imagenes/nuestra-filosofia.gif) no-repeat;
}

h2#disenowebconestandares {
	background:url(imagenes/disenoweb.gif) no-repeat;
}

h2#accesibilidad {
	background:url(imagenes/accesibilidad.gif) no-repeat;
}

h2#desarrollosweb {
	background:url(imagenes/desarrollosweb.gif) no-repeat;
}

h2#redaccion {
	background:url(imagenes/redaccion-de-contenidos.gif) no-repeat;
}

h2#consultoria {
	background:url(imagenes/consultoria.gif) no-repeat;
}

h2#dominios {
	background:url(imagenes/hosting-dominios.gif) no-repeat;
}

h2#portfolio {
	background:url(imagenes/portfolio.gif) no-repeat;
}

h2#contacto {
	background:url(imagenes/formulario-contacto.gif) no-repeat;
}

h2#mailenviado {
	background:url(imagenes/mensaje-enviado.gif) no-repeat;
}

h2#errormail {
	background:url(imagenes/error-mensaje.gif) no-repeat;
}

h2#registroboletin {
	background:url(imagenes/boletin-digital.gif) no-repeat;
}

h2#webenlaces {
	background:url(imagenes/enlaces2.gif) no-repeat;
}

h2#avisolegal {
	background:url(imagenes/aviso-legal.gif) no-repeat;
}

h2#titdisenowebasturias {
	background:url(imagenes/diseno-web-asturias.gif) no-repeat;
}

#contcentral p, #contfichaweb p, #contportfolio p {
	font-size:0.90em; line-height:1.8em; color:#333;
}

#contcentral ul {
	font-size:0.90em; color:#333; line-height:1.8em;
}

#contcentral ul li {
	margin:0 0 10px 0;
}

img#mapalocalizacion {
	display:block;
}

#datosloc {
	font-size:0.90em;
}

#datosloc dt {
	font-weight:bold; color:#05458D; margin:0 0 5px 0;
}

#datosloc dd {
	margin:0 0 15px 10px; padding:0; font-size:0.90em;
}

#carfichaweb dt {
	display:block; float:left; margin:0 0 10px 0; clear:both; color:#EC6E00; width:5em;
}

#carfichaweb dd {
	margin:0 0 10px 0;
}

#descripfichaweb {
	width:25em;
}

h4 {
	margin-top:50px; color:#036;
}

a.strweb:link, a.strweb:visited, a.strweb:hover {
	color:#ABDC28; font-weight:bold;
}

span.keysbuscadores {
	color:#003E85;
}

		/* Formulario*/
		#formcontacto {
			margin:0; padding:40px 20px 20px 50px; /*border:1px #878D59 solid; background-color:#E7EDAD;*/ font-size:0.90em; background:url(imagenes/PageBorder.jpg) no-repeat top left;
		}
		
		#formcontacto fieldset {
			margin:0; padding:0 0 30px 0; border:0; background:url(imagenes/PageBorder2.jpg) no-repeat bottom right;
		}
		
		#formcontacto legend {
			display:none;
		}
		
		#formcontacto label {
			display:block; margin:0 0 15px 0;
		}
		
		#formcontacto span {
			display:block; float:left; width:10em; color:#FFAC38;
		}
		
		.formtext, .formtextarea, .formselect {
			background-color:#F1F4F6; border:1px #ADB9C2 solid;
		}
		
		.formlegal {
			color:#999; font-size:0.90em;
		}
		
		.avisolegal {
			padding-top:40px; color:#999; font-size:0.90em;
		}
		/*Fin formulario*/
		
		/*Inicio formulario presupuestos*/
		
		h3#presu {
		/*Background:#FFF url(imagenes/fondopresu.png);*/ width:134px; height:31px; /*padding:0 0 0 20px;*/ margin: 50px 0 0 8px; text-indent:-99999em; background:#FFF url(imagenes/presupuesto2.gif) no-repeat;
		}
		
		#presurapido {
			margin:0; font-size:0.80em; margin:0;
		}
		
		#presurapido fieldset {
			border:0; padding:5px 0 0 0;
		}
		
		#presurapido legend {
			display:none;
		}
		
		#presurapido label {
			display:block; margin:0 0 5px 0; padding:3px; background:#E6FEFF;
		}
		
		#presurapido span {
			display:block; float:left; width:9em;
		}
		
		#presurapido .formtext {
			width:20em;
		}
		
		#presurapido textarea {
			height:8em;
		}
		
		#presurapido2 {
			background-color:#0D3E51; width:10.94em; color:#FF9C00;
		}
		
		#presurapido2 fieldset {
			border:0;
		}
		
		#presurapido2 label {
			display:block; margin:0 0 5px 0;
		}
		
		#presurapido2 span {
			display:block; font-size:0.90em;
		}
		
		#presurapido2 input.formtext, #presurapido2 textarea {
			width:11.25em;
		}
		/*Fin formulario presupuestos*/
		
		
		
		/*Inicio formulario de dominios */
		#formdominios fieldset {
			border:0;
		}
		
		#formdominios legend {
			display:none;
		}
		
		#formdominios #dominio{
			width:15em; float:left;
		}
		
		#formdominios label {
			display:block; margin:0 0 10px 0;
		}
		
		label#resultdom {
			clear:both;
		}
		
		#formdominios span {
			display:block; float:left; font-size:0.80em; width:6em;
		}
		
		#enviardom {
		display:block; border:1px #5F9607 solid; background:#96CF34 url(imagenes/fondo-boton.jpg) repeat-x center bottom; color:#FFF;
		}
		
		#formdominios textarea {
			border:0;
		}
		/*Fin formulario de dominios*/
		
		
ul#paginador {
	margin:0; padding:0; list-style-type:none; font-size:0.70em; text-align:center;
}

li#pagselect {
	width:20px; line-height:20px; border:1px #01428D solid; background-color:#FFF; color:#01428D;
}

#paginador li {
	float:left; margin:0 5px; 
}

#paginador li a:link, #paginador li a:visited, #paginador li a:hover {
	display:block; float:left; width:20px; line-height:20px; color:#D97815; text-decoration:none; border:1px #D97815 solid;
}		
/* fin zona central contenidos*/









/* inicio pie */
#pie {
	width:100%; background:url(imagenes/fondo-inferior-web2.jpg) repeat-x center top; clear:both; padding:100px 0 0 0;
}

#contpie {
	width:62.50em; /*text-align:left;*/ margin:auto;
}

#contpie a:link, #contpie a:visited, #contpie a:hover {
	color:#0F238C;
}

#stvisual {
	text-align:center; margin:5px 0 15px 0; font-size:0.75em;
}


ul#logos {
	margin:0; padding:0; border:0; list-style-type:none; position:relative; font-size:0.75em;
}

#logos li {
	margin:0 5px; display:inline;
}


#enlaces {
	clear:both;
}

div.vcard {
	font-size:0.75em;
}
/* fin pie */

strong {
	color:#EC6E00;
}

strong.casual {
	font-weight:normal;
}

img {
	border:0;
}

a:link, a:visited {
	color:#690;
}
	
.oculto {
	display:none;
	}

p.enlaces {
	font-size:0.80em; line-height:1.4em;
}

dl#listadoenlaces {
	margin:0; padding:0; font-size:0.80em;
}

dl#listadoenlaces dt {
	 margin:0;
}

dl#listadoenlaces dd {
	margin:0 0 10px 0;
}

strong.casual {
	font-weight:normal; color:#333;
}