* { margin: 0; padding: 0; }
img { border: 0; }

body
        {
        text-align: center;
        color: black; font: normal normal normal 11px/17px Arial, Helvetica, Tahoma, sans-serif;
        background: #1a5888 url(body-bg.jpg) repeat-x;
        margin-bottom: 40px;
        }
h3 {
color:#40cfff;
}
#top-wrapper
    {
    width: 770px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    }
    
#top
    {
    height: 187px;
    }


h1  {
    position: relative;
    background: white url(h1-bg.gif) repeat-x;
    height: 83px;
    margin-right: 530px;
    margin-left: -10000px;
    padding-left: 10000px;
    z-index: 3;
    }
    
h1 a
    {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 212px;
    height: 83px;
    }
    
h1 a span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(top-logo.gif) no-repeat;
    }


h2
    {
    width: 684px;
    padding: 106px 0 0 0;
    height: 101px;
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-weight: bold;
    font-size: 16px;
    }
    
h2 span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(top-bg.jpg) no-repeat;
    }

ul#main-menu
    {
    height: 74px;
    margin-bottom: 2px;
    width: 552px;
    overflow: hidden;
    background-color:
    float: left;
    }

ul#main-menu li { display: inline; }
ul#main-menu li a
    {
    display: block;
    float: left;
    height: 74px;
    line-height: 74px;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #2476a3;
    }
    
ul#main-menu li a:hover { color: #fa8700; }


ul#main-menu li a span { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
ul#main-menu li a:hover span { background-position: 0 74px; }

a#a-start  {width: 83px;}
a#a-start span {background: url(a-start.gif); }

a#a-autores  {width: 105px;}
a#a-autores span {background: url(a-autores.gif);}

a#a-evalua  {width: 124px;}
a#a-evalua span {background: url(a-evalua.gif);}

a#a-administra  {width: 145px;}
a#a-administra span {background: url(a-administra.gif);}

a#a-demo  {width: 86px;}
a#a-demo span {background: url(a-demo.gif);}



ul#tools-menu1
    {
    position: absolute;
    top: 187px;
    right: 0;
    width: 190px;
    padding:0 20px;
    height: 34px;
    background: #1a5888 url(tools-menu-bg2.gif) no-repeat;
    }
    
ul#tools-menu1a
    {
    position: absolute;
    top: 187px;
    right: 0;
    width: 190px;
    padding:0 20px;
    height: 76px;
    background: url(tools-menu-bg1.gif) no-repeat;
    }
    
ul#tools-menu1 li, ul#tools-menu1a li { display: inline; }
ul#tools-menu1 li a, ul#tools-menu1a li a { color: white; text-decoration: none; line-height: 34px;}
ul#tools-menu1 li a:hover, ul#tools-menu1a li a:hover { color: #ffffff; text-decoration: underline; }

a.email { float: left; padding-left: 20px; background: url(email.gif) no-repeat 0 50%; }
a.site-map { float: right; padding-left: 20px; background: url(site-map.gif) no-repeat 0 50%; }


div#middle
    {
    height: 180px;
    color: white;
    clear: both;
    }

div#middle div p
    {
    position: relative;
    margin: 10px 0 0 0;
    }

div#middle div p.masinfo
    {
    text-align: right;
    width: 100%;
    }
div#middle div p.masinfo a
    {
    display: block;
    height: 18px;
    width: 97px;
    position: absolute;
    top: 0;
    right: 0;
    }
    
div#middle div p.masinfo a span
    {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(masinfo-blue.gif) no-repeat;
    }
    
    

div#middle div
    {
    padding-top: 22px;
    float: left;
    }
div#middle div h3
    {
    height: 16px;
    overflow: hidden;
    position: relative;
    }
    
div#middle div h3 span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
div#ads
    {
    width: 728px;
	height: 90px;
    padding: 0 0 0 0px;
    }    

div#queesevalsys
    {
    width: 230px;
    padding: 0 0 0 30px;
    }
div#queesevalsys h3 { width: 110px; }
div#queesevalsys h3 span { background: url(quees.jpg) no-repeat; }

div#caracteristicas
    {
    width: 230px;
    padding: 0 30px 0 20px;
    }
div#caracteristicas h3 { width: 110px; }
div#caracteristicas h3 span { background: url(h-caracteristicas.gif) no-repeat; }


    
div#dibujo
    {
    color: #fa8700;
    padding: 0 5px;
    width: 220px;
    height: 180px;
    margin-top: -22px;
    overflow: hidden;


    background: white url(mapa-bg.gif) no-repeat left bottom;
    }

div#dibujo img { margin-top: 3px; }

div#lateral
    {
    color: #1a5888;
    padding: 0 5px;
    width: 222px;
    height: 111px;
    margin-top: -52px;
    overflow: hidden;
    background: white url(bg_lateral.gif) no-repeat left bottom;
    }

div#lateral img { margin-top: 3px; }

div#pagsec
    {
    width: 200px;
    padding: 0 0 0 20px;
    }
    
#middle-wrapper1
    {
    width: 100%;
    margin: 13px 0 0 0;
    clear: both;
    position: relative;
    text-align: left;
    background: url(middle-bg1.gif) repeat-x left top;
    }
#middle-wrapper1a
    {
    width: 100%;
    margin: 0;
    clear: both;
    position: relative;
    text-align: left;
    background: url(middle-bg1.gif) repeat-x left top;
    }


    
#middle-wrapper2
    {
    position: relative;
    background: url(middle-bg2.gif) repeat-x left bottom;
    }
    
#middle-wrapper3
    {
    width: 770px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    background: url(panel-bg.gif) no-repeat right bottom;
    }

#content-wrapper
    {
    width: 540px;
    min-height: 340px;
    _height: 340px;
    background: white url(content-top.gif) no-repeat;
    float: left;
    }
    
div.clear, span.clear { clear: both; }

#content
    {
    width: 480px;
    min-height: 340px;
    _height: 340px;
    padding: 1px 30px 16px 30px;
    color: #626262;
    background: url(content-bottom.gif) no-repeat left bottom;
    }
#content h3
    {
    line-height: 1.0;
    margin-top: 1.5em;
    margin-bottom: 0.5em;

    font-size: 16px;
    font-weight: bold;
    color: #fa8700;
    }
#content h4
    {
    line-height: 1.23;
    margin-top: 1.846em;
    margin-bottom: 0.615em;

    font-size: 13px;
    font-weight: bold;
    color: #fa8700;
    }

#content h5
    {
    line-height: 1.45;
    margin-top: 2.175em;
    margin-bottom: 0.725em;

    font-size: 11px;
    font-weight: bold;
    color: #fa8700;
    }

#content p
    {
    line-height: 1.54;
    margin-top: 1.54em;
    margin-bottom: 1.54em;
    }
#content a
    {
    text-decoration: none;
    color: #f98700;
    }
#content a:hover
    {
    text-decoration: underline;
    }

#content img
    {
    border: solid #b9b8b8 1px;
    padding: 2px;
    }
#content img.zero-border
    {
    border: 0;
    padding: 0;
    }
    
#content ul
    {
    list-style-position: inside;
    list-style-type: circle;
    padding-left: 10px;
    }
    

#content ul.ul-main
    {
    padding: 2em 0 1em 0;
    list-style: none;
    }
    
#content ul.ul-main h3 {  margin: 0  0 1em 166px; }
#content ul.ul-main li {display:inline; }
#content ul.ul-main li dl { clear: both; }
#content ul.ul-main *
    {
    margin: 0;
    padding: 0;
    }
#content ul.ul-main img { padding: 2px; margin-right: 25px; float: left; }
#content ul.ul-main dt { display: none; }

#content ul.ul-main li dl dd a
    {
    clear: both;
    margin-left: 382px;
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 97px;
    height: 18px;
    overflow: hidden;
    }
#content ul.ul-main li dl dd a span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(masinfo-white.gif) no-repeat;
    }
    

    
#content ul.ul-oferta
    {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
    }
#content ul.ul-oferta li
    {
    float: left;
    width: 228px;
    height: 144px;
    border: solid #b9b8b8 1px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    }
#content ul.ul-oferta li.li-oferta
    {
    margin-right: 20px;
    }

#content ul.ul-oferta dt { display: none; }
#content ul.ul-oferta dd.zoom
    {
    cursor: pointer;
    position: absolute;
    top: 4px;
    right: 0;
    background: white url(zoom.gif) no-repeat 0 50%;
    width: 29px;
    height: 39px;
    }



#content ul.ul-oferta img
    {
    border: solid #b9b8b8 1px;
    padding: 2px;
    margin: 12px 0 0 0;

    }


    
    
#panel
    {
    width: 200px;
    padding: 50px 10px 0 20px;
    overflow: hidden;
    float: left;
    position: relative;
    color: white;
    }
    
#panel h3
    {
    height: 16px;
    position: relative;
    overflow: hidden;
    line-height: 1.0;
    margin-bottom: 0.5em;
    
    font-size: 16px;
    font-weight: bold;
    color: #40cfff;
    }
#panel h3 span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
#panel p
    {
    line-height: 1.54;
    margin-top: 1.54em;
    margin-bottom: 1.54em;
    }
#panel p.telefono strong
    {
    width: 62px;
    display: block;
    float: left;
    }



    
#h-kategorie  { width: 61px; }
#h-kategorie span {background: url(h-kategorie.gif); }

#h-quienes  { width: 91px; }
#h-quienes span {background: url(h-quienes.gif); }

#h-filie  { width: 27px; }
#h-filie span {background: url(h-filie.gif); }
    
#bottom-wrapper1
    {
    clear: both;
    width: 100%;
    height: 62px;
    background: white url(bottom-bg1.gif) repeat-x;
    }
    
#bottom-wrapper2
    {
    width: 770px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    }
#bottom-wrapper2 h3 a
    {
    display: block;
    width: 198px;
    height: 62px;
    line-height: 62px;
    
    position: absolute;
    top: 0;
    right: 32px;
    
    color: #1a5888;
    text-decoration: none;
    text-align: center;
    }
    
#bottom-wrapper2 h3 a span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(bottom-logo.gif) no-repeat;
    }

    
#bottom-wrapper3
    {
    position: relative;
    background-color: #1a5888;
    height: 62px;
    margin-right: 230px;
    margin-left: -10000px;
    padding-left: 10000px;
    }
    
#bottom-wrapper3 p { float: left; color: white; padding: 0 0 0 30px; line-height: 62px;}
#bottom-wrapper3 p a { color: #40cfff; text-decoration: none; }
#bottom-wrapper3 p a:hover { color: #40cfff; text-decoration: underline; }
#bottom-wrapper3 p#p-copyright { float: right; padding: 0 30px 0 0; }







    



h4 {  }
h5 {  }
h6 {  }

ul {  }
ul li  {  }

a  {   }
a:hover  { cursor: pointer; }

p  {   }


/* Oferta */
#panel ul
    {
    list-style: none;
    margin: 1.5em 0;

    }
    
#panel ul li
    {
    height: 18px;
    padding-left: 32px;
    margin-bottom: 7px;
    background: url(li-cube-blue.gif) no-repeat 0 50%;
    }
#panel ul li a
    {
    display: block;
    color: white;
    text-decoration: none;
    background: url(dots.gif) repeat-x left bottom;
    }
#panel ul li a:hover { color: #40cfff; }
#panel ol
    {
    margin-left: 20px;
    }


    




/* Formulario de Contacto */
fieldset { border: 0; }
legend { display: none; }


form div { margin: 9px 0; }

label
    {
    font-weight: bold;
    color: #2274a2;
    width: 150px;
    display: block;
    float: left;
    position: relative;
    }
    
label span
    {
    color: #fa8700;
    font-size: 17px;
    position: absolute;
    top: 0px;
    right: 2px;
    }
    
span.gwiazdka
    {
    color: #fa8700;
    font-size: 17px;
    line-height: 11px;
    }

input
    {
    border: solid #b9b8b8 1px;
    width: 200px;
    color: #626262;
    font: normal normal normal 11px/17px Arial, Helvetica, Tahoma, sans-serif;
    }
    
input#fSubmit
    {
    width: 68px;
    height: 30px;
    border: 0;
    margin-left: 150px;
    margin-top: -9px;
    }


textarea
    {
    border: solid #b9b8b8 1px;
    width: 320px;
    height: 140px;
    color: #626262;
    font: normal normal normal 11px/17px Arial, Helvetica, Tahoma, sans-serif;
    }