/*---------------------------------
------------ GENERAL -------------- 
-----------------------------------*/
*{margin:0;padding:0}

html,
body {
width:100%;
height:100%;
color:#333;
background:url(../img/fondo.png) repeat-x 0 0 #fff;
font:0.9em Arial, Helvetica, sans-serif;} 

h3{
background:#FFFAC6;
padding:10px;
margin:10px 0;}


h4{margin:10px 0 5px 0}

h4,h5{font-size:1em}

p,
li {
padding:0 0 5px 0;
line-height:150%;
text-align:justify;}

ul{
padding:0 0 5px 0;
list-style:none;}

address{
line-height:150%;
font-style:normal;
width:300px;
margin:10px auto 30px auto;
padding:10px;
background: #eee;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc}
address img{
vertical-align:middle;
margin:0 5px;}


.clear{clear:both;}
.centrado{text-align:center}
.izq{text-align:left}
.fizq{float:left !important}
.fder{float:right !important}

/* ----------------------------------
------------- ENLACES ---------------
-----------------------------------*/
a img{border:0}

a{
color:#0569BC;}
a:hover{
color:#333;}

a.external{
padding-right:12px;
background:url(../img/link.gif) no-repeat 100% 50%}



/* ----------------------------------
------------- CAPAS -----------------
-----------------------------------*/
#contenedor{
width:100%;
max-width:800px;
min-height:100%;
margin:auto;}

#top{
padding-top:3px;
height:100px;
width:100%;
background:url(../img/logo-es.png) no-repeat 0 3px;}
#en #top{background:url(../img/logo-en.png) no-repeat 0 3px;}

#lang{
float:right;
margin:0 10px 0 0}
#lang li{
line-height:100%;
list-style:none;
padding:0 0 0 18px;
float:right;
background:url(../img/flag.png) no-repeat 0 50%}
#lang li:hover{
background:url(../img/flag.png) no-repeat -46px 50%}
#lang li a{
padding:5px;
color:#ccc;
width:60px;
display:block;
text-align:center;
background:url(../img/bg-lang.png) no-repeat 100% 50%;
font-weight:bold;
text-decoration:none}
#lang li a:hover{
color:#fff;}

#lang .saltar{
margin-top:-500px;}


#contenido{
margin:20px 220px 0 10px;
width:500px;
padding:0 20px 55px 20px;
min-height:400px;
background:url(../img/fondo-trans.png) no-repeat 0 0;}
#contenido #img{
text-align:center;
padding-top:20px;}
#contenido .resaltado{
padding:2px;
background:#FFFAC6;}
#contenido h2{
padding:25px 0 5px 0;
font:normal 1.8em Georgia, "Times New Roman", Times, serif;
color:#b2010c;}

.mapa{
float:left;
margin:0 5px 10px 0}

.lista li{
background:url(../img/flecha.gif) no-repeat 0 0.1em;
padding:3px 0 3px 15px !important;
text-align:left;}




/*-------------------------------*/
/*------->> Servicios <<---------*/
/*-------------------------------*/

.box-destacado{
background:#DBE2FF;
color:#222;
border-top:7px solid #6C7C9B;
border-bottom:7px solid #6C7C9B;
padding:10px;
margin:25px auto 15px auto;
width:95%;}
#contenido .box-destacado h2{
background:#DBE2FF;
color:#222;
margin:0;
padding:3px 0;
border:0;
text-align:center}
.box-destacado p{
text-align:center;
padding:0;
font-size:1em;
font-weight:bold}
.box-destacado a{
color:#333;}
.box-destacado a:hover{
color:#57647D;}


#servicios #contenido img.fizq{
margin:5px 5px 5px 0;}
#servicios #contenido img.fder{
margin:0 0 5px 5px;}



/*-------------------------------*/
/*-------->> Trabajos <<---------*/
/*-------------------------------*/
#trabajos #contenido ul li{
padding:3px 0 3px 10px;
line-height:110%;}

#trabajos #contenido img.thumb{
float:left;
padding:5px 0;
border-right:5px solid #9C9C8E;}
#trabajos #contenido li.thumb{
padding:3px 0 3px 10px;
margin-bottom:3px;
text-align:left;
background:url(../img/flecha2.gif) no-repeat 0 50%;}

#trabajos #contenido h4{
margin-bottom:5px;
color:#387F93;}
#trabajos #contenido h5{
margin:5px 0 5px 0;}
#trabajos #contenido hr{
margin:10px 0 15px 0;
border:0;
border-top:1px dotted #ccc;}
#trabajos #contenido br{
clear:left;}

#trabajos div.destacado{
padding:10px;
margin:0 0 20px 0;
background:#eee;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;}

#trabajos  #contenido div.destacado .lista{
margin:0px;}



/*-------------------------------*/
/*-------->> Nosotros <<---------*/
/*-------------------------------*/
dt{
margin:10px 0 0 0;
padding:3px 0 3px 20px;
font-weight:bold;
background:url(../img/user.png) no-repeat 0% 50%}

dd{
padding:3px 0 3px 20px;
line-height:150%;}

#nosotros #contenido h3.puesto{
margin:0;
padding:0;
background:none}
#nosotros #contenido h3.colaboradores{
margin-top:40px;}







/* ----------------------------------
----------- MENU Principal ----------
-----------------------------------*/
#menu{
float:right;
width:200px;
margin:20px 10px 0 0;
padding:16px 0;
background:url(../img/menu-top-trans.png) no-repeat 50% 0;}

#menu ul{
background:url(../img/menu-bottom.png) no-repeat 50% 100% #000;
padding:30px 0;
display:block;}

#menu li a{
text-align:center;
display:block;
color:#ccc;
font:bold 1.2em Georgia, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:3px 10px;
margin:3px 15px;}
#menu li a:hover{
color:#fff;}

#portada #menu .portada a,
#servicios #menu .servicios a,
#trabajos #menu .trabajos a,
#caso-estudio #menu .trabajos a,
#nosotros #menu .nosotros a,
#cv #menu .nosotros a,
#contacto #menu .contacto a{
color:#EDFF4D;
background:url(../img/menu-select.png) no-repeat 50% 0;}



/* ----------------------------------
------------- PIE -------------------
-----------------------------------*/
#pie{
background:url(../img/pie.png) repeat-x top left #222;
color:#ccc;
margin:-35px 0 0 0;
height:15px;
padding:10px;}

#pie p{
text-align:center;
font:90% Verdana, Georgia, Arial, Helvetica, sans-serif;}
#pie a{
color:#fff;
text-decoration:none;
border-bottom:1px dotted #fff;}



/* ----------------------------------
------ VALIDAR ADVERTENCIAS ---------
-----------------------------------*/
h3,
address,
.cv,
#contenido .resaltado,
#trabajos div.destacado,
#menu ul{
color:inherit;}


a, a:hover,
#lang li a,#lang li a:hover,
#contenido h2,
.box-servicios a,.box-servicios a:hover,
#trabajos #contenido h4,
#menu li a,#menu li a:hover,
#portada #menu .portada a,
#servicios #menu .servicios a,
#trabajos #menu .trabajos a,
#caso-estudio #menu .trabajos a,
#nosotros #menu .nosotros a,
#cv #menu .nosotros a,
#contacto #menu .contacto a,
#pie a{
background-color:inherit}