/* CSS Document */

/*

Site: Okume
URL: http://www.okume.com
Author: Mar San Alberto, Imagina On Line, sl
Version: 1.0
Date: 27-05-2010

*/

body { margin: 0 auto; background: url(../images/fondo.jpg) repeat-x top #F1EAE4; color: #855; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 1.3; text-align: justify; }
#header { width: 900px; margin: 0 auto; padding: 16px 10px 15px 10px; position: relative; }
#logo{ width: 270px; margin: 0 auto; float: left; }
#nav { width: 600px; margin:0 auto; padding: 30px 10px 0px 0px; float: right; }
#cabecera {width: 900px; margin-top: 64px; padding: 0; clear: both;}
#main { width: 100%; height: auto; margin: 0 0; padding: 10px 0 44px 0; background: url(../images/background.gif) no-repeat bottom right ; }
#content { width: 900px; margin: 0 auto; padding: 110px 0px 33px 0px; background-color: #fff; border: 1px solid #e0cfc5; position: relative; clear: both; display: table; }
#mainfooter { width: 100%; margin: 0 auto; background-color: #C8A895; }
#footer { width: 900px; margin: 0 auto; padding: 0 auto; display: table; }

.col-izda { width: 510px; float: left; font-size:12px; margin-left: 30px; margin-bottom: 16px; border-bottom: 1px solid #E0CFC5;}
.col-izda a {color: #CD8352; font-weight:bold; text-decoration:none;}
.col-izda a:hover {color: #912; font-weight:bold; text-decoration:none;}
#breve1{ width: 245px; font-size:11px; float: left; margin-bottom: 10px;}
#breve2{ width: 245px; font-size:11px; float: right; margin-bottom: 10px;}
#breve1 p, #breve2 p { font-size: 11px; color: #815452; margin-left: 90px; text-align:left;}
.col-dcha {width: 290px; float: right; margin-right: 30px; }
.col-izda-2 { width: 385px; float: left; font-size:12px; margin-left: 30px; margin-bottom: 16px; border-bottom: 1px solid #E0CFC5;}
.col-izda-2 ul { line-height: 1.3; }
.col-izda-2 ul li {padding-left: 20px; background: url(../images/flecha2_li.gif) no-repeat top left; text-decoration:none; list-style: none; margin-top: 8px; margin-left: -14px; }
.col-dcha-2 {width: 415px; float: right; margin-right: 30px;}
.col-dcha-2b {width: 415px; float: right; margin-right: 30px; margin-bottom: 16px; border-bottom: 1px solid #E0CFC5;}
.col-unica { width: 840px; float: left; margin: 0px 30px 16px 30px; font-size:12px; border-bottom: 1px solid #E0CFC5;}
.int_celda { padding: 12px; text-align: left;  }


.bienvenidos {background: url(../images/back_bienve.jpg) no-repeat top left; }
.quienes {background: url(../images/back_quienes.jpg) no-repeat top left; }
.servicios {background: url(../images/back_servicios.jpg) no-repeat top left; }
.trabajos {background: url(../images/back_trabajos.jpg) no-repeat top left; }
.clientes {background: url(../images/back_clientes.jpg) no-repeat top left; }
.colabora {background: url(../images/back_colabora.jpg) no-repeat top left; }
.navegacion { font-size: 11px; color: #401; text-transform: uppercase; text-align:right;}
.navegacion ul { display: inline; }
.navegacion li { margin-right: 6px; display: inline; }
.navegacion li a {color: #401; text-decoration:none;}
.navegacion li a:hover {color: #f82; text-decoration:none;}
.navegacion li a.selected {color: #f82; text-decoration:none;}
.datos {width: 250px; margin:24px 10px; font-size: 11px; color: #fff; float: left; }
.datos a {color: #912; font-weight:bold; }
.datos a:hover {color: #fff; font-weight:bold;}
.firma { width: 600px; text-align: right; float: right; margin: 65px 10px 24px 0;  }
.desing{}
.miniatura img { margin: 14px 5px 20px 0px;}
.trabajo img { margin-bottom:34px; }
.blanco {color:#FFFFFF; line-height: 0.5;}
.pie {font-size: 11px; line-height: 0.5; margin-top: -6px; margin-left: 60px; } 

h2 {font: 18px Trebuchet MS;  color: #96122C; background: url(../images/h1.jpg) no-repeat left center; padding-left: 24px;}
h3 {font-size: 16px; color: #96122C; margin-left: 90px; }
h4 {font-size: 16px; color: #96122C;}