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

body
        {
        text-align: left;
        color: black; font: normal normal normal 11px/17px Arial, Helvetica, Tahoma, sans-serif;
        background: #1a5888 url(../images/body-bg.jpg) repeat-x;
        margin-bottom: 40px;
        }

#top-seccion
    {
    width: 770px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    }
    
#top
    {
    height: 187px;
    }


h1  {
    position: relative;
    background: white url(../images/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: 220px;
    height: 83px;
    }
    
h1 a span
    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/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(../images/top-bg.jpg) no-repeat;
    }

ul#main-menu
    {
    height: 74px;
    margin-bottom: 2px;
    width: 500px;
    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#inicio  {width: 82px;}
a#inicio span {background: url(../images/b-inicio.gif); }

a#nosotros  {width: 100px;}
a#nosotros span {background: url(../images/b-nosotros.gif);}

a#servicios  {width: 96px;}
a#servicios span {background: url(../images/b-servicios.gif);}

a#clientes  {width: 100px;}
a#clientes span {background: url(../images/b-clientes.gif);}

a#contacto  {width: 100px;}
a#contacto span {background: url(../images/b-contacto.gif);}



ul#tools-menu1
    {
    position: absolute;
    top: 187px;
    right: 0;
    width: 190px;
    padding:0 20px;
    height: 34px;
    background: #1a5888 url(../images/tools-menu-bg2.gif) no-repeat;
    }
    
ul#tools-menu1a
    {
    position: absolute;
    top: 187px;
    right: 0;
    width: 190px;
    padding:0 20px;
    height: 76px;
    background: url(../images/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: #40cfff; text-decoration: underline; }

a.email { float: left; padding-left: 20px; background: url(../images/email.gif) no-repeat 0 50%; }
a.site-map { float: right; padding-left: 20px; background: url(../images/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.wiecej
    {
    text-align: right;
    width: 100%;
    }
div#middle div p.wiecej a
    {
    display: block;
    height: 18px;
    width: 97px;
    position: absolute;
    top: 0;
    right: 0;
    }
    
div#middle div p.wiecej a span
    {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/wiecej-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#witamy
    {
    width: 230px;
    padding: 0 0 0 30px;
    }
div#witamy h3 { width: 110px; }
div#witamy h3 span { background: url(../images/h-witamy.gif) no-repeat; }

div#aktualnosci
    {
    width: 230px;
    padding: 0 30px 0 20px;
    }
div#aktualnosci h3 { width: 75px; }
div#aktualnosci h3 span { background: url(../images/h-aktualnosci.gif) no-repeat; }
    
div#mapa
    {
    color: #fa8700;
    padding: 0 5px;
    width: 220px;
    height: 180px;
    margin-top: -22px;
    overflow: hidden;


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

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




    
#middle-seccion1
    {
    width: 100%;
    margin: 13px 0 0 0;
    clear: both;
    position: relative;
    text-align: left;
    background: url(../images/middle-bg1.gif) repeat-x left top;
    }
#middle-wrapper1a
    {
    width: 100%;
    margin: 0;
    clear: both;
    position: relative;
    text-align: left;
    background: url(../images/middle-bg1.gif) repeat-x left top;
    }


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

#content-seccion
    {
    width: 540px;
    min-height: 340px;
    _height: 340px;
    background: white url(../images/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(../images/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(../images/wiecej-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(../images/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: 210px;
	overflow: hidden;
	float: left;
	position: relative;
	color: white;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
    }
    
#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: 1px;
    height: 100%;
    }
#panel p
    {
    line-height: 1.54;
    margin-top: 1.54em;
    margin-bottom: 1.54em;
    }
#panel p.telefony strong
    {
    width: 62px;
    display: block;
    float: left;
    }



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

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

#h-filie  { width: 27px; }
#h-filie span {background: url(../images/h-filie.gif); }
    
#bottom-wrapper1
    {
	clear: both;
	width: 100%;
	height: 10px;
	background-color: #1A5888;
	background-repeat: 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(../images/bottom-logo.gif) no-repeat;
    }

    
#bottom-wrapper3
    {
    position: relative;
    background-color: #1a5888;
    height: 10px;
    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(../images/li-cube-blue.gif) no-repeat 0 50%;
    }
#panel ul li a
    {
    display: block;
    color: white;
    text-decoration: none;
    background: url(../images/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;
    }