body{
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Segoe UI", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #f8f8f8 url('./images/backgrounds/header_bg_borderthin.png') repeat-x 0 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Tahoma, Verdana, 'Lucida Grande',Verdana,Arial,Sans-Serif;  color: #6f6f6f; text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
    padding-top:3px;
}


#page {border: 0px solid #959596; text-align: left; padding: 0; border-top:0; }
#header{margin: 0 0 20px 1px; }
#footer{padding-top: 10px;}
#footer p {margin: 0; padding: 20px 0; text-align: center; letter-spacing: 0.2px; font-size: 11px;}


#header_top {margin: 0; height: 104px; margin-top: 5px; float: left; position: relative;}
#header_top .description {font-size: 1.2em; text-align: right; float: right; margin-top: 70px; color: #011188; width: 330px; height: 17px; background: url('images/misc/subtitle-08.png');}
#header_top .description span{display:none;}
#header_company_name{float: left; width: auto; margin: 0;}
#header_company_name a{float: left; width: 174px; height: 91px; background: url('./images/logos/logo-08.png') 0 0 no-repeat; }
#header_company_name a span{display: none;}

#auxiliar{float: left; width:100%; height: 210px; }
#banner{float: left; height: 188px; background: none;}
#banner {overflow: hidden;}
#banner img{margin: -25% -25% }
.presentacion #banner{background: url('./images/banners/presentacion.jpg') no-repeat;}
.arquitectura #banner{background: url('./images/banners/arquitectura.jpg') no-repeat;}
.ingenieria #banner{background: url('./images/banners/ingenieria.jpg') no-repeat;}
.urbanismo #banner{background: url('./images/banners/urbanismo.jpg') no-repeat;}
.contacto #banner{background: #FFF url('./images/banners/contacto.jpg') no-repeat 0 -60px;}
.error-404 #banner{background: url('./images/banners/404.jpg') no-repeat;}
#banner.news{background: url('./images/banners/news.jpg') no-repeat; border: 0;}
.aviso-legal #banner{background: url('images/banners/legal.jpg') no-repeat;}

#main_menu{float: right; width: 220px; height: 210px; background: url('images/backgrounds/menu_bg.png') no-repeat;}

#content {font-size: 12px; line-height: 20px;}

/* ---------------------------------------------------------------------------------------------------- 
                                                ENCABEZADOS
   ----------------------------------------------------------------------------------------------------*/
h1, h2, h3 {
    line-height: normal;
    font-family: "Segoe UI", 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;    
    font-weight: bold;
    }

h1 {font-size: 18px; color: #0f1e8e; line-height: normal;}    
h2{float: left; color: #EE6B01; font-size: 16px; margin-top: 0; margin-bottom: 10px; width: 100%;}
h3{float: left; font-size: 14px; margin-bottom: 10px; width: 100%; margin-top: 0;}

#side h3{font-size: 11px; border-bottom: 1px solid #CCCCCC; padding-bottom: 3px; width: 100%; margin-bottom: 0; text-transform: uppercase; margin-top: 5px;}
#side ul{margin:3px 0 10px 5px; padding-left:0px; width: 100%; float: left;}
#side li{font-size:11px; /*line-height:100%; */list-style-type:none; margin-top:5px; text-align:left;}
#side ul#category_archives li{background: url('images/bullets/022.png') no-repeat 0 3px; padding-left: 22px;}
#side ul#monthly_archives li{background: url('images/bullets/030.png') no-repeat 0 3px; padding-left: 22px;}
#side a, #side a:link, #side a:visited, #side a:active {text-decoration:none;}
#side a:hover{background: #101F8E; color: #fff;}



.news {border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 15px;}
.news h1, .news h2{margin-bottom: 2px;}
.news a img{max-width: 500px; border: 0px solid #ccc;}
.news a{border: 0;}
.news-header{border-bottom: 1px dotted #CCCCCC;}
.news-header p{margin: 5px 0; font-size: 11px;}
.news-header .category{background: url('images/bullets/022.png') no-repeat 0 3px; padding-left: 22px; padding: 5px 0 5px 22px;}
a.more-link{display: block;}

/* ---------------------------------------------------------------------------------------------------- 
                                                PÁGINA DE CONTACTO
   ----------------------------------------------------------------------------------------------------*/

ul#address{list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 20px;}
ul#address li{list-style-image: none; padding-left: 0}
ul#address li.company{color: #EF6C02; font-weight: bold;}
ul#address li.phone{background: url('images/bullets/phone.png') no-repeat 0 3px; padding-left: 22px; }
/* ---------------------------------------------------------------------------------------------------- 
                                                ESTILOS GENERALES
   ----------------------------------------------------------------------------------------------------*/
a{color: #0F1E8E; text-decoration: none;}
a:hover, a:focus{
    text-decoration: underline;
}
    
strong{color: #EE6B01;}
.remark{color: #0F1E8E;}
    
.post{border: 1px solid #e8e8e8; background: #fff; position: relative; margin-bottom: 20px;}
#side{border: 1px solid #e8e8e8; background: #fff; position: relative;}
#side_entry{margin: 15px; float: left; display: inline}
.entry{margin: 15px;}

/* Listas
   -------- */
.entry li{list-style-image:url(./images/bullets/square.gif);}


/* ---------------------------------------------------------------------------------------------------- 
                                                ESTILOS ADICIONALES
   ----------------------------------------------------------------------------------------------------*/
.left{float: left;}
.right{float: right;}
   
   
li#news_link a{background: url('images/bullets/badge_rss.png') no-repeat 0 3px; padding-left: 22px; height: 16px;}   
   
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} 
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}


#slideshow{float: left; margin-bottom: 14px;}   

.imageOver{background:url(./images/misc/zoom.gif) no-repeat 50% 50%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/* Sombra boxes
   ------------ */
.shadow-big-box{width: 536px; height: 9px; background: url("./images/backgrounds/shadow-big-box.png") no-repeat; display: block; position: absolute; top: 100%;}
.shadow-small-box{width: 230px; height: 10px; background: url("./images/backgrounds/shadow-small-box.png") no-repeat; position: absolute; top: 100%; left: 0; }

.date{color: #EE6B01;}

#langs{float: left; margin: 0; padding:0;}
#langs a img{border: 0;}

#breadcrumb{margin-bottom: 10px; width: 100%;}

.dep-projects li{list-style-image:url(./images/bullets/square.gif); margin-left: 15px;}


/* ---------------------------------------------------------------------------------------------------- 
                                                NAVEGACIÓN
   ----------------------------------------------------------------------------------------------------*/

/* Auxiliar
   -------- */   
#menu_auxiliar{position: absolute; right: 0; margin: 0;}
#menu_auxiliar li{list-style-type: none; float: left; margin-left: 5px;}


/* ---------------
    Menú Vertical
   --------------- */
#main_menu ul{float: right; padding-left: 0; margin-top: 10px; }
#main_menu li{list-style: none; margin-bottom: 0;}
#main_menu li a{width: 165px; height: 25px; margin-bottom: 6px; margin-right: 30px; display: block;}
#main_menu li a span{display: none;}

.es #main_menu li.page-item-2 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -4px;}
.es #main_menu li.page-item-3 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -34px;}
.es #main_menu li.page-item-4 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -64px;}
.es #main_menu li.page-item-7 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -94px;}
.es #main_menu li.page-item-5 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -124px;}
.es #main_menu li.page-item-8 a{background: url("./images/menu/menu-vertical.png") no-repeat 0% -154px;}
                                                     
.es #main_menu li.page-item-2.current_page_item a,.es #main_menu li.page-item-2 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -4px;}
.es #main_menu li.page-item-3.current_page_item a,.es #main_menu li.page-item-3 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -34px;}
.es #main_menu li.page-item-4.current_page_item a,.es #main_menu li.page-item-4 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -64px;}
.es #main_menu li.page-item-7.current_page_item a,.es #main_menu li.page-item-7 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -94px;}
.es #main_menu li.page-item-5.current_page_item a,.es #main_menu li.page-item-5 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -124px;}
.es #main_menu li.page-item-8.current_page_item a,.es #main_menu li.page-item-8 a:hover{background: url("./images/menu/menu-vertical.png") no-repeat 100% -154px;}

.en #main_menu li.page-item-2 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -4px;}
.en #main_menu li.page-item-3 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -34px;}
.en #main_menu li.page-item-4 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -64px;}
.en #main_menu li.page-item-7 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -94px;}
.en #main_menu li.page-item-5 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -124px;}
.en #main_menu li.page-item-8 a{background: url("./images/menu/menu-vertical-en.png") no-repeat 0% -154px;}
                                                     
.en #main_menu li.page-item-2.current_page_item a,.en #main_menu li.page-item-2 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -4px;}
.en #main_menu li.page-item-3.current_page_item a,.en #main_menu li.page-item-3 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -34px;}
.en #main_menu li.page-item-4.current_page_item a,.en #main_menu li.page-item-4 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -64px;}
.en #main_menu li.page-item-7.current_page_item a,.en #main_menu li.page-item-7 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -94px;}
.en #main_menu li.page-item-5.current_page_item a,.en #main_menu li.page-item-5 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -124px;}
.en #main_menu li.page-item-8.current_page_item a,.en #main_menu li.page-item-8 a:hover{background: url("./images/menu/menu-vertical-en.png") no-repeat 100% -154px;}

/* ----------------
    Menú Horizontal
   ---------------- */
#main_menu_horizontal ul{float: left; margin: 0; padding: 0; border-left: 1px solid #6F6F6F; }
#main_menu_horizontal li{float: left; list-style: none; border: 1px solid #6F6F6F; border-left: 0; border-bottom: 0; background: #363636; margin-left: 0px; }
#main_menu_horizontal li a{height: 22px; margin-bottom: 0px; display: block;}
.es #main_menu_horizontal li a{padding: 0 20px;}
.en #main_menu_horizontal li a{padding: 0 16px;}
#main_menu_horizontal li a span{display: none;}

.es #main_menu_horizontal li.page-item-2 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px 2px; width: 56px;}
.es #main_menu_horizontal li.page-item-3 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px -19px; width: 108px;}
.es #main_menu_horizontal li.page-item-4 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px -39px; width: 109px;}
.es #main_menu_horizontal li.page-item-7 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px -59px; width: 89px;}
.es #main_menu_horizontal li.page-item-5 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px -79px; width: 89px;}
.es #main_menu_horizontal li.page-item-8 a{background: #363636 url("./images/menu/menu-horizontal-es.png") no-repeat 20px -99px; width: 82px;}

.es #main_menu_horizontal li.page-item-2.current_page_item a, .es #main_menu_horizontal li.page-item-2 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -138px; }
.es #main_menu_horizontal li.page-item-3 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -159px; }
.es #main_menu_horizontal li.page-item-4 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -179px; }
.es #main_menu_horizontal li.page-item-7 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -199px; }
.es #main_menu_horizontal li.page-item-5 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -219px; }
.es #main_menu_horizontal li.page-item-8 a:hover{background: #4a4d4f url("./images/menu/menu-horizontal-es.png") no-repeat 20px -239px; }


.en #main_menu_horizontal li.page-item-2 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px 2px; width: 86px;}
.en #main_menu_horizontal li.page-item-3 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -19px; width: 83px;}
.en #main_menu_horizontal li.page-item-4 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -39px; width: 108px;}
.en #main_menu_horizontal li.page-item-7 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -59px; width: 105px;}
.en #main_menu_horizontal li.page-item-5 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -79px; width: 127px;}
.en #main_menu_horizontal li.page-item-8 a{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -99px; width: 72px;}

.en #main_menu_horizontal li.page-item-2.current_page_item a, .en #main_menu_horizontal li.page-item-2 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -138px; }
.en #main_menu_horizontal li.page-item-3 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -159px; }
.en #main_menu_horizontal li.page-item-4 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -179px; }
.en #main_menu_horizontal li.page-item-7 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -199px; }
.en #main_menu_horizontal li.page-item-5 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -219px; }
.en #main_menu_horizontal li.page-item-8 a:hover{background: url("./images/menu/menu-horizontal-es.png") no-repeat -134px -239px; }

#main_menu_horizontal li.current_page_item, #main_menu_horizontal li.current_page_item:hover{background: #4A4D4F;} 

#banner_proyectos{background: url("./images/misc/banner-proyectos.jpg") no-repeat; width: 780px; height: 187px; float: left;}
                     /*                                
#main_menu_horizontal li.page-item-2.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -4px;}
#main_menu_horizontal li.page-item-3.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -34px;}
#main_menu_horizontal li.page-item-4.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -64px;}
#main_menu_horizontal li.page-item-7.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -94px;}
#main_menu_horizontal li.page-item-5.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -124px;}
#main_menu_horizontal li.page-item-8.current_page_item a{background: url("./images/menu/menu-horizontal-es.png") no-repeat 100% -154px;}          */

                                                     
/* Lista de proyectos de un departamento
   ------------------------------------- */
#proyectos_departamento{margin-top: 10px;}
#proyectos_departamento .post{background: none; border: 0; margin-bottom: 30px; }
#proyectos_departamento dl{margin-top: 0;} 
#proyectos_departamento dl dt{float: left; margin-right: 0px; 
                              position: relative; background: url("./images/misc/drop-shadow.png") no-repeat center bottom; padding: 0pt 15px; width: 166px; height: 172px; margin-left: -15px;}                              
#proyectos_departamento dl dt span.glossy{background:transparent url("./images/misc/glossy-gradient.png") no-repeat scroll 0% 0%; display:block; height:84px; left:26px; position:absolute; top:6px; width:140px; }
#proyectos_departamento dl dt a{float: left; background: #fff; padding: 10px; border: 1px solid #E8E8E8;}
#proyectos_departamento dl dt a img{border: 0; width: 140px; height: 140px;}
#proyectos_departamento dl dd.proyecto_nombre{color: #EE6B01; text-transform: uppercase; font-weight: bold;}                
#proyectos_departamento dl dd.tipo_proyecto{color: #0F1E8E; font-weight: bold; }                
#proyectos_departamento dl dd.Situacion{margin-bottom: 5px;}                

.gallery ul{padding: 0; margin: 0;}
.gallery li{padding: 0; margin: 0;}
.gallery img{border: 0; background: #fff; padding: 10px; border: 1px solid #E8E8E8;}
/*.gallery .frame{position: relative; background: #fff; padding: 10px; border: 1px solid #E8E8E8;}
.gallery .frame span{position: absolute; background:transparent url("./images/misc/glossy-gradient-big.png") no-repeat scroll 0% 0%; display:block; height:185px; left:13px; position:absolute; top:6px; width:480px; }
*/
.wslide-menu a{border:1px solid #000A84; padding: 2px 4px; text-decoration: none; font-weight: bold; } 
.wslide-menu a.wactive, .wslide-menu a:hover{color: #fff; background: #000A84; }
.tipo_proyecto{color: #000A84;}

.proyecto h2{margin-top: 0; width: 100%;}
dl#side_entry dt{float: left; color: #F06D03;}
dl#side_entry dd{clear: left; margin-left: 0; margin-bottom: 6px;}


/* ---------------------------------------------------------------------------------------------------- 
                                                NOTICIAS
   ----------------------------------------------------------------------------------------------------*/

/* Encabezados de noticias en el sidebar
   ------------------------------------- */
#side .noticia{font-size: 11px; line-height: 16px; margin-bottom: 16px; float: left; clear: left; width: 100%;}
#side .noticia small{color: #0F1E8E;}
#side .noticia p{margin-top: 0;}
.noticia_titulo{color: #EE6B01; font-weight: bold;}
.more_info{float: left; display: block;}
.read_more{clear: left; float: left; width: 100%;}