html {
height:100%;
}

body {
margin:0 auto;
padding:0;
height:100%;
background-image:url(../images/body.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#000000;
}

a {
outline:none;
}

img {
border:none;
}

form {
margin:30px 0 0 0;
padding:0;
}

input.inputs {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
border:1px solid #525252;
width:230px;
height:15px;
padding:2px;
}

input.btSubmit {
font-family:"Trebuchet MS", Arial;
font-size:11px;
color:#525252;
font-weight:bold;
background-color:#fff;
border:1px solid #525252;
cursor:pointer;
}

textarea {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
border:1px solid #525252;
overflow:auto;
width:470px;
height:100px;
padding:2px;
}

/*\*/
html*textarea { resize:none; } /* sólo en safari */

#contenedor {
width:100%;
height:650px;
margin:0;
padding:0;
background-image:url(../images/franja.gif);
background-repeat:repeat-x;
background-position:0 41px;
}

#logo {
width:995px;
height:43px;
margin:auto;
padding-top:42px;
}

#contenido {
width:995px;
height:538px;
margin:auto;
padding:0;
}

#menu {
float:left;
width:77px;
height:217px;
}

#menu ul {
margin:0;
padding:17px 0 0 10px;
list-style:none;
width:67px;
}

#menu li {
margin:0;
padding:0;
list-style:none;
width:67px;
height:51px;
}

a.boton {
display:block;
width:67px;
height:47px;
text-indent:-9999px;
}

a.boton:hover {background-position:0 -47px;}

a.inicio {
background:url(../images/menu/home.gif) top left no-repeat;
}

a.servicios {
background:url(../images/menu/servicios.gif) top left no-repeat;
}

a.trabajos {
background:url(../images/menu/trabajos.gif) top left no-repeat;
}

a.contacto {
background:url(../images/menu/contacto.gif) top left no-repeat;
}

a.blog {
background:url(../images/menu/blog.gif) top left no-repeat;	
}

#principal {
float:right;
width:916px;
height:537px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
background-color:#000;
}

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

#principal li {
margin:0 8px 0 0;
padding:25px 25px 0 25px;
list-style:none;
float:left;
width:250px;
height:512px;
background-color:#f1efef;
}

#principal li.fin {
margin-right:0;
}

#principal li h1 {
font-family:"Trebuchet MS", Arial;
font-size:24px;
color:#929292;
font-weight:bold;
margin:0;
padding:0;
}

#principal li h2 {
font-family:"Trebuchet MS", Arial;
font-size:14px;
color:#929292;
font-weight:bold;
margin:15px 0 0 0;
padding:0;
}

#principal li p {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
margin:15px 0 0 0;
padding:0;
line-height:14px;
}

#trabajos {
margin:0;
padding:25px 0 0 25px;
float:left;
width:891px;
height:512px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
background-color:#f6f6f6;
}

#trabajos h1 {
font-family:"Trebuchet MS", Arial;
font-size:24px;
color:#929292;
font-weight:bold;
margin:0 0 20px 0;
padding:0;
}

#trabajos ul {
margin:0;
padding:0;
list-style:none;
width:720px;
float:left;
}

#trabajos ul.galerias {
margin-top:20px;
width:860px;
height:270px;
overflow:hidden;
}

#trabajos li {
margin:0 30px 90px 0;
padding:0;
float:left;
width:150px;
height:113px;
}

#trabajos li.galerias {
margin:0 20px 80px 0;
height:55px;
background-color:#000;
}

#trabajos li p {
margin:0;
padding:5px 0 0 10px;
font-family:"Trebuchet MS", Arial;
font-size:14px;
color:#929292;
font-weight:normal;
line-height:16px;
}

#trabajos li p a {
color:#929292;
text-decoration:none;
}

#trabajos li p a:hover {
text-decoration:underline;
}

#trabajos li img {
border:5px solid #e6e6e6;
}

#trabajos p {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
margin:0 30px 0 0;
padding:0;
line-height:14px;
}

#trabajos p a {
color:#929292;
text-decoration:none;
}

#trabajos p a:hover {
text-decoration:underline;
}

#trabajos TD {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
line-height:14px;
}

#text {
height:135px;
overflow:auto;
margin-right:10px;
}

#paginacion {
border-left:1px solid #cdc7c5;
margin-left:10px;
width:130px;
text-align:center;
height:410px;
float:left;
font-family:"Trebuchet MS", Arial;
font-size:30px;
font-weight:bold;
color:#525252;
}

#paginacion ul {
margin:0;
padding:0 0 0 40px;
list-style:none;
width:100px;
display:table;
}

#paginacion li {
margin:0 0 5px 0;
padding:3px 0 0 0;
list-style:none;
width:70px;
height:43px;
}

#paginacion li a {
display:block;
color:#525252;
text-decoration:none;
padding-top:3px;
width:70px;
height:43px;
background-color:#fff;
border:1px solid #cdc7c5;
}

#paginacion li a:hover {
color:#fff;
background-color:#525252;
}

#paginacion li.activo {
margin:3px 0 0 0;
padding:3px 0 0 0;
color:#fff;
background-color:#525252;
border:1px solid #cdc7c5;
}

#home {
float:left;
width:716px;
height:537px;
}

#textos {
float:left;
border-left:1px solid #fff;
padding:20px 10px 0 14px;
width:175px;
height:517px;
}

#textos h1 {
font-family:"Trebuchet MS", Arial;
font-size:18px;
color:#929292;
font-weight:bold;
margin:0;
padding:0;
}

#textos p {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
margin:8px 0 0 0;
padding:0;
line-height:14px;
}

#firma {
font-family:"Trebuchet MS", Arial;
font-size:12px;
color:#929292;
text-align:right;
width:995px;
margin:auto;
padding:10px 30px 0 0;
}

p.clear {
clear:both;
}

p.left {
width:690px;
float:left;
}