body { background:url(../img/bg.jpg) top left repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.inicio #nav ul li a#inicio,  .grafico #nav ul li a#grafico, .web #nav ul li a#web, .seo #nav ul li a#seo, .asesoramiento #nav ul li a#asesoramiento, .presupuesto #nav ul li a#presupuesto, .blog #nav ul li a#blog, .acerca #nav ul li a#acerca, .contacto #nav ul li a#contacto {background: url(../img/bg-nav-acurrent.jpg) top left repeat-x; -moz-border-radius:5px;-webkit-border-radius: 5px; text-shadow:none; color:#FFF}


h1 { font-size:48px; color:#FFF; font-weight:normal}
h2 { font-size:35px; font-weight:normal}

#header { background:url(../img/bg-header.jpg) 50% 100% no-repeat; text-align:center; text-shadow: #326494 0 2px}
#header h2 { color:#9CCEEF; text-shadow: #326494 0 2px}

#nav { font-size: 13px; text-align:left;}
#nav .round-left { background:url(../img/bg-nav-left.jpg) top left no-repeat;}
#nav .round-right { background:url(../img/bg-nav-right.jpg) top right no-repeat;}
#nav ul, #nav form { background:url(../img/bg-nav.jpg) top left repeat-x; padding-top:16px}
#nav ul li { display:inline; padding:5px}
#nav ul li a { color:#FFF; text-decoration:none; padding:6px ; text-shadow: #496D11 0 1px}
#nav ul li a:hover { background: url(../img/bg-nav-ahover.jpg) top left repeat-x; color:#496D11; -moz-border-radius:5px;-webkit-border-radius: 5px; text-decoration:none; text-shadow: #FFF 0 1px}
#nav form { margin:0; padding-top:10px}
#nav form input { color:#999; font-style:italic; height:20px; margin-right:5px}
#nav form input.boton { background:url(../img/bg-buscar.jpg) top left no-repeat; width:25px; height:25px ; border: 0; cursor: pointer }

#container { background:#FFF; font-size:12px;}
#ruta { color:#999;}
#ruta a { color:#87b541;}

#content { color:#999; font-size:100%; }
#content a { color: #87b541; text-decoration:none}
#content a:hover { text-decoration:underline}
#content p { line-height:18px; margin-bottom:20px; text-align:justify}
#content .column .title { text-align:center; padding-top:50px}
#content .column .titleservice { background:url(../img/bg-h2-servicios.jpg) 50% 50% no-repeat}
#content .column .titleblog { background:url(../img/bg-h2-blog.jpg) 50% 50% no-repeat}
#content .column .titledisenador { background:url(../img/bg-h2-disenador.jpg) 50% 50% no-repeat}
#content .column .redesociales { background:url(../img/bg-redessociales.jpg) 50% 0% no-repeat; padding-top:80px}
#content .column .redesociales ul li { display:inline; padding:11px}
#content h2 { color:#333; font-family:"Futura", "Trebuchet MS", sans-serif; margin-bottom:20px; text-shadow: #CCC 0 1px}
#content h3 { margin-bottom: 15px; font-weight:normal; font-size:18px}
#content h4 { color:#CCC; font-weight:normal; margin-bottom: 5px; text-shadow: #F5F5F5 0 1px}
#content ul { list-style:none; line-height:18px;}

#footer { background:url(../img/bg-footer.jpg) top left repeat-x; text-align:center; color:#9CCEEF; font-size:11px; text-shadow: #326494 0 1px}
#footer a { color:#9CCEEF; text-decoration:none;}
#footer a:hover {text-decoration:underline}

.amarillo { color:#FFF600}
.negrita { font-weight:bold; color: #000}
.separacion { border-bottom: 1px solid #F5F5F5; padding:5px; margin-bottom:20px}