/* CSS Document */

/* ----- GENERAL ------------------------------------------------------------------------------------------------- */

body {
        background: url(img/body2.gif) no-repeat;
        background-color: #fff;
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-family: 'Trebuchet MS', Arial;
        font-size: 11px;
        color: #666666;
}

#logo {
        background:url(img/logo1.gif) no-repeat top left;
        position:absolute;
        left:20px;
        top:20px;
        width:162px;
        height:97px;
        z-index:1;
}

#copy {
        background-color:#CC0000;
        position:absolute;
        left:515px;
        top:522px;
        width:385px;
        height:10px;
        color:#FFFFFF;
        font-size:0.35em;
}
#contenido {
        position:absolute;
        background-image: url(img/contenido.png) !important;
        background: none no-repeat;
        filter: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/contenido.png", sizingMethod="image");
        left:20px;
        top:20px;
        width:880px;
        height:500px;
}

#smain {
        background:url(img/sombra_main.jpg) no-repeat;
        position:absolute;
        left:315px;
        top:499px;
        width:520px;
        height:17px;
}
/*-------------------------------MENU-------------------------------------*/
#navcontainer{
        position:absolute;
        left:328px;
        top:477px;
        width:520px;
        height:20px;
}

#navcontainer ul{
        display: block;
        list-style: none outside;
        padding:0;
        margin:0;
        font: bold 12px 'Trebuchet MS',Verdana, sans-serif;
        color:#999999;
}

#navcontainer li{
        margin: 0 10px 0 0;
        border: 1px solid #747474;
        color: #ffffff;
        font-weight: bold;
        display: block;
        float: left;
        width:114px;
        height:19px;
}

#navcontainer a:link, #navcontainer a:visited{
        color: #666666;
        text-decoration: none;
}

#navcontainer a:hover{
        color: #ffffff;
}

#navcontainer li.activo a{
        margin: 0 10px 0 0;
        _margin:0;
        border: 1px solid #ffffff;
        background: transparent no-repeat left url(img/vineta.gif);
        color:#CC0000;
        display: block;
        width:113px;
}

#navcontainer li.inactivo a{}
/*---------------------------------------------------------------------------------*/
#huecoinfo {
        position:absolute;
        left:128px;
        top:134px;
        width:692px;
        height:332px;
        border: 1px solid #747474;
        overflow-y:sroll;
}

#huecoinfo2 {
        position:absolute;
        left:128px;
        top:134px;
        width:692px;
        height:332px;
        border: 1px solid #747474;
        overflow-y:auto;
        overflow-x:hidden;
        visibility:hidden;
}

#solapa {
        position:absolute;
        left:113px;
        top:135px;
        width:15px;
        height:200px;
        background:url(img/solapa.gif) no-repeat;
}

#blogin {
        position:absolute;
        left:195px;
        top:75px;
        width:626px;
        _width:626px;
        height:32px;
        color:#FFFFFF;
        font-weight:bold;

}

#opa{
        visibility:hidden;
        float:left;
        filter:alpha(opacity=0);
        opacity:0;
        background: url(img/login.jpg) no-repeat;
        width:626px;
}

.input1{
        background: none;
        border: dotted 1px #999999;
        color:#CC0000;
}
.close a{
        background-image: url(img/close_on.png) !important;
                background: none no-repeat;
                filter: none !important;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/close_on.png", sizingMethod="image");
        width:18px;
                height:17px;
        visibility: visible;
        display:block;
}

.close a:hover{
        background-image: url(img/close.png) !important;
                background: none no-repeat;
                filter: none !important;
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/close.png", sizingMethod="image");
}

.phome{
        padding:25px;
        text-align:justify;
        font: normal 13px 'Trebuchet MS',Arial, Helvetica, sans-serif;

}
.phomeul{
        padding:0px 90px 15px 90px;
        text-align:justify;
        font: normal 12px 'Trebuchet MS',Arial, Helvetica, sans-serif;
}

.itech{
        color:#CC0000;
        font-weight:bold;

}
#biable {
        position:absolute;
        left:23px;
        top:25px;
        width:230px;
        height:263px;
        background-image: url(img/zb.png) !important;
        background: none no-repeat;
        filter: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/zb.png", sizingMethod="image");
}
#datar {
        position:absolute;
        left:219px;
        top:25px;
        width:230px;
        height:263px;
        background-image: url(img/zd.png) !important;
        background: none no-repeat;
        filter: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/zd.png", sizingMethod="image");
}

#galeon {
        position:absolute;
        left:415px;
        top:25px;
        width:230px;
        height:263px;
        background-image: url(img/zg.png) !important;
        background: none no-repeat;
        filter: none !important;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="img/zg.png", sizingMethod="image");
}
#Layer1 {
        position:absolute;
        left:74px;
        top:163px;
        width:148px;
        height:75px;
        z-index:1;
}
#Layer2 {
        position:absolute;
        left:51px;
        top:133px;
        width:149px;
        height:79px;
        font-size:11px;
        text-align:justify;
}
#Layer2 dt{
         color: #CC0000; padding-right: 6px; float: left; width: 55px;
}
a {color:#ffffff; text-decoration: none;}
a:hover {text-decoration: underline;}
dd {line-height: 1.3em;}
dl {padding: 0;}
dl {margin: .5em 0;}
dt {font-weight: bold; margin: .25em 0 0 0;}
dd {margin-left: .5em; color:#CCCCCC;}

h2{
        font-size: 2em;
        padding: 13px 5px 3px 20px;
        border-bottom: 2px  #FF0000 solid;
        margin-top: 0 1px 0 2px;
        background:url(img/base1.gif) no-repeat bottom right;
        color: #CCCCCC;
}