html {padding:0 0 100px 0 ;}
body {margin:0; padding:0; color:#666; font-size:100%; background:#fff url(../i/fondo2.gif) top left repeat-x; }
body.inicio {background:#5a6871 url(../i/fondo.gif) top left repeat-x; }
body {font-family: arial , tahoma, Helvetica; }
/*body {font-family: "Myriad Pro", tahoma, Helvetica; }*/
/*body {font-family: "arial rounded", "Myriad Pro", tahoma, Helvetica; }*/
/* azul ffc000*/
ul {list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,form,fieldset,label,span,input,select,textarea,p,li,img {padding:0; margin:0; font-family: arial , tahoma, Helvetica;}
img {border:0; margin:0; }
fieldset {border:0; margin:0; }
/*trebuchet*/
/*
.pagina_1 {width:100%; }
.pagina_2 {float:left; width:100%; }
.pagina_3 {width:1004px; margin:0 auto; border:1px solid red; }
.pagina_4 {}
*/
.cabecera_1 {width:100%; }
.cabecera_2 {float:left; width:100%; }
.cabecera_3 {width:1004px; margin:0 auto; }
.cabecera_4 {float:left; width:1004px; margin:0 auto; padding:0 0 0 0; }
/*
.logo {width:400px; padding:30px 15px 20px 15px; }
.logo h1 {width:220px; position: relative; z-index: 1; margin:0 0 0 0; cursor:pointer; }
.logo h1 a {display:block; width:214px; height:70px; color:#d6d6d6; font-size:.2em; cursor:pointer; }
.logo h1 a span {display:block; width:214px; height:70px;background-image: url(../i/frontend.gif); background-repeat:no-repeat; background-position:left top; cursor:pointer; }
.logo h1 a span span {display:block; position: absolute; z-index: -1; cursor:pointer; }
*/
.logo {width:400px; padding:20px 15px 20px 18px; }
.logo h1 {width:220px; position: relative; z-index: 1; margin:0 0 0 0; paddign:0 0 0 0; cursor:pointer; }
.logo a {display:block; width:214px; height:70px; color:#2A373F; font-size:.2em; cursor:pointer; }
.logo a span {display:block; width:214px; height:70px;background-image: url(../i/frontend.gif); background-repeat:no-repeat; background-position:left top; cursor:pointer; }
.logo a span span {display:block; position: absolute; z-index: -1; cursor:pointer; }
/*
.logo {color:#fff; padding:30px 15px; }
.logo h1 {font-weight:normal; font-size:2.2em; }
.logo a {color:#fff; text-decoration:none; }
.logo a:hover {color:#DCDCDC; }
*/
/*
.explicacion {padding:0 0 0 58px ; }
.explicacion div {background: url(../i/expl.gif) top left no-repeat; padding:15px 0 0 40px; font-size:1em; height:38px; color:#333; font-weight:bold; }
*/
.explicacion {padding:0 0 0 0; }
.explicacion div {float:left; position:relative; margin:-55px 0 0 0; /*background: url(../i/expl.gif) top left no-repeat; */padding:15px 0 0 270px; font-size:.875em; color:#fff; font-weight:bold; }
.pagina_1 {width:100%; }
.pagina_2 {float:left; width:100%; }
.pagina_3 {width:1004px; margin:0 auto; border:1px solid red; }
/*.menu {float:left; width:100%; margin:0 0 0 0; background:#849294; padding:0 0 0 0; }*/
.menu {width:100%; }
.menu2 {float:left; width:100%; background:#849294; }
.menu3 {width:1004px; margin:0 auto; }
.menu4 {float:left; width:1004px; margin:0 auto; padding:0 0 0 0; }
.menu ul {float:left; padding:0 0 0 0; }
.menu li {float:left; font-size:.75em; font-weight:bold; padding:5px 5px 0 5px; }
.menu a {float:left; color:#fff; padding:12px; text-decoration:none;}
.menu a:hover {color:#293439; background:#EFEFEF; text-decoration:none; }
.menu li.on a {color:#293439; background:#EFEFEF; text-decoration:none; }
.medio {width:100%; }
.medio2 {float:left; width:100%; background:#EFEFEF; border-bottom:1px solid #DEDFDE; padding:20px 0 ; }
.medio3 {width:1004px; margin:0 auto;}
.medio4 {float:left; width:1004px; margin:0 0 0 0; padding:0 0 0 0;}
.medio .dentro {float:left; width:90%; padding:0 10px 10px 10px; color:#636563; }
.medio .dentro h1 {display:inline; font-size:1.125em; padding: 0 10px 0 0; }
.medio .dentro p {display:inline; font-size:.875em; }
/*
.medio ul {float:left; width:980px; padding:0 0 0 10px; font-size:.875em; font-weight:normal; }
.medio ul.submenu {padding:0 0 30px 10px; }
.medio ul li {float:left; padding:0 20px 0 0; }
.medio ul li a {color:#636563; text-decoration:none;}
.medio ul li a:hover {color:#4AAADE; }
.medio ul li.on a {color:#4AAADE; }
.medio ul li div {display:block; float:left; width:auto; position:absolute; padding:10px 0 0 0; margin:0 0 0 0; border:1px solid red; }
.medio ul li ul {}
.medio ul li ul li {}
.medio ul li ul li a {color:#636563 ! important;}
.medio ul li ul li a:hover {color:#4AAADE ! important}
.medio ul li ul li.on a {color:#4AAADE ! important}
*/
.medio ul.submenu {float:left; width:980px; padding:0 0 0 10px; font-size:.75em; font-weight:normal; }
.medio ul.submenu {padding:0 0 0 10px; }
.medio ul.submenu li {float:left; padding:0 20px 0 0; }
.medio ul.submenu li a {color:#636563; text-decoration:underline; }
.medio ul.submenu li a:hover {color:#4AAADE; }
.medio ul.submenu li.on a {color:#4AAADE; }
.submenu2 ul {float:left; width:900px; padding:15px 0 0 10px; font-size:.75em; font-weight:normal; border:1px solid #ccc; margin:0 0 10px 30px; }
.submenu2 ul li {float:left; padding:0 20px 10px 0; }
.submenu2 ul li a {color:#636563; text-decoration:underline; }
.submenu2 ul li a:hover {color:#4AAADE; }
.submenu2 ul li.on a {color:#4AAADE; }
.titulo {float:left; width:900px; padding:20px 0 10px 30px; }
.directorio .titulo {padding:20px 0 0 30px; }
.titulo h2 {color:#4AAADE; font-size:1.125em; padding:0 0 10px 0; }
.titulo p {font-size:.875em; padding:0 0 10px 0; }
.paginador {float:left; width:900px; font-size:.75em; }
.directorio .paginador {width:900px; }
.paginador ul {float:left; padding:0 0 15px 30px; }
.paginador li {float:left; padding:0 5px 0 0; }
.paginador li p {padding:4px 0 0 0; }
.paginador a {float:left; color:#4AAADE; border:1px solid #ccc; background:#EFEFEF; padding:2px 3px 2px 5px ; text-decoration:none; }
.paginador a:hover {color:#ffffff; border:1px solid #ccc; background:#4AAADE; }
.paginador a.on {color:#ffffff; border:1px solid #ccc; background:#4AAADE; }
.enlaces_listado {float:left; width:900px; padding:0 0 20px 40px; }
.enlaces_listado ul {}
.enlaces_listado ul li {float:left; width:850px; padding:0 0 10px 0 ; }
.enlaces_listado ul li a {font-size:.75em; color:#636563; text-decoration:none; }
.enlaces_listado ul li a img {float:left; width:100px; border:1px solid #ccc; margin:0 10px 0 0; }
.enlaces_listado ul li a strong {font-size:medium; color:#FFA231; }
.enlaces_listado ul li a:hover {}
.enlaces_listado ul li a:hover img {}
.enlaces_listado ul li a:hover strong {text-decoration:underline;}
/*.enlaces_listado ul li a:visited strong {color:#636563; }*/
.proyectos_listado {float:left; width:900px; padding:0 0 20px 40px; font-size:.75em; }
.proyectos_listado ul {}
.proyectos_listado ul li {float:left; width:880px; padding:20px 0 20px 0 ; border-bottom:1px solid #ccc; color:#636563;}
.proyectos_listado ul li a {font-weight:bold; text-decoration:none; font-size:medium; color:#FFA231; }
.proyectos_listado ul li img {float:left; width:250px; border:1px solid #ccc; margin:0 10px 0 0; }
.proyectos_listado ul li span {display:block; }
.proyectos_listado ul li p {padding:20px 0; }
.proyectos_listado ul li a:hover {}
.proyectos_listado ul li a:hover img {}
.proyectos_listado ul li a:hover {text-decoration:underline;}
.contenidos_1 {width:100%;}
.contenidos_2 {float:left; width:100%; background:#fff; min-height:200px; height:auto ! important; height:200px; }
.contenidos_3 {width:1004px; margin:0 auto;}
.contenidos_4 {}
.inicio .contenidos_1 {width:1004px; margin:0 auto; }
.inicio .contenidos_2 {float:left; background:none; }
.inicio .contenidos_3 {width:1004px; margin:0 auto; }
.inicio .contenidos_4 {float:left; width:1004px; margin:0 auto; padding:0 0 0 0; }
/*
.caja_w {float:left; width:302px; margin:0 0 0 0; }
.caja_w .arriba {float:left; width:100%; background:url(../i/caja_w_ar_iz.gif) top left no-repeat; }
.caja_w .arriba div {margin:0; background:url(../i/caja_w_ar_de.gif) top right no-repeat; margin:0; height:7px; }
.caja_w .arriba div div {font-size:.01em; background:url(../i/caja_w_ar_me.gif) top left repeat-x; height:7px; margin:0 7px 0 7px; }
.caja_w .medio {float:left; width:302px; margin:0; height:auto; background:url(../i/caja_w_me_iz.gif) top left repeat-y; }
.caja_w .medio2 {float:left; width:288px; background:url(../i/caja_w_me_de.gif) top right repeat-y; padding:0 7px;}
.caja_w .medio3 {text-align:left; padding:10px; margin:0; background:#67767d; min-height:200px; height:auto ! important; height:200px; }
.caja_w .abajo {float:left; width:100%; background:url(../i/caja_w_ab_iz.gif) bottom left no-repeat; }
.caja_w .abajo div {margin:0; background:url(../i/caja_w_ab_de.gif) bottom right no-repeat; height:7px; }
.caja_w .abajo div div {font-size:0.1em; background:url(../i/caja_w_ab_me.gif) bottom left repeat-x; height:7px; margin:0 7px 0 7px; }
*/
.cajas {float:left; padding:0 0 0 38px; }
.caja {float:left; width:300px; color:#FDFFFA }
.caja a {color:#FDFFFA; }
.caja h2 {font-size:.9375em; padding:10px 0 8px 0; }
.caja p {font-size:.8125em; padding:0 0 8px 0; font-weight:bold; }
.caja li {padding:0 0 0 10px; font-size:.8125em; font-weight:bold; background: url(../i/est.gif) 0 4px no-repeat; }
.experiencia {}
.diseno {}
.programacion {}
.experiencia h2 {background: url(../i/experiencia.gif) 0 8px no-repeat; padding:20px 0 20px 70px; }
.diseno h2 {background: url(../i/diseno.gif) 0 8px no-repeat; padding:20px 0 20px 50px; }
.programacion h2 {background: url(../i/progra.gif) 0 8px no-repeat; padding:20px 0 20px 50px; }
.caja_1 {float:left; background:#7192A3 url(../i/a.gif) top left no-repeat; }
.diseno .caja_1 {float:left; background:#7192A3 url(../i/aa.gif) top left no-repeat; }
.caja_2 {float:left; width:241px; padding:0 20px 0 20px; background: url(../i/b.gif) bottom left no-repeat; min-height:235px; height:auto ! important; height:235px; }
.am {color:#ffc000; }
.todas {float:left; padding:0; }
.todas strong {padding:0 0 3px 0; color:#ffc000; }
.todas_2 {float:left; width:880px; padding:18px 20px 0 38px ; color:#fff; }
.todas_2 h2 {font-size:1.4em; padding:0 0 5px 0; color:#ffc000; }
.todas_2 p {font-size:.875em; padding:0 0 8px 0; }
.todas ul {}
.todas li {padding:0 0 0 12px; font-size:.875em; background: url(../i/est.gif) 0 4px no-repeat; }
.contacto {float:left; width:880px; padding:13px 20px 0 38px; color:#fff; }
.contacto fieldset {float:left; width:90%; padding:0; margin:0; }
.contacto p {float:left; width:90%; color:#69c2f6 ! important; font-size:1.4em; font-weight:bold; padding:0 0 10px 0; }
.contacto span {float:left; display:block; width:800px; font-size:.875em; padding:0 0 15px 0; }
.contacto label {float:left; width:90%; padding:0 0 10px 0; }
.contacto label span {float:left; display:block; width:100px; }
.contacto label input {float:left; width:500px; border:0; font-size:1em; }
.contacto label textarea {float:left; width:500px; border:0; height:70px;}
.contacto div {float:left; width:600px; padding:0 0 0 0; }
.contacto div button {float:right; background:#69c2f6; color:#fff; border:0; cursor:pointer; font-family: "Myriad Pro", tahoma, Helvetica; font-size:1.2em; }
.contacto a {color:#fff; }
.contacto a:hover {text-decoration:none; }
.error {float:left; width:900px; padding:0 20px 20px 20px; color:#fff; }
.error p {float:left; width:90%; color:#D8352B ! important; font-size:1.4em; font-weight:bold; padding:0 0 10px 0; }
.error span {float:left; display:block; width:800px; font-size:.875em; padding:0 0 15px 0; }
.que_hacemos {float:left; width:900px; padding:0 0 0 30px; }
.que_hacemos .texto1 {padding:0 0 20px 0; }
.que_hacemos strong {display:block; font-size:.75em; margin:0 0 0 0; padding:0 0 5px 0; }
.que_hacemos p {font-size:.75em; padding:0 0 5px 0; }
.que_hacemos .caja_li {float:left; width:280px; min-height:230px; height:auto ! important; height:230px; }
.que_hacemos .caja_li2 {}
.que_hacemos .caja_li3 {}
.que_hacemos .caja_li h3 {font-size:.875em; color:#ffc300; }
.que_hacemos .caja_li ul {font-size:.75em; list-style:disc ; padding:0 0 0 15px;}
.que_hacemos .caja_li li {padding:0 0 10px 0; }
.que_hacemos .caja_li.una {border-right:1px solid #999; padding:0 10px 10px 0; }
.que_hacemos .caja_li.dos {border-right:1px solid #999; padding:0 10px 10px 10px; }
.que_hacemos .caja_li.tre {/*border-right:1px solid #999;*/ padding:0 0 10px 10px; }
.que_hacemos .caja_li.una h3 {background: url(../i/experiencia.gif) 0 8px no-repeat; padding:20px 10px 20px 70px; }
.que_hacemos .caja_li.dos h3 {background: url(../i/diseno.gif) 0 8px no-repeat; padding:20px 10px 33px 50px; }
.que_hacemos .caja_li.tre h3 {background: url(../i/progra.gif) 0 8px no-repeat; padding:20px 10px 33px 50px; }
.contenidos_tarifas {float:left; padding:0 0 0 30px; }
.caja_tarifas {float:left; padding:10px 0 0 0; background:#737173 url(../i/tarifas_a.gif) top left no-repeat; color:#fff; }
.caja_tarifas2 {float:left; width:800px; padding:0 0 10px 0; background: url(../i/tarifas_b.gif) bottom left no-repeat; }
.caja_tarifas .tarifa_1 {float:left; width:750px; padding:10px 20px 10px 30px; background: url(../i/tarifa_p.gif) bottom left repeat-x; }
.caja_tarifas .tarifa_2 {float:left; width:750px; padding:15px 20px 15px 30px; background: url(../i/tarifa_p.gif) bottom left repeat-x; }
.caja_tarifas .tarifa_3 {float:left; width:750px; padding:10px 20px 10px 30px; }
.caja_tarifas div div div {float:left; }
.caja_tarifas div p {float:left; width:400px; font-size:1.4em; color:#fff; }
.caja_tarifas div span {float:left; width:200px; font-size:.75em; color:#ffc310; }
.caja_tarifas .tarifa_1 div span {padding:8px 0 0 0; }
.caja_tarifas .tarifa_2 div span {padding:8px 0 0 0; }
.caja_tarifas .tarifa_3 div span {padding:10px 0 0 0; }
.parrafo {float:left; width:795px; padding:20px 0 20px 0; font-size:.75em; }
.tarifas_espe {float:left; padding:0 0 0 30px; }
.tarifas_espe2 {}
.tarifas_espe .solapas {float:left; width:780px; }
.tarifas_espe .solapas li
{
float:left;
color:#000; padding:5px 10px; background:#ccc; text-decoration:none; font-size:.8125em;
cursor:pointer;
z-index:-1000;
}
.tarifas_espe .solapas li.una {border-top:1px solid #999; border-left:1px solid #999; }
.tarifas_espe .solapas li.dos {border-top:1px solid #999; border-left:1px solid #999; }
.tarifas_espe .solapas li.tre {border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; }
.tarifas_espe .solapas li:hover {position:relative; background:#fff; z-index:1000;}
.tarifas_espe .solapas li.on {position:relative; background:#fff; z-index:1000;}
.tarifas_espe .dentro {padding:0 0 0 30px; margin:0; color:#666; }
.tarifas_espe .dentro li {float:left; width:650px; padding:0 0 20px 15px; background: url(../i/punto.gif) 0 3px no-repeat; }
.tarifas_espe .dentro li p {float:left; font-size:.75em; }
.tarifas_espe .dentro li span {float:left; background: url(../i/aflecha.gif) top left no-repeat; padding:0 0 0 30px; font-size:.75em; color:#ffc310; font-weight:bold; }
#espe_1 { float:left; width:780px; border:1px solid #999; padding:20px 0 0 0; margin:-1px 0 0 0; min-height:80px; height:auto ! important; height:80px; }
#espe_2 {display:none; float:left; width:780px; border:1px solid #999; padding:20px 0 0 0; margin:-1px 0 0 0; min-height:80px; height:auto ! important; height:80px; }
#espe_3 {display:none; float:left; width:780px; border:1px solid #999; padding:20px 0 0 0; margin:-1px 0 0 0; min-height:80px; height:auto ! important; height:80px; }