body,html{
width:100%;
height:100%;
margin:0px;
padding:0px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background-color:#ececec;
font-size:11px;
color:#141B05;
background-image:url(../images/fondo.gif);
background-position:center top;
background-repeat:repeat-y;
}
img {
border:0px;
margin:0px;
padding:0px;
}
a {
text-decoration:underline;
color:#141B05;
}
p, h2, h3, h4, h5, h6 {
margin:0px;
padding:0px;
font-size:11px;
font-weight:normal;
}
form {
margin:0px;
padding:0px;
}
input, textarea, select {
border:1px #9F9F9F solid;
color:#363636;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
vertical-align:top;
padding:1px 0px 1px 1px;
margin:0px;
}
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.sep {
clear:both;
height:1px;
margin:0px;
padding:0px;
font-size:1px;
line-height:1px;
}
#cont {
position:relative;
width:780px;
margin: 0px auto; /* centrar con firefox */
text-align:left; /* centra las capas con internet explorer */
}
/* SUPERIOR */
#cont #sup {
width:770px;
height:56px;
background-image:url(../images/bandasup.gif);
background-position:left top;
background-repeat:repeat-x;
padding:10px 0px 0px 10px;
margin:0px;
color:#FFFFFF;
}
#cont #sup .telefono {
float:left;
height:24px;
background-image:url(../images/ico_telefono.gif);
background-repeat:no-repeat;
padding:7px 0px 0px 40px;
margin:0px;
font-size:13px;
font-weight:bold;
}
#cont #sup .email {
float:left;
height:24px;
background-image:url(../images/ico_email.gif);
background-repeat:no-repeat;
padding:7px 0px 0px 40px;
margin:0px 105px 0px 40px;
font-size:13px;
font-weight:bold;
}
#cont #sup .email a {
color:#FFFFFF;
}
#cont #sup .clientes {
float:left;
background-image:url(../images/ico_clientes.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 35px;
}
#cont #sup .clientes .col1 {
float:left;
width:70px;
}
#cont #sup .clientes .col2 {
float:left;
}
#cont #sup .clientes .col2 input {
width:110px;
}
#cont ul#menu {
height:27px;
width:778px;
padding:0px 0px 0px 2px;
}
#cont ul#menu li {
float:left;
padding:0px 53px 0px 10px;
margin:0px;
}
#cont ul#menu li a {
display:block;
}
#cont ul#menu li a:hover {
display:block;
}
#cont ul#menu li.home a {
width:52px;
height:27px;
background:url(../images/btn_home.gif);
color:#FFFFFF;
}
#cont ul#menu li.home a:hover, #cont ul#menu li.home a.activo {
background-position: -52px 0;
}
#cont ul#menu li.portfolio a {
width:68px;
height:27px;
background:url(../images/btn_portfolio.gif);
}
#cont ul#menu li.portfolio a:hover, #cont ul#menu li.portfolio a.activo {
background-position: -68px 0;
}
#cont ul#menu li.clientes a {
width:64px;
height:27px;
background:url(../images/btn_clientes.gif);
}
#cont ul#menu li.clientes a:hover, #cont ul#menu li.clientes a.activo {
background-position: -64px 0;
}
#cont ul#menu li.servicios a {
width:72px;
height:27px;
background:url(../images/btn_servicios.gif);
}
#cont ul#menu li.servicios a:hover, #cont ul#menu li.servicios a.activo {
background-position: -72px 0;
}
#cont ul#menu li.aplicacionesweb a {
width:118px;
height:27px;
background:url(../images/btn_aplicacionesweb.gif);
}
#cont ul#menu li.aplicacionesweb a:hover, #cont ul#menu li.aplicacionesweb a.activo {
background-position: -118px 0;
}
#cont ul#menu li.contacto {
padding:0px 0px 0px 10px;
}
#cont ul#menu li.contacto a {
width:68px;
height:27px;
background:url(../images/btn_contacto.gif);
}
#cont ul#menu li.contacto a:hover, #cont ul#menu li.contacto a.activo {
background-position: -68px 0;
}
#cont #logo {
padding:35px 0px 27px 15px;
border-bottom:1px solid #c9caca;
}
#cont #contenido {
margin:15px 0px 0px 0px;
padding:0px 15px 0px 15px;
}
#cont #contenido .izda {
float:left;
width:433px;
padding:0px 15px 0px 0px;
}
#cont #contenido .dcha {
float:left;
padding:0px 0px 0px 15px;
border-left:1px solid #c9caca;
}
#cont #contenido .dcha .trabajo {
margin:0px 0px 10px 0px;
border:1px solid #999;
width:280px;
height:108px;
padding:2px;
background:#fff;
position:relative;
overflow:hidden;
}
/*pies de foto*/
#cont #contenido .dcha .trabajo p {
position:absolute;
top:0;
left:0;
background:#334457;
margin:2px 2px 0px 2px;
width:272px;
padding:4px 0px 4px 8px;
line-height:10px;
filter:alpha(opacity=60);
opacity:.6;
}
#cont #contenido .dcha .trabajo a:hover img{filter:alpha(opacity=70);opacity:.7;}
#cont #contenido .dcha .trabajo p a{color:#fff;border:0;text-decoration:none;}
#cont #contenido .dcha .trabajo span {
position:absolute;
top:0;
left:0;
color:#fff;
margin:2px 2px 0px 2px;
width:272px;
padding:4px 0px 4px 8px;
line-height:10px;
}
#cont #contenido .dcha .trabajo span a {
color:#ffffff;
text-decoration:none;
}
#cont ul.inf {
width:455px;
height:40px;
text-align:right;
border-top:1px solid #c9caca;
margin:25px 0px 0px 0px;
padding:10px 0px 0px 325px;
}
#cont ul.inf li.colaborador {
margin:0px 140px 0px 0px;
}
#cont ul.inf li {
float:left;
margin:0px 0px 0px 8px;
}
/* TRABAJOS */
#cont #contenido .centro {
width:750px;
}
#cont #contenido .centro .trabajo {
width:750px;
margin:0px 0px 20px 0px;
padding:8px 0px 10px 0px;
background-image:url(../images/flecha.gif);
background-repeat:no-repeat;
background-position:right bottom;
border-bottom:1px solid #d2d2d2;
}
#cont #contenido .centro .trabajo .galeria {
float:left;
width:246px;
margin:0px 15px 0px 0px;
}
#cont #contenido .centro .trabajo .galeria p {
width:240px;
height:140px;
padding:2px;
border:1px solid #999;
margin:0px 0px 7px 0px;
}
#cont #contenido .centro .trabajo .galeria .enlaces {
width:246px;
}
#cont #contenido .centro .trabajo .galeria .enlaces .enlace {
float:left;
padding:0px 4px 0px 4px;
}
#cont #contenido .centro .trabajo .galeria .enlaces .enlace a {
display:block;
color:#FFFFFF;
text-decoration:none;
background-color:#4974a0;
width:12px;
height:14px;
padding:3px;
text-align:center;
}
#cont #contenido .centro .trabajo .galeria .enlaces .enlace a:hover, #cont #contenido .centro .trabajo .galeria .enlaces .enlace a.activo {
background-color:#3b4043;
}
#cont #contenido .centro .trabajo .texto {
float:left;
width:489px;
}
#cont #contenido .centro .trabajo .texto h2 {
color:#4974a0;
font-size:15px;
font-weight:bold;
}
#cont #contenido .centro .trabajo .texto h3 {
margin:4px 0px 6px 0px;
}
#cont #contenido .centro .trabajo .texto h3 a {
color:#3b4043;
font-weight:bold;
}
#cont #contenido .centro .trabajo .texto p {
color:#80868a;
margin:5px 0px 7px 0px;
}
#cont #contenido .centro .trabajo .texto h4 {
margin:5px 0px 0px 0px;
}
/* /TRABAJOS */
/* CLIENTES */
#cont #contenido .cliente {
float:left;
width:120px;
margin:0px 15px 25px 15px;
text-align:center;
}
#cont #contenido .cliente img {
padding:2px;
}
/* /CLIENTES */
/* APLICACIONES WEB */
#cont #contenido .aplicacionweb {
width:730px;
border-bottom:1px solid #797979;
padding:5px 10px 10px 10px;
margin:0px 0px 8px 0px;
background-image:url(../images/flecha.gif);
background-repeat:no-repeat;
background-position:right bottom;
}
#cont #contenido .aplicacionweb .icono {
margin:0px 0px 3px 0px;
}
#cont #contenido .aplicacionweb .descripcion {
color:#AAA;
}
#cont #contenido .aplicacionweb .fuente {
margin:4px 0px 4px 0px;
}
#cont #contenido .aplicacionweb .url a {
color:#F50;
}
/* /APLICACIONES WEB */
/* CONTACTO */
#cont #contenido .formulario {
float:left;
width:360px;
margin:0px 0px 20px 0px;
}
#cont #contenido .formulario .col2 input, #cont #contenido .formulario .col2 textarea {
background-color:#989898;
color:#FFFFFF;
}
#cont #contenido .formulario .col2 input {
width:360px;
margin:0px 0px 10px 0px;
}
#cont #contenido .formulario .boton {
margin:3px 0px 0px 274px;
}
#cont #contenido .formulario .boton a {
display:block;
text-align:center;
width:80px;
padding:4px;
background-color:#F60;
color:#FFFFFF;
text-decoration:none;
border:1px solid #999;
}
#cont #contenido .formulario .col2 textarea {
width:360px;
height:200px;
}
#cont #contenido .datos {
float:left;
width:370px;
font-size:14px;
margin:0px 0px 0px 20px;
text-align:center;
}
#cont #contenido .datos strong, #cont #contenido .datos strong a {
color:#d95800;
}
/* /CONTACTO */