/* former jqmodel.css */
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* former navi.css */
/*** TOPNAVI ***/
#topnavi {
color:#4B7703;
line-height:;
position: relative;
width: 964Px;
margin: 0px auto;
padding: 0;
top:6px;
z-index:10;
overflow: hidden;
}
#topnavi a, #topnavi .spacer {
display: block;
float: right;
}
#topnavi img{
float:right;
padding-top:4px;
clear:both;
}
#topnavi a:link, #topnavi a:visited {
text-decoration: none;
color: #4b7703;
padding-left: 13Px;
background: url(../images/img/topnavi_dot.gif) no-repeat 6Px 6Px;
}
#topnavi a:focus, #topnavi a:hover, #topnavi a:active {
color: #727272;
}
#topnavi a.navilast {
background: none;
}
#topnavi .spacer {
padding: 0;
font-size: 8Px;
}
/*** LEFTNAVI ***/
#leftnavi {
position: relative;
z-index: 2;
float: left;
padding: 150Px 0 0Px 0;
left: -10Px;
width: 250Px;
}

#leftnavi_footer {
width: 200Px;
height: 1Px;
margin: 0 0 0 40Px;
padding: 0;
background: url(../images/img/navi/line_bottom.png) repeat left bottom;
}
* html #leftnavi_footer {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img/navi/line_bottom.png', sizingMethod='image');
}
/** E1 **/
#leftnavi ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
#leftnavi ul li {
display: inline;
margin: 0;
padding: 0;
}
#leftnavi ul li a, #leftnavi ul li a strong {
display: block;
height: 44Px;
margin: 0;
padding: 0 0 0 40Px;
cursor: pointer;
}
#leftnavi ul li.on a, #leftnavi ul li.section a, #leftnavi ul li.current a {
background: url(../images/img/navi/e1_on.gif) no-repeat;
}
#leftnavi ul li a strong span {
display: none;
}
/** E2 **/
#leftnavi ul li ul {
padding: 0 0 18Px 2Px;
}
#leftnavi ul li ul li {
display: block;
line-height: 16Px;
}
#leftnavi ul li.on ul li a , #leftnavi ul li.section ul li a, #leftnavi ul li.current ul li a {
display: inline;
height: auto;
width: auto;
text-decoration: none;
background: none;
color: #727272;
}
#leftnavi ul li ul li a:focus, #leftnavi ul li ul li a:hover, #leftnavi ul li ul li a:active,
#leftnavi ul li ul li.on a, #leftnavi ul li ul li.current a {
background: url(../images/img/navi/e2_on.gif) no-repeat 30Px 4Px;
color: #658200;
}
#leftnavi ul li ul li .navi_liner {
position: absolute;
margin: 8Px 0 0 2Px;
padding-left: 300Px;
width: 300Px;
height: 1Px;
background: url(../images/img/navi/liner.png) repeat-x;
}

#leftnavi h5{
	border-top: 1px solid #9fa5ad;
}


* html #leftnavi ul li ul li .navi_liner {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/img/navi/liner.png', sizingMethod='crop');
}
/** E3 **/
#leftnavi ul li ul li ul {
position: absolute;
margin-top: -2Px;
right: -140Px;
}
* html #leftnavi ul li ul li ul {
margin-top: 13Px;
}
#leftnavi ul li ul li ul li a {
padding-right: 8Px;
}
#leftnavi ul li ul li.on ul li a {
color: #727272;
background: none;
}
#leftnavi ul li ul li ul li a:focus, #leftnavi ul li ul li ul li a:hover, #leftnavi ul li ul li ul li a:active,
#leftnavi ul li ul li.on ul li.on a {
background: url(../images/img/navi/e3_on.gif) no-repeat right 4Px;
color: #658200;
}
.navi_opener {
position: relative;
width: 380Px;
overflow: hidden;
}
* html .navi_opener {
position: absolute;
}
/** E1-Images **/
/*** 1 ***/
a#quienes-somos:link strong, a#quienes-somos:visited strong {
background: url(../images/img/navi/opus5_barcelona_quienes_somos_off.png) no-repeat;
}
a#quienes-somos:focus strong, a#quienes-somos:hover strong, a#quienes-somos:active strong,
li.section a#quienes-somos:link strong, li.section a#quienes-somos:visited strong,
li.current a#quienes-somos:link strong, li.current a#quienes-somos:visited strong  {
background: url(../images/img/navi/opus5_barcelona_quienes_somos_on.png) no-repeat;
}
/*** 2 ***/
a#productos-o5:link strong, a#productos-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_productos_o5_off.png) no-repeat;
}
a#productos-o5:focus strong, a#productos-o5:hover strong, a#productos-o5:active strong,
li.section a#productos-o5:link strong, li.section a#productos-o5:visited strong,
li.current a#productos-o5:link strong, li.current a#productos-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_productos_o5_on.png) no-repeat;
}
/*** 3 ***/
a#servicios-o5 strong, a#servicios-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_servicios_o5_off.png) no-repeat;
}
a#servicios-o5:focus strong, a#servicios-o5:hover strong, a#servicios-o5:active strong,
li.section a#servicios-o5 strong, li.section a#servicios-o5:visited strong,
li.current a#servicios-o5:link strong, li.current a#servicios-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_servicios_o5_on.png) no-repeat;
}
/*** 4 ***/
a#proyectos-realizados:link strong, a#proyectos-realizados:visited strong {
background: url(../images/img/navi/opus5_barcelona_proyectos_realizados_off.png) no-repeat;
}
a#proyectos-realizados:focus strong, a#proyectos-realizados:hover strong, a#proyectos-realizados:active strong,
li.section a#proyectos-realizados:link strong, li.section a#proyectos-realizados:visited strong,
li.current a#proyectos-realizados:link strong, li.current a#proyectos-realizados:visited strong {
background: url(../images/img/navi/opus5_barcelona_proyectos_realizados_on.png) no-repeat;
}
/*** 5 ***/
a#novedades-o5 strong,
a#novedades-o5:link strong,
a#novedades-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_notas_de_prensa_off.png) no-repeat;
}
a#novedades-o5:focus strong,
a#novedades-o5:hover strong,
a#novedades-o5:active strong,
li.on a#novedades-o5:link strong,
li.on a#novedades-o5:visited strong {
background: url(../images/img/navi/opus5_barcelona_notas_de_prensa_on.png) no-repeat;
}
/** !!! IE hacks !!! **/
/*** 1 ***/
* html a#quienes-somos:link strong, * html a#quienes-somos:visited strong
 {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_quienes_somos_off.png', sizingMethod='image');
}
* html a#quienes-somos:focus strong, * html a#quienes-somos:hover strong, * html a#quienes-somos:active strong,
* html li.section a#quienes-somos:link strong, * html li.section a#quienes-somos:visited strong,
* html li.current a#quienes-somos:link strong, * html li.current a#quienes-somos:visited strong{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_quienes_somos_on.png', sizingMethod='image');
}
/*** 2 ***/
* html a#productos-o5:link strong, * html a#productos-o5:visited strong {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_productos_o5_off.png', sizingMethod='image');
}
* html a#productos-o5:focus strong, * html a#productos-o5:hover strong, * html a#productos-o5:active strong,
* html li.section a#productos-o5:link strong, * html li.section a#productos-o5:visited strong,
* html li.current a#productos-o5:link strong, * html li.current a#productos-o5:visited strong{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_productos_o5_on.png', sizingMethod='image');
}
/*** 3 ***/
* html a#servicios-o5 strong, * html a#servicios-o5:visited strong {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_servicios_o5_off.png', sizingMethod='image');
}
* html a#servicios-o5:focus strong, * html a#servicios-o5:hover strong, * html a#servicios-o5:active strong,
* html li.section a#servicios-o5 strong, * html li.section a#servicios-o5:visited strong,
* html li.current a#servicios-o5:link strong, * html li.current a#servicios-o5:visited strong{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_servicios_o5_on.png', sizingMethod='image');
}
/*** 4 ***/
* html a#proyectos-realizados:link strong, * html a#proyectos-realizados:visited strong {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_proyectos_realizados_off.png', sizingMethod='image');
}
* html a#proyectos-realizados:focus strong, * html a#proyectos-realizados:hover strong, * html a#proyectos-realizados:active strong,
* html li.section a#proyectos-realizados:link strong, * html li.section a#proyectos-realizados:visited strong,
* html li.section a#proyectos-realizados:link strong, * html li.section a#proyectos-realizados:visited strong{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_proyectos_realizados_on.png', sizingMethod='image');
}
/*** 5 ***/
* html a#novedades-o5:link strong, * html a#novedades-o5:visited strong {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_notas_de_prensa_off.gif', sizingMethod='image');
}
* html a#novedades-o5:focus strong, * html a#novedades-o5:hover strong, * html a#novedades-o5:active strong,
* html li.on a#novedades-o5:link strong, * html li.on a#novedades-o5:visited strong {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/navi/opus5_barcelona_notas_de_prensa_on.gif', sizingMethod='image');
}
/** /IE hacks */
/** FOOTERNAVI **/
#page_footer #links,
#page_footer #copyright {
position: absolute;
top: 12Px;
line-height: 15Px;
color: #7D737C;
}
#page_footer #links {
left: 0;
padding-left: 36Px;
}
#page_footer #copyright {
right: 0;
padding-right: 36Px;
}
#page_footer a {
position: relative;
line-height: 15Px;
text-decoration: none;
padding-left: 10Px;
color: #7D737C;
background: url(../images/img/ico_link_extra.gif) no-repeat left 5Px;
}

/* former overlay.css */
body {
background-color: #9F9F9F;
}
#projects {
top: 300Px;
}
#projectdetail {
top: 0;
}

#projectImage{
margin: -185Px 0 0 -291Px;
padding: 20Px;
position:absolute;
background: #FFFFFF;
}
#projectImage img{
border: 1Px solid #A8A8A8;
}

#darkener {
height: 20000Px;
width: 1000Px;
top: -20Px;
left: -20Px;
z-index: 10;
}
#page {
z-index: 2;
}
#page_header, #page_footer {
z-index: 1;
}
#projectsearch {
visibility: hidden;
}

/* former scrampler.css */
#scrampler_wrapper {
position: relative;
float: left;
height: 500Px;
margin-top: 40Px;
}
#scrampler {
position: absolute;
top: -60Px;
left: -349Px;
padding-bottom: 11Px;
background: url(../images/img/box_tv_foot.gif) no-repeat center bottom;
}
.scrampler_box {
height: 174Px;
width: 300Px;
}
.scrampler_tv {
float: left;
width: 256Px;
height: 174Px;
background: url(../images/img/box_tv.gif) no-repeat;
}
.scrampler_tv img {
margin-top: 10Px;
margin-left: 11Px;
}
.scrampler_left {
float: left;
width: 20Px;
height: 174Px;
background: url(../images/img/arrow_left.gif) no-repeat center;
}
.scrampler_right {
float: left;
width: 20Px;
height: 174Px;
background: url(../images/img/arrow_right.gif) no-repeat center;
}

/* former shader.css */
.shader_body {
height: 100%;
background-repeat: repeat-y;
}
.shader_header, .shader_footer {
position: relative;
float:left;
z-index: 2;
width: 100%;
height: 7Px;
background-repeat: no-repeat;
}
.shader_header {
left:7px;
margin:-7px;
}
.shader_body .content {
position: relative;
margin-right: 14Px;
height: 100%;
left: 7Px;
/*
background: url(../images/img/back_white.png);
*/
}
/* IE hacks */
/*
* html .shader_body .content {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_white.png', sizingMethod='scale');
}
*/
* html .shader_body, * html .shader_header, * html .shader_footer {
background: none!important;
}
/* /IE hacks */

/* former sifr.css */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    position:relative;
    bottom:10px;
    z-index:40;
  }

  .sIFR-replaced, .sIFR-ignore {
    z-index:40;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    z-index:40;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
    z-index:40;
  }



}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* former style.css*/

body {
margin: 0;
padding: 0Px 0 40Px 0;
background: #FFFFFF;
}
body, h2, th, td, input, select, textarea {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 11px;
	color: #494949;
}
em{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 11px;
font-style:normal;
font-weight:bold;
}

u{
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 18px;
color: #4b7703;
font-weight:normal;
text-decoration:none;
}

h1, h2, h3, h4 {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #405c20;
}
img {
border: 0;
}
.clearer {
margin: 0;
padding: 0;
line-height: 0;
height: 0;
clear: both;
}
input {
margin: 0;
}
#logo {
position: absolute;
z-index: 50;
top: 20Px;
left: 30Px;
}

#wrapper_page {
position: relative;
width: 976Px;
margin:auto;
padding: 6Px 0 6Px 0;
overflow: hidden;
background: url(../images/img/shader/shade_page_sides.gif) repeat-y;
}

#page_header, #page_footer {
position: absolute;
z-index: 2;
width: 978Px;
height: 13Px;
left: -1Px;
margin-top: -6Px;
background: url(../images/img/shader/shade_page_top.gif) no-repeat;
}
#page_footer {
height: 13Px;
width: 100%;
background: url(../images/img/shader/shade_page_bottom.gif) no-repeat left bottom !important;
}
#page {
position: relative;
width: 964Px;
heigth: 560Px;
margin: 0 6Px 0 6Px;
padding-bottom: 50Px;
background: #FFFFFF url(../images/img/bg_content.jpg) repeat-x;
/* background: #AEB9C5 url(../images/img/bg_content.jpg) repeat-x; */
}
#page .pagecontent {
position: relative;
z-index: 2;
float: right;
margin: 50Px 0 0 -30Px;
right: 24Px;
}
#wrapper_content {
z-index: 10;
position: relative;
width: 399Px;
margin-left: 325Px;
background-color: #FFFFFF;
}
#box_content {
position: relative;
}
a.more {
position: relative;
line-height: 15Px;
text-decoration: none;
padding-left: 12Px;
color: #658200;
background: url(../images/img/ico_more.gif) no-repeat left 5Px;
}
.pagecontent h1 {
font-size: 15Px;
font-weight: normal;
color: #9B0101;
}
.pagecontent h2 {
margin-bottom: 8Px;
margin-top:10px;
font-weight: bold;
color: #000000;
}
.pagecontent h1 img {
margin-bottom: 10Px;
}
.pagecontent div.text {
position: relative;
margin-top: 0Px;
margin-bottom: 40Px;
}
.pagecontent .text.withicon {
margin: 40Px 0 0 93Px;
}
.pagecontent .text.withicon .icon {
position: absolute;
left: -93Px;
}
.pagecontent .links {
margin-top: 12Px;
line-height: 15Px;
}
.pagecontent .links a {
display: block;
}
.pagecontent ul {
position: relative;
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.pagecontent ul li {
position: relative;
display: block;
padding-left: 16Px;
margin-top: 8px;
background: url(../images/img/bullet_li.gif) no-repeat;
}
#teasercol {
width: 214Px;
margin-top: 70Px;
}
.content {
position: relative;
float:left;
}

.content strong{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 11px;
font-weight: bold;
}

.content a{
	font-weight:normal;
}

.content a:hover{
	text-decoration:underline;
}
.teaser {
width: 214Px;
position: relative;
margin-bottom: 20Px;
}
.teaser .shader_body {
background-image: url(../images/img/shader/shade_teaser_body.png);
}
.teaser .shader_header {
background-image: url(../images/img/shader/shade_teaser_top.png);
}
.teaser .shader_footer {
background-image: url(../images/img/shader/shade_teaser_bottom.png);
}
/* IE hacks */
* html .teaser .shader_body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_teaser_body.png', sizingMethod='scale');
}
* html .teaser .shader_header {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_teaser_top.png', sizingMethod='image');
}
* html .teaser .shader_footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_teaser_bottom.png', sizingMethod='image');
}
/* /IE hacks */
.teaser .content {
padding: 10Px 10Px 15Px 10Px;
}
.teaser .teaserimg {
margin-top: 14Px;
}
.text_small {
position: relative;
/* width: 316Px; */
width: 545px;
padding-top: 30PX;

}
.text_small .shader_body {
background-image: url(../images/img/shader/shade_textmedium_body.png);
}
.text_small .shader_header {
background-image: url(../images/img/shader/shade_textmedium_top.png);
}
.text_small .shader_footer {
background-image: url(../images/img/shader/shade_textmedium_bottom.png);
}
/* IE hacks */
* html .text_small .shader_body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textsmall_body.png', sizingMethod='scale');
}
* html .text_small .shader_header {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textsmall_top.png,abs:2', sizingMethod='image');
}
* html .text_small .shader_footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textsmall_bottom.png', sizingMethod='image');
}
/* /IE hacks */
.text_small .content {
padding: 20Px 20Px 25Px 20Px;
width:500px;
}


.text_medium {
position: relative;
width: 545px;
}
.text_medium .shader_body {
background-image: url(../images/img/shader/shade_textmedium_body.png);
}
.text_medium .shader_header {
background-image: url(../images/img/shader/shade_textmedium_top.png);
}
.text_medium .shader_footer {
background-image: url(../images/img/shader/shade_textmedium_bottom.png);
}
/* IE hacks */
* html .text_medium .shader_body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textmedium_body.png', sizingMethod='scale');
}
* html .text_medium .shader_header {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textmedium_top.png', sizingMethod='image');
}
* html .text_medium .shader_footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_textmedium_bottom.png', sizingMethod='image');
}
/* /IE hacks */
.text_medium .content {
padding: 30Px 20Px 40Px 20Px;
width:505px;
}
.text_tiny {
position: relative;
width: 287Px;
}
.text_tiny .shader_body {
background-image: url(../images/img/shader/shade_texttiny_body.png);
}
.text_tiny .shader_header {
background-image: url(../images/img/shader/shade_texttiny_top.png);
}
.text_tiny .shader_footer {
background-image: url(../images/img/shader/shade_texttiny_bottom.png);
}
/* IE hacks */
* html .text_tiny .shader_body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_texttiny_body.png', sizingMethod='scale');
}
* html .text_tiny .shader_header {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_texttiny_top.png', sizingMethod='image');
}
* html .text_tiny .shader_footer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/opus5/images/img/shader/shade_texttiny_bottom.png', sizingMethod='image');
}
/* /IE hacks */
.text_tiny .content {
padding: 20Px 20Px 25Px 20Px;
}
#moodpic {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 800Px;
background-repeat: no-repeat;
/* background-position: 0Px 0; */
background-position: 225Px 0;
}
.home #wrapper_page #page {
padding-bottom:0px;
}
.home #page {
padding-bottom:0px;
}

.contacto #moodpic, .gracias-contacto #moodpic {
background-image: url(../images/content/hintergrundbilder/mood_contact.jpg);
}
.quienes-somos #moodpic {
background-image: url(../images/content/hintergrundbilder/mood_unternehmen.jpg);
}
.servicios-o5 #moodpic {
background-image: url(../images/content/hintergrundbilder/mood_services.jpg);
}
.productos-o5 #moodpic {
height: 980px;
background-image: url(../images/content/hintergrundbilder/opus5_barcelona_productos.jpg);
}
.novedades-o5 #moodpic {
background-image: url(../images/content/hintergrundbilder/mood_prensa.jpg);
}

.strong_Black{
color:#000000;
}

.proyectos-realizados #moodpic {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 2000px;
background-repeat: no-repeat;
/* background-position: 0Px 0; */
background-position: 225Px 0;
background-image: url(../images/content/hintergrundbilder/mood_clientes.jpg);
}

table {
width: 100%;
border-top: 1Px solid #B9B7B7;
}
th, td {
margin: 0;
padding:5px;
text-align: left;
border-bottom: 1Px solid #B9B7B7;
}
th.date, td.date {
padding: 5Px 5Px 5Px 5Px;
}
td.icon {
width: 30Px;
padding: 1Px 0 1Px 0;
line-height: 0;
vertical-align: middle;
text-align: right;
}
th {
background-color: #F3F3F3;
color: #000000;
}
table.linklist th, table.linklist td {
background: url(../images/img/bg_dot_vert.gif) repeat-y ;
}
table.linklist td {
cursor: pointer;
}
table.linklist strong {
color:#333333;
}
table.linklist strong:hover{
color:#FFF;
}
table.download td,
table.linklist td, table.linklist td.date {
padding: 0;
}
table.linklist th.first, table.linklist td.first {
background-image: none;
}
table.download td {
background: url(../images/img/ico_download.gif) no-repeat right center;
vertical-align: middle;
}
table.download td.first {
background-image: none;
width: 60Px;
}
table.download td a,
table.linklist td a {
display: block;
padding: 5Px 15Px 5Px 15Px;
text-decoration: none;
color: #494949;
}
table.linklist td.date a {
padding: 5Px 5Px 5Px 5Px;
}
table.download td a {
height: 40Px;
line-height: 40Px;
margin: 3Px 0 3Px 0;
padding: 0;
}
table.linklist tr:hover td, table.linklist tr.over td {
background-color: #658200;
}
table.linklist tr:hover a, table.linklist tr.over a {
color: #FFFFFF;
}
table.linklist.download tr:hover td, table.linklist.download tr.over td {
background-image: none;
}
#projects {
position: absolute;
left:50%;
z-index: 20;
}
#projectdetail {
position: absolute;
visibility:hidden;
z-index: 20;
}
#darkener {
position: absolute;
display: none;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #858585;
opacity: 0.79;
-moz-opacity:0.79;
-khtml-opacity:0.79;
filter:alpha(opacity=79);
}
#darkener.on {
display: block;
}
#darkener span {
display: none;
}
#projectsearch {
display: block;
position: relative;
width: 180Px;
top: -35Px;
left: 312Px;
}
#projectsearch select {
display: block;
width: 180Px;
margin-bottom: 10Px;
}
.project {
position: absolute;
z-index: 11;
display: none;
width: 893Px;
margin: -185Px 0 0 -441Px;
padding: 20Px 0 25Px 0;
background: #FFFFFF;
}
.project.on {
display: block;
}
.project .imgbox {
position: relative;
left: 20Px;
float: left;
display:none;
border: 1Px solid #A8A8A8;
}

.project .textbox {
position: relative;
right: 20Px;
float: right;
margin-bottom: 30Px;
width: 233Px;
}
.project h2, .project h3, .project .p {
margin: 0;
padding: 4Px 0 4Px 0;
line-height: 12Px;
font-size: 11Px;
}
.projectctrl {
position: absolute;
</*left: 20Px;
bottom: 6Px;*/>
color: #658200;
}
.projectctrl a {
display: inline;
color: #658200;
text-decoration: none;
}
.projectctrl a:focus, .projectctrl a:hover, .projectctrl a:active {
color: #9B0101;
}
.projectctrl a.on {
color: #9B0101;
font-weight: bold;
}
.projectlinks {
position: absolute;
right: 20Px;
bottom: 25Px;
width: 233Px;
}
.projectcloser {
position: absolute;
top: 0;
right: 0;
padding-top: 6Px;
width: 11Px;
height: 11Px;
}
.hr {
height: 1Px;
background: url(../images/img/bg_dot_hori.gif) repeat-x;
}
.hr hr {
display: none;
}
ul.partner {
border-top: 1Px solid #858585;
}
ul.partner li {
position: relative;
display: block;
padding: 0;
background: none;
}
ul.partner li strong {
display: block;
padding: 0 0 0 2Px;
}
.pagecontent ul.partner li ul {
margin-top: -21Px;
}
.pagecontent ul.partner li ul li {
margin-top:0px !important;
padding: 4Px 0 4Px 30Px;
border-bottom: 1Px solid #858585;
}
.leftcol {
float: left;
}
.rightcol {
float: right;
}
.text_tiny .leftcol, .text_tiny .rightcol {
width: 100Px;
}
.text_small .leftcol, .text_small .rightcol {
width: 114Px;
}
.text_medium .leftcol, .text_medium .rightcol {
width: 240Px;
}
ul.linklist {
border-bottom: 1Px solid #B9B7B7;
margin-bottom: 17Px;
}
ul.linklist li {
background: none;
padding: 4Px 0 6Px 0;
border-top: 1Px solid #B9B7B7;
}
.route {
position: relative;
float:right;
width: 170Px;
top: 10px;
right: 0;
}
.route img {
margin-top: 8Px;
}
form.sheet .inputrow {
position: relative;
line-height: 18Px;
margin-bottom: 10Px;
}
form.sheet .label {
position: absolute;
display: block;
line-height: 18Px;
}
form.sheet .input {
position: relative;
display: block;
line-height: 18Px;
margin-left: 90Px;
}
form.sheet input.text,
form.sheet textarea {
width: 400Px;
background: transparent;
border: 1Px solid #B9B7B7;
}
form.sheet textarea {
height: 90Px;
}
form.sheet input.clickbox {
position: absolute;
margin-left: -2Px;
margin-top: 3Px;
padding: 0;
height: 11Px;
}
form.sheet label.clickbox {
margin-left: 18Px;
}
form.sheet .info {
position: absolute;
margin-top: -12Px;
}
form.sheet button {
position: relative;
vertical-align: top;
margin: 0;
padding: 0;
font-size: 11Px;
color: #494949;
border: 0;
background: none;
cursor: pointer;
}
form.sheet button div {
position: absolute;
height: 22Px;
line-height: 22Px;
top: 0;
left: 0;
margin: 0;
padding: 0;
background: url(../images/img/bg_button_l.gif) no-repeat;
}
form.sheet button div span {
position: relative;
display: block;
height: 22Px;
line-height: 22Px;
left: 11Px;
margin: 0;
padding: 0 11Px 0 0;
white-space: nowrap;
background: url(../images/img/bg_button_r.gif) no-repeat right top;
}
form.sheet button.reset {
margin-left: 90Px;
}
#screens {
position: relative;
float:right;
width: 700Px;
/*height: 553px;*/
top: 0Px;
right:20px;
z-index:30;
}

.print {
display: none;
}

.bulletColor {
color: #788200;
font-size: 16Px;
}

/* FOOTER MENU */

#footer_menu{
	width:940px;
	padding:10px;
	font-size:9px;
	position:relative;
	margin:auto;
}

#footer_keywords a:hover{
		text-decoration:underline;
}

#breadcrumb{
	padding:10px 30px;
}


#breadcrumb a, .fmenu_part a, #footer_text a{
	color:#7c7c7c;
}

.fmenu_part a{
	clear:left;
	display:block;
}

a.fmenu_in{
	margin-left:10px;
}

#breadcrumb a:hover, .fmenu_part a:hover, #footer_text a:hover{
	color:#557801;
}

.fmenu_section{
	width:940px;
	float:left;
	padding:10px;
	border-top:1px solid #CCCCCC;
}

.fmenu_part{
	width:160px;
	padding:0px 10px;
	float:left;
}

#footer_text{
	width:900px;
	float:left;
	padding:10px 30px;
	color:#7c7c7c;
	border-top:1px solid #CCCCCC;
}

.imgNoticias{
width: 140Px;
margin-right: 8Px;
border:1px solid #48531d;
text-align: left;
vertical-align: text-bottom;
}

.pressimg img{
width: 140Px;
margin-right: 8Px;
border:1px solid #48531d;
text-align: left;
vertical-align: text-bottom;
}


.text p{
	margin-top:0;
	padding:0;
}

.content h1{
color:#788200;
font-size:34px;
height:44px;
width:426px;
font-family:Arial Narrow, Helvetica, Times New Roman;
position:relative;
top:10px;
}

#cities{
position:relative;
width:200px;
float:left;

}

img{
margin:0;
padding:0;
}

#subscribe{
width:200px;
padding:10px 0 0 40px;
}

#subscribe strong{
	margin-bottom:2px;
	float:left;
}
#subscribe fieldset{
clear:both;
border:0px;
margin:0;
padding:0;
width:200px;
}
#newsletter_email{
height:22px;
float:left;
border:1px solid #989898;
background:url('../images/img/input_back.gif') #FFFFFF repeat-x;
width:198px;
margin:0;
padding:0;
}

.action_news{
background:url('../images/img/button_back.gif') #FFFFFF repeat-x;
font-weight:bold;
border:1px solid #989898;
height:24px;
width:100px;
float:right;
margin-top:5px;
}

/* NO SCRIPT PROJECT */
.no_script_imgbox img{
	width:250px;
	float:left;
	clear:left;
}

ul.tabstrip {
	float:none !important;
}

div#flash_alternate {
	padding: 80px;
	font-size: 12px;
}




/* Email Checker */

div#emailcheckerresult .red, div#emailcheckerresult .noworkingemail b{
	color:#900;
	}

div#emailcheckerresult .green, div#emailcheckerresult .workingemail b{
	color:#4B7703;
	}

div#emailcheckerresult #maxadresseswarning{
	color:#900;
	font-weight: bold;
	}

div#emailcheckerresult #progressmessage{
	font-weight: bold;
	color:#4B7703;
	}

div#emailcheckerform #emailcheckerformbutton{
	background:url('../images/img/button_back.gif') #FFFFFF repeat-x;
	font-weight:bold;
	font-size:11px;
	color: #494949;
	line-height: 16px;
	border:1px solid #989898;
	height:24px;
	width:120px;
	}