body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #212121;
font-size:10px;
margin:0;
min-height: 100%;
padding:0;
background:#00366A url(images/back.gif)
}

img {
border:0
}

#wrapper {
width:77em;
min-width:770px;
min-height: 100%;
margin:0 auto;
border:1px solid #00366A;
background: #FFF url(images/lateral.gif) repeat-y 0 0;
}

#header {
margin:0;
height:200px;
padding:0;
float:left;
background:#00007A url(images/block.jpg) no-repeat 0 100%;
width:77em;
min-width:770px;
color:#FFF
}

#header h1 {
margin:60px 0 0 30px;
float:left;
padding:0;
display:block;
background:url(images/logo.gif) no-repeat;
width:170px;
height:75px
}

#header h1 span,dt#off {
position:absolute;
left:-999px;
width:990px
}

#header h1 a {
width:170px;
height:75px;
display:block
}

#flashcontent {
display:block;
margin:0 0 0 37px;
padding:0;
float:left
}

#leftcolumn {
width:30.6%;
margin:0;
padding:0 0 4em;
min-height:100%;
text-align:left;
float:left;
min-width:30%;

}

#leftcolumn dl {
margin:0;
padding:0;
float:left;
font-size:1.2em
}

#leftcolumn ul {
margin:0;
padding:0;
float:left;
background:#FFF;
border-right:1px solid #F5F5F5;
width:100%;
list-style:none
}

#leftcolumn li {
background:url(images/bullet_08.gif) no-repeat 90% 50%;
list-style:none;
}

li#this {
background: #E6E6E6 url(images/pfeil3.gif) no-repeat 90% 50%;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
 color:#00001E;
}

.menu dd,.menu dt {
border-bottom:2px dotted #FFF;
width:100%;
margin:0;
float:left
}

.menu dd a:link,.menu dt a:link {
text-decoration:none;
color:#35456C;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em
}

.menu dd a:visited,.menu dt a:visited {
text-decoration:none;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
color:#005BAA
}

.menu dd a:hover,.menu dt a:hover {
text-decoration:none;
color:#1E273D;
background:#F0F4FD;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
}

.submenu dd,.submenu dt {
border-bottom: 1px solid #A1A1A1;
width:100%;
margin:0;
float:left;
background: #FDF5E6;
}

.submenu dd a:link,.submenu dt a:link {
text-decoration:none;
color:#35456C;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
}

.submenu dd a:visited,.submenu dt a:visited {
text-decoration:none;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
color:#35456C;
}

.submenu dd a:hover,.submenu dt a:hover {
text-decoration:none;
color:#1E273D;
background:#F0F4FD;
padding:.4em .2em .2em 1em;
display:block;
min-height:1.6em;
}


#centercolumn {
text-align:left;
margin:0 0 0 30.6%;
padding-bottom: 1em;
width:66%;
background:#FFF;
min-height:37em
}

#centercolumn img {
margin:1em 0
}

#centercolumn p {
margin:0;
padding:9px 0 0 2em;
font-size:1.3em;
width:93%;
line-height:140%;
float:left
}

#centercolumn p strong {
color: #00478A;
margin:0;
font-size:13px;
}

a:link {
color: #35456C;
}

a:visited {
color:#005BAA;
text-decoration:none
}

a:hover {
color: #005BAA;
text-decoration:none
}

dd#current,dt#current {
color:#36466E;
text-decoration:none;
font-size:1em;
letter-spacing:-.2px;
background:#F4FAFF url(images/pfeil5.gif) no-repeat 99% 50%;
height:1.6em;
padding:.5em .2em .2em 1em;
width:18.5em
}
dd#current2,dt#current2,dd#current3,dt#current3 {
color: #1E273D;
text-decoration:none;
font-size:1em;
letter-spacing:-.2px;
background: #ACD9FF;
height:1.6em;
padding:.5em .2em .2em 1em;
width:18.5em
}

#centercolumn p em {
color: #005BAA;
margin:0;
font-weight:400;
font-style: italic;
font-family:"Georgia","MS Serif", "New York", serif;
}

#portada,#empresa,#zonas,#colaboradoras,#clientes,#presupuesto,#contacto,#servicios {
margin:0 0 1em;
font-family:"Georgia","MS Serif", "New York", serif;
padding:.5em 0 .7em 1.3em;
font-style:italic;
font-size:2em;
font-weight:400;
float:left;
width:100%;
 color:#002B51;
}
#centercolumn h3 {
margin:0;
font-family:"Georgia","MS Serif", "New York", serif;
padding:0.5em 0 0 1.6em;
font-size:1.5em;
font-weight:400;
float:left;
width:100%;
 color: #003568;
}

#portada {
background:#9CF url(images/1.jpg) no-repeat 100% 0
}

#empresa {
background:#9CF url(images/3.jpg) no-repeat 100% 0
}

#zonas {
background:#9CF url(images/4.jpg) no-repeat 100% 100%
}

#colaboradoras {
background:#9CF url(images/5.jpg) no-repeat 100% 0
}

#clientes {
background:#9CF url(images/2.jpg) no-repeat 100% 100%
}

#presupuesto {
background:#9CF url(images/6.jpg) no-repeat 100% 100%
}

#contacto{
background:#9CF url(images/7.jpg) no-repeat 100% 100%
}

#servicios{
background:#9CF
}

#direccion {
float:left;
background:#FFF;
width:200px;
margin:6em auto 3em 1em;
padding: 5px;
border:2px solid #EEF7FF
}

#direccion p {
font-size:11px;
width:80%;
padding:1em 0 0 1.5em;
 line-height:150%;
}

#direccion h2 {
font-size:1.2em;
padding:0 0 0 1.5em;
margin:1em 0 0;
border-bottom:1px solid #F5F5F5;
color:#003568;
font-weight:400
}

#map {
width:430px;
margin:2em 0 2em 3em;
padding:0;
border:1px solid #f9f9f9;
height:300px;
float:left
}

#centercolumn dl {
font-size:1.3em;
color:#555;
background:#F5F5F5;
border:1px solid #DCDCDC;
width:90%;
margin:.7em 0 1em 2em;
padding:.3em;
float:left
}

#thumbs,#barreras,.barreras {
color:#555;
width:90%;
margin:.7em 0 1em 2em;
padding:.3em;
float:left;
list-style:none
}

#centercolumn ol {
list-style:decimal-leading-zero;
font-size:1.3em;
color:#555;
margin:.7em 0 1em 4em;
float:left
}

#centercolumn ol li {
list-style:decimal-leading-zero;
margin:0;
padding:.4em;
}

#thumbs li {
width:40%;
margin:0 2em 0 0;
padding:.4em;
float:left;
list-style:none;
font-size:1.3em
}

#thumbs li img {
border: 1px solid #CCCCCC;
}

#barreras li,.barreras li {
width:40%;
margin:0 1em 0 0;
padding:.4em;
float:left;
list-style:none;
}
#centercolumn span {
width:160px;
margin:0;
padding:0;
float:left
}

#centercolumn dt {
width:60%;
float:left;
padding:1.5em .5em .5em 1em
}

#centercolumn dd img {
padding:.3em;
border:1px solid #FFF
}

fieldset {
border:0;
float:left;
font-size:1.2em;
padding:.8em 0 0 2em
}

.registrar {
border:1px solid #DCDCDC;
padding:.2em;
margin:.2em 0
}

.enviar {
margin:.7em 0
}

.external {
background:url(images/external.gif) no-repeat 100% 50%;
padding:0 1.5em 0 0
}

.clik{
background:transparent;
margin:1em 0 .3em;
padding:.5em 0 .4em 1.3em;
font-style:italic;
font-size:1.8em;
font-weight:400;
float:left;
margin:.5em 0;
width:100%;
cursor:pointer;
border-bottom:1px solid #C1E4FF;
 height:2em;
}

.clik_up{
background: transparent url(images/menos.gif) no-repeat 95% 90%;
margin:1em 0 .3em;
padding:.5em 0 .4em 1.3em;
font-style:italic;
font-size:1.8em;
font-weight:400;
float:left;
margin:.5em 0;
width:100%;
cursor:pointer;
border-bottom:1px solid #C1E4FF;
 height:2em;
}
.down{
background: transparent url(images/mas.gif) no-repeat 95% 90%;
cursor:pointer;
}
.up{
cursor:pointer;
}

#footer {
width:98%;
float:left;
padding:1.5em .5em .5em 1em;
border-top: 1px dotted #DCDCDC;
background:White;
height:30px;
}


/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/

*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  color: #333333;
}
#TB_secondLine {
  color:#666666;
}
#TB_window a:link {color: #4682B4;  text-decoration:underline; }
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color: #3F3F3F;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*otros*/
#rotator{
width: 442px;
overflow:hidden;
position:relative;
height:280px;
margin:1em 0 2em 2em;
padding:0.5em;
float:left;
background:White;
border: 1px solid Silver;
 vertical-align:top;
}
#rotator li{
margin:0;
padding:0;
 list-style:none;
 float:left;

}
/*Greybox*/
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }