h1{ margin-bottom: 10px;}
ul{ margin-top: 0;}
a{ color: #111;}
a:hover{ color: #e81e75;}


ul.error_list{ list-style: none; font-size: 10px; color: #e81e75; font-weight: bold; margin: 0;}
ul.error_list li{ display: inline; margin: 0; padding: 0;}
.success{ color: #E81E75; font-weight: bold;}

/* Pagination --------------------------------------------------------------- */
ul.pagination {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom: 10px;
height: 18px;
}

ul.pagination li {
display:block;
float:left;
text-align: center;
margin-left:2px;
margin-top:10px;
}

.pagination a{
    text-decoration: none;
    border: solid 1px #e9e9e9;
    color: #7b858a;
    padding:2px 6px;
    height: 14px;
}

.pagination a.current{ background-color: #7b858a; color: white;}
.pagination a:hover{ background-color: #E81E75; color: white;}

/* Header ------------------------------------------------------------------- */
#header{background: url('images/background_header.jpg') repeat-x; height: 92px; }
#header h1{ margin-top: 20px; }
#header h1 a{ display: block; width: 121px; height: 63px; background: url('images/logo.png') no-repeat;}
#header h1 a span{ display: none;}

/* Header > Languages --------------------------------------------------------*/
ul#languages{color: #e61577; margin: 0; height: 30px; font-size: 9px; }
ul#languages li{ display: block; float: left; margin: 0; margin-top: 30px; padding: 0 4px; border-right: solid 1px #7b858a; }
ul#languages li.last{border-right: none; }
ul#languages a{ color: #7b858a; text-decoration: none; }
ul#languages a:hover{ text-decoration: underline; }

/* Main Navigation ---------------------------------------------------------- */
#nav{ z-index: 9999;}
#nav ul{ margin: 0; float: right; font-size: 12px; margin-bottom: 5px; margin-top: 10px;}
#nav ul li{display: block; float: left; margin: 0 5px; padding: 2px 15px;}
#nav ul li a{ color: #323531; text-decoration: none; font-weight: bold;}
#nav ul li a:hover{ color: #e61577;}
#nav ul li.current{ background-color: #e61577; display: block; float: left; margin: 0 5px; padding: 2px 15px;}
#nav ul li.current a{ color: #fff;}
#nav ul li.current a:hover{color: #000;}

/* Main Navigation > Services ----------------------------------------------- */
#nav ul li{ position: relative;}
#nav ul li ul{
        display: none;
	font-size: 11px;
	position: absolute;
	padding: 4px 15px;
	top: 8px; left: 0px;
        background: white;
        border: 1px solid #e61577;
        z-index:9999;
}
#nav ul li ul li{ font-weight: normal; height: auto; width: 140px; padding: 4px 0px; border-bottom: 1px solid #fdedf4}
#nav ul li ul li.last{ border: none;}
#nav ul li.current ul li a{ color: #323531; text-decoration: none; font-weight: bold;}
#nav ul li.current ul li a:hover{ color: #e61577;}



/* Home --------------------------------------------------------------------- */
#home-content h3{ font-size: 14px;}
#home_footer{ background-color: #e8e8e8}
#works img{ border-top: solid 4px #e9e9e9; border-bottom: solid 4px #e9e9e9; padding: 4px; width: 440px; height: 270px;}

#ads{ background-color: #e1e1e1; }
#ads div.grid_6{ margin: 10px 5px; font-size: 11px; background: white; border: solid 5px white;; width: 220px; height: 168px; border-bottom: solid 2px #ebebeb}
#ads p{ padding: 5px; margin: 5px 0px;}
#ads ul{ padding: 5px; margin: 5px 0px; list-style: none;}
#ads ul li{
    background:transparent url(images/tick.png) no-repeat;
    margin-left:10px;
    padding-left:20px;
}
#ads h4{ font-size: 22px; padding-left: 48px; padding-top: 10px; padding-bottom: 10px; letter-spacing: -1px; margin-bottom: 2px;}
#ads h4.ad1{ background: url('images/icon_web.jpg') no-repeat; }
#ads h4.ad2{ background: url('images/icon_taza.jpg') no-repeat; }
#ads h4.ad3{ background: url('images/icon_flechas.jpg') no-repeat; }
#ads h4.ad4{ background: url('images/icon_tarta.jpg') no-repeat; }

#ads .hl{ font-size: 12px; font-weight: bold; text-align: center;}  /* hl = highlighted, destacado */
#ads .hl em{ font-size: 14px; color: #E61577; font-style: normal; }

/* Home > Slideshow --------------------------------------------------------- */
#slideshow{width: 960px; height: 300px; margin-bottom: 20px; position: relative;}
#slideshow div.item{width: 960px; height: 300px;}
div.s-item{ width: 960px; height: 230px; margin-bottom: 20px; }

#ss-diseno-web{    background: url('images/banner_diseno_web.jpg')          no-repeat; }
#ss-diseno-web h2{ color: white; font-size: 30px; margin-left: 470px; padding-top: 40px;}
#ss-diseno-web ul{ color: #e1e1e1; margin-left: 480px; font-size: 14px; font-weight: bold; }
#ss-diseno-web p{  color: white; margin-left: 612px; font-size: 18px; font-weight: bold;}
#ss-diseno-web p a{  color: white;}
#ss-diseno-web ul{ list-style: none;}
#ss-diseno-web ul li{ background:url('images/tick.png') no-repeat; padding-left: 20px; margin-left: 10px; }

#ss-desarrollo-web{   background: url('images/banner_desarrollo_web.jpg')      no-repeat; }
#ss-desarrollo-web h2{  color: #111111; font-size: 35px; margin-left: 70px; padding-top: 40px; margin-bottom: 45px;}
#ss-desarrollo-web p{   color: #464646; font-size: 12px; margin-left: 70px;}

#ss-symfony-outsourcing{    background: url('images/banner_symfony_outsourcing.jpg') no-repeat; }
#ss-symfony-outsourcing h2{ color: #3D2300; font-size: 35px; margin-left: 561px; padding-top: 38px; margin-bottom: 10px;}
#ss-symfony-outsourcing h3{ color: #fbe35c; font-size: 20px; margin-left: 561px; margin-bottom: 10px;}
#ss-symfony-outsourcing p{  color: #211300; font-size: 12px; margin-left: 561px; margin-top: 5px;}

#ss-psd-a-html{    background: url('images/banner_psd_a_html.jpg')          no-repeat; }
#ss-psd-a-html h2{ color: #fff;    font-size: 34px; margin-left: 43px; padding-top: 30px; margin-bottom: 10px;}
#ss-psd-a-html h3{ color: #f6c3fb; font-size: 17px; margin-left: 43px; margin-bottom: 10px;}
#ss-psd-a-html p{  color: #fff;    font-size: 13px; margin-left: 43px; margin-top: 5px; }
#ss-psd-a-html p a{  color: white;}

#ss-posicionamiento-web-seo{ background: url('images/banner_posicionamiento_seo.jpg') no-repeat; }

#ss-posicionamiento-web-seo h2{ color: #fff;    font-size: 27px; margin-left: 30px; padding-top: 35px; margin-bottom: 10px;}
#ss-posicionamiento-web-seo h2 strong{ color: #510901; font-size: 35px;}
#ss-posicionamiento-web-seo h3{ color: #760A00; font-size: 17px; margin: 10px; margin-left: 30px;}
#ss-posicionamiento-web-seo p{  color: #111111; font-size: 12px; margin-left: 30px; }

#ss-alojamiento-hosting{    background: url('images/banner_dominio_hosting.jpg')     no-repeat; }
#ss-alojamiento-hosting h2{ color: #fff; font-size: 38px; margin-left: 42px; padding-top: 30px; margin-bottom: 10px;}
#ss-alojamiento-hosting h3{ color: #c8d4fa; font-size: 20px; margin-left: 42px; }
#ss-alojamiento-hosting p{  color: #fff; font-size: 12px; margin-left: 42px; }
#ss-alojamiento-hosting p a{  color: white;}

#ss-formacion-php{    background: url('images/banner_formacion_php.jpg')          no-repeat; }
#ss-formacion-php h2{ color: #fff; font-size: 27px; margin-left: 450px; padding-top: 20px; margin-bottom: 5px;}
#ss-formacion-php h2 span{ color: #e8e8e8;}
#ss-formacion-php p { color: #e8e8e8; font-size: 18px; margin-left: 450px; padding-right: 40px; font-weight: bold;}

/* Home > Home Nav -----------------------------------------------------------*/
#home-nav{
    position: absolute;
    bottom: 0px;
    z-index: 9998;
    background-image: url('images/opacity-57.png');
    width: 100%;
    height: 33px;
    font-size: 11px;
    font-weight: bold;
}

#home-nav ul{margin: 0; margin-top: 10px;}
#home-nav ul li{display: block; float: left; margin: 0; padding: 0; width: 160px; text-align: center}
#home-nav a{ color: #fff; text-decoration: none;}
#home-nav a.current{ color: #252525; text-decoration: none;}
#home-nav a:hover{ color: #252525;}


/* Nosotros ----------------------------------------------------------------- */
#nosotros{ color: #252525; }
#nosotros h2{ font-size: 20px; border-top: solid 5px #ebebeb; padding-top: 10px;}
#nosotros h3{ font-size: 14px;}

#nosotros-side{ background-color: #ebebeb;}
#nosotros-side .frame{
    background-color: white;
    border: 1px solid #b3b3b3;
    margin: 10px;
    color: #363636;
    font-size: 11px;
}

#nosotros-side .frame p{ padding: 0px 10px; margin:5px 0;}
#nosotros-side .frame p.center{ text-align: center;}

/* Clientes ----------------------------------------------------------------- */
#clients{ margin-bottom: 20px; }
.client img{ border: solid 4px #e1e1e1; margin: 5px 0px;}
.client{ padding: 0px; margin: 0px;}


/* Portofolio --------------------------------------------------------------- */
.work{
    border-top: solid 10px #e1e1e1;
    background-color: #ebebeb;
    padding-top: 15px;
    margin-bottom: 10px;
}

.work .image{ position: relative;}
.work .image img{margin-left: 15px;}
.work .image span{ position: absolute; display: block; width: 96px; height: 95px; background: url('images/new.png') no-repeat; left: 15px;}

.work .description h2{ font-size: 20px; color: #111}
.work .description h3{ font-size: 14px; color: #e81e75}
.work .description p{ font-size: 11px; color: #464646; padding-right: 10px; margin-bottom: 10px;}
.work .description a{ font-size: 12px; color: #898989}
.work .description a:hover{ color: #e81e75}


/* Servicios ---------------------------------------------------------------- */
#services-nav.contact{ margin-top: 60px;}
#services-nav ul{ list-style: none;}
#services-nav ul li{ padding: 4px 10px 5px 20px; width: 180px; margin:0; background: url('images/bg_services_nav.jpg') repeat-x; }
#services-nav ul li.current{ background: url('images/bg_services_nav_current.jpg') repeat-x; }

#services-nav ul li a{       color: #0c0c0c; text-decoration: none; font-size: 12px; font-weight: bold;}
#services-nav ul li a:hover{ color: #e61577; }

#services-nav ul li.current a{       color: #fff; text-decoration: none;}
#services-nav ul li.current a:hover{ color: #1c1c1c; }

table{ margin-left: 60px;}
table th, table td{ text-align: center; vertical-align: middle; height: 40px; font-size: 11px; width: 97px; border: 1px solid white;}
table td{ height: 30px; }
table th.col1{ background-color: #cfddfa; }
table th.col2{ background-color: #f8a2f7; }
table th.col3{ background-color: #fcb073; }
table th.col4{ background-color: #76cf6c; }

table td.col0{ background-color: #fbf9c3; font-weight: bold;}
table td.col1{ background-color: #e9f0fd;  }
table td.col2{ background-color: #f9ddf9; }
table td.col3{ background-color: #fbdfc8; }
table td.col4{ background-color: #bae2b6; }

/* Servicios > Diseño Web --------------------------------------------------- */
#diseno-web-content{ border-top: solid 4px #ebebeb; border-bottom: solid 4px #ebebeb; margin-bottom: 20px; }

.down{ border-top: solid 1px #ebebeb; padding-top: 5px;}

.diseno-web-item h3{font-size: 14px; padding-left: 44px; margin: 0;}
.diseno-web-item p{color: #4d4e53; font-size: 11px; padding-left: 5px; padding-right: 5px;}

.diseno-web-item h3#diseno-personalizado{    background: url('images/ico_paleta.jpg')       no-repeat; padding-top: 10px; padding-bottom: 12px;}
.diseno-web-item h3#cross-browser{           background: url('images/ico_mundo.jpg')        no-repeat; padding-top: 10px; padding-bottom: 12px;}
.diseno-web-item h3#optimizacion-buscadores{ background: url('images/ico_flechas.jpg')      no-repeat; padding-top:  2px; padding-bottom:  2px;}
.diseno-web-item h3#validacion-W3C{          background: url('images/ico_w3c.jpg')          no-repeat; padding-top: 10px; padding-bottom: 12px;}
.diseno-web-item h3#usabilidad{              background: url('images/ico_engranajes.jpg')   no-repeat; padding-top: 10px; padding-bottom: 12px;}
.diseno-web-item h3#te-ayudamos{             background: url('images/ico_herramientas.jpg') no-repeat; padding-top: 10px; padding-bottom: 12px;}

#diseno-web-process{ background: url('images/bg_diseno_web_process.jpg') repeat-x; height: 173px;}
#diseno-web-process h2{ font-size: 17px; margin-top: 10px; padding-left: 20px; margin-bottom: 10px;}

.first{ margin-left: 135px !important; margin-left: 80px;}
.process-item{ width: 142px; height: 110px; background: url('images/bg_process_item.png') no-repeat; float: left; }
.process-item p{ margin: 0; padding: 9px 40px 7px 5px; text-align: center; font-size: 9.5px; font-weight: bold; color: #1c1c1c}

.process-item-last{ width: 110px; height: 110px; background: url('images/bg_process_item.png') no-repeat; float: left; }
.process-item-last p{ margin: 0; padding: 9px 5px 7px 5px; text-align: center; font-size: 9.5px; font-weight: bold; color: #1c1c1c}

/* Servicios > Desarrrollo web ---------------------------------------------- */
#desarrollo-web-filosofia{ border-top: solid 4px #ebebeb; border-bottom: solid 4px #ebebeb; margin-bottom: 20px; padding-top: 10px;}
#desarrollo-web-content h2{ font-size: 17px; }

.desarrollo-web-item h3{ font-size: 15px; color: #111; padding-left: 20px; background: url('images/item.jpg') 0 55% no-repeat; margin-bottom: 13px;}
.desarrollo-web-item p{ color: #464646;}

/* Servicios > Symfony Outsourcing ------------------------------------------ */
#symfony-outsourcing-content{ margin-bottom: 20px;}
#symfony-outsourcing-content ul{ list-style: none;}
#symfony-outsourcing-content ul li{ background:url('images/tick.png') no-repeat; padding-left: 20px; margin-left: 10px; }

/* Servicios > PSD a HTML --------------------------------------------------- */
#psd-a-html-content ul{ list-style: none}
#psd-a-html-content ul li{ background: url(images/item.jpg) 0 4px no-repeat; margin-left: 10px; padding-left: 15px;}

#psd-a-html-content h1 span.d{ color: #e31f76}
#psd-a-html-content h1 span.c{ color: #580f8b}
#psd-a-html-content h2 { color: #111; font-size: 16px; border-top: solid 4px #ebebeb; margin-top: 10px; padding-top: 10px;}

ul#browsers{ list-style: none;}
ul#browsers li{ display: block; float: left; width: 80px; height: 56px; text-align: center; margin:0; margin-top: 10px; font-size: 11px; background: none;}

ul#formats{ list-style: none; margin-top: 10px; margin-left: 30px;}
ul#formats li{ margin:0; padding-left: 30px; height: 24px; padding-top: 2px;}
ul#formats li#psd{ background: url(images/photoshop.jpg) no-repeat;}
ul#formats li#png{ background: url(images/fireworks.jpg) no-repeat;}
ul#formats li#ai { background: url(images/illustrator.jpg) no-repeat;}

/* Servicios > Posicionamiento ---------------------------------------------- */
#posicionamiento-seo-content h1{ color: #111}
#posicionamiento-seo-content h1 strong{ color: #dd0f00;}
#posicionamiento-seo-content h2 { color: #111; font-size: 16px; border-top: solid 4px #ebebeb; margin-top: 10px; padding-top: 10px;}

/* Servicios > Hosting y Dominios ------------------------------------------- */
#hosting-dominios-content h1 strong{ color: #010b83;}
#hosting-dominios-content h2 { color: #111; font-size: 16px; border-top: solid 4px #ebebeb; margin-top: 10px; padding-top: 10px;}

table#tarifas-hosting { margin-left: 120px;}
table#tarifas-hosting td.col1{ width: 150px;}
table#tarifas-hosting td.col2{ font-size: 14px; font-weight: bold;}

table#tarifas-dominios { margin-left: 0px;}

/* Contacto ----------------------------------------------------------------- */
.contact-content{ margin-bottom: 20px;}
.contact-content legend{ margin-bottom: 10px; font-size: 18px; color: #222; font-weight: bold;}
.contact-content h3{ margin-bottom: 10px; font-size: 18px; color: #222;}
.contact-content ul{ list-style: none}
.contact-content ul li{ background: url(images/item.jpg) 0 4px no-repeat; margin-left: 10px; padding-left: 15px;}

.contact-form span.error{ font-size: 10px; color: #e81e75; font-weight: bold;}
.contact-form p{ margin: 10px 0;}
.contact-form input{ width: 300px; font-size: 13px; color: #333; padding: 5px 3px; border: solid 1px #e2e1dd}
.contact-form input.check{ width: 25px; border: solid 1px #e2e1dd; padding: 0px; margin: 0px; border: none; }
.contact-form label{ width: 300px; font-size: 12px; color: #323531; font-weight: bold;}
.contact-form textarea{ width: 300px; font-size: 11px; color: #333; padding: 7px 3px; border: solid 1px #e2e1dd; height: 80px;}

.contact-form button.submit{
    display: block;
    background: url('images/send.jpg') no-repeat;
    width: 94px;
    height: 26px;
    border: none;
}

.contact-form button.submit:hover{ background-position: 0 -26px; }
.contact-form button.submit span{display: none;}

#map{ width: 350px; height: 230px; margin-bottom: 10px;}
/* Error Pages -------------------------------------------------------------- */
#error404{ background: url('images/error404.jpg') 100% 50% no-repeat; margin-bottom: 20px;}
#error500{ background: url('images/error500.jpg') 100% 50% no-repeat; margin-bottom: 20px;}
.error-page ul{ list-style: none}
.error-page ul li{ background: url(images/item.jpg) 0 4px no-repeat; margin-left: 10px; padding-left: 15px;}
.error-page h2{ font-size: 13px; color: #111; margin-bottom: 10px; }

/* Footer ------------------------------------------------------------------- */
#footer{
    padding-top: 10px;
    background-color: #1f1f1f;
    color: white;
    font-size: 11px;
}

#footer a{color: white}
#footer a:hover{ color: #e61577;}
#footer .ticked{ background: url('images/tick.png') 4px 50% no-repeat; padding-left: 18px; }

#footer-r{ text-align: right;}