/* 
    Document   : style
    Created on : 2009-08-06, 21:16:26
    Author     : pawel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
    background-color: white;
}
*html body{
    padding:0px; margin:0px; font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px;  text-align: justify;
}
body{
    padding:0px; margin:0px; font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; font-size:12px;
}

h1{
    font-size:18px;
    color:#003766;
}
h2{
    font-size:16px;
    color:#003766;
}

*html #site{ width:970px; padding:0px; margin:0px auto; font-size:11px; text-align: justify;}
#site{ width:970px; padding:0px; margin:0px auto; font-size:11px; }
#header{width:970px;  height:238px; float:left;}
#header .col1{width:150px;  height:238px; float:left; }
#header .col2{width:256px;  height:238px; float:left;}
#header .col3{width:553px;  height:238px; float:left;}
#header .row1{width:553px;  height:64px; float:left; 
              background-image: url(../images/menu1.png);
              /*background-image:url(../images/szkola_jezykowa_radom_03.png); */}
#header .row2{width:553px;  height:174px; float:left; }



#content{width:970px;  float:left; line-height:165%;}
#content #left{width:278px;  float:left;}
#content #left .row1{width:278px;  float:left; height:108px; }
#content #left .row2{width:278px;  float:left;}
#content #left .row2 .col11{width:190px; height:225px; float:left;}
#content #left .row2 .col11 span{width:190px; height:225px; float:left; background-image:url(../images/szkola_jezykowa_radom_07.png);}
#content #left .row2 .col11 span:hover {width:190px; height:225px; float:left; background-image:url(../images/szkola_jezykowa_radom_27.png);}
#content #left .row2 .col12{width:88px; height:225px; float:left; }
#content #left .row3{width:278px;  float:left;}
#content #left .row3 .col21{width:238px; height:69px; float:left; background-image:url(../images/szkola_jezykowa_radom_10.png); }
#content #left .row3 .col22{width:19px; height:225px; float:left; background-color:#CC0000;}
#content #left .row3 .col23{width:1px; height:225px; float:left;  background-color:#E57F7F;}
#content #left .row3 .col24{width:18px; height:225px; float:left; background-color:white;}
#content #left .row3 .col21 span{width:238px; height:69px; float:left; display:block; }

#content #right{width:681px;  float:left;}
#content #right .row1{width:681px; height:172px; float:left; }
#content #right .row2{width:681px;  float:left;}
*html #content #right .row2 .col1{width:626px; height:386px; float:left; font-size:12px;}
#content #right .row2 .col1{float:left;
                            font-size:12px;
                            height:366px;
                            padding:0 38px 0 23px;
                            width:565px;}
#content #right .row2 .col1 a{color:037cd9; text-decoration:none;}
#content #right .row2 .col2{width:1px; height:386px; float:left; background-color:#E57F7F;}
#content #right .row2 .col3{width:17px; height:386px; float:left; background-color:#CC0000;}
#content #right .row2 .col4{width:17px; height:386px; float:left; background-color:white;}

#footer{width:960px; height:125px; float:left; background-color:#003766;}
#footer .row1{width:960px; height:35px; float:left;}
#footer .row1 .col11{width:238px; height:35px; float:left; background-color:white;}
#footer .row1 .col12{width:721px; height:35px; float:left;}
#footer .row2 .col21{width:238px; height:31px; float:left;}
#footer .row2 .col22{width:721px; height:31px; float:left;}
#footer .row3 .col31{width:238px; height:40px; float:left;}
#footer .row3 .col32{width:639px; height:40px; float:left; background-color:#CC0000; }
#footer .row3 .col32 .text{width:629px; margin-top:13px; height:27px; float:left;  text-align:right;  font-weight:bold; color:white; }
#footer .row3 .col32 .text a{color:white; text-decoration:none;}
#footer .row3 .col32 .text a:hover {color:white; text-decoration:underline;}
#footer .row3 .col33{width:83px; height:40px; float:left;}
/*
.link_img{    text-decoration:none;color:white;
    cursor:pointer;}
.menu1 {
    border-width:0 1px 1px;
    height:56px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0px;
    position:relative;
}

.menu1 li {float:left; padding-left:2px;}
*html .menu1 li a {
    color:white;
    cursor:pointer;
    display:block;
    float:left;
    font-family:arial,verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:51px;
    line-height:51px;
    padding:0 0 0 5px;
    text-align:center;
    text-decoration:none;
}
.menu1 li a {
    color:white;
    cursor:pointer;
    display:block;
    float:left;
    font-family:arial,verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
    height:56px;
    line-height:56px;
    padding:0 0 0 5px;
    text-align:center;
    text-decoration:none;
}

.menu1 li a b {float:left; display:block; padding:5px 11px 0 2px;}
.menu1 li.current a {color:#fff; background:url(../images/menu5.png);}
.menu1 li.current a b {background:url(../images/menu5.png) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#fff url(../images/menu5.png);}
.menu1 li a:hover b {background:url(../images/menu5.png) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../images/menu5.png); cursor:default;}
.menu1 li.current a:hover b {background:url(../images/menu5.png) no-repeat right top;}
*/
.siteONasL{height:375px !important;}
.siteONasR{height:536px !important;}
.siteJakDL{height:123px !important;}
.siteJakDR{height:284px !important;}/*161*/
*html .siteMetoL{height:1613px !important;}
*html .siteMetoR{height:1774px !important;}
.siteMetoL{height:1513px !important;}
.siteMetoR{height:1674px !important;}
* +html .siteKursL{height:4175px !important;}
* +html .siteKursR{height:4336px !important;}
.siteKursL{height:4005px !important;}
.siteKursR{height:4166px !important;}
.siteKontL{height:372px !important;}
.siteKontR{height:533px !important;}
.siteGilL{height:239px !important;}
.siteGilR{height:400px !important;}
.siteEGimL{height:317px !important;}
.siteEGimR{height:478px !important;}
.siteMatL{height:550px !important;}
.siteMatR{height:711px !important;}
.siteEgzaL{height:380px !important;}
.siteEgzaR{height:541px !important;}
.siteBizL{height:540px !important;}
.siteBizR{height:701px !important;}
/*1025px*/


ul.makeMenu, ul.makeMenu2, ul.makeMenu ul, ul.makeMenu2 ul { margin: 0px; padding: 0px; font-size:11px;}

ul.makeMenu, ul.makeMenu ul {  background-color: #8aa; padding-left: 0px; cursor: default; margin-left: 0px; line-height:64px; }
ul.makeMenu li { list-style-type: none; margin: 0px; position: relative; color: #fff; height:56px; float:left;  width:51px; font-weight:bold;}
ul.makeMenu li span{margin-left:0px;}
ul.makeMenu li > ul { display: none; position: absolute; top: 56px; left: 0px; width:100px; float:left;}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { background: url(../images/menu_03.gif) no-repeat top; color: #fff; }
ul.makeMenu ul.CSStoShow { display: block; }
ul.makeMenu li:hover > ul { display: block; }

ul.makeMenu li a { color: #fff; display: block; width: 80px; text-decoration: none; font-weight:bold; }
ul.makeMenu li a:hover { color: #fff; }
ul.makeMenu li:hover > a { color: #fff; }
ul.makeMenu li ul li.pod_menu{height:30px;  line-height:30px;}
ul.makeMenu li ul li a { color: #fff; display: block; width: 160px; height:100%; text-decoration: none;  background-color:#9d0000;}
ul.makeMenu li ul li a:hover { background-color:#c30000;}

ul.makeMenu li a span{margin-left:0px;}
ul.makeMenu li.o_nas{  width:51px;   }
.o_nas{  width:51px !important;   }
ul.makeMenu a.o_nas:hover {  background:url(../images/menu_03.gif) no-repeat top !important;    width:51px;}
.o_zazn{background:url(../images/menu_03.gif) no-repeat top !important;    width:51px;}

ul.makeMenu li.jak{  width:106px;   }
.jak{  width:106px !important;   }
ul.makeMenu a.jak:hover {  background:url(../images/menu_05.gif) no-repeat top !important; width:106px;   }
.j_zazn{background:url(../images/menu_05.gif) no-repeat top !important; width:106px;  }

ul.makeMenu li.metod{  width:129px;   }
.metod {  width:129px !important;   }
ul.makeMenu  a.metod:hover {  background:url(../images/menu_07.gif) no-repeat top !important; width:129px;   }
.m_zazn{background:url(../images/menu_07.gif) no-repeat top !important; width:129px;}

.kurs {  width:53px !important;   }
ul.makeMenu  a.kurs:hover {  background:url(../images/menu_09.gif) no-repeat top !important; width:53px;   }
.k_zazn{background:url(../images/menu_09.gif) no-repeat top !important; width:53px;}

.rabat {  width:62px !important;   }
ul.makeMenu  a.rabat:hover {  background:url(../images/menu_11.gif) no-repeat top !important; width:62px;   }
.r_zazn{background:url(../images/menu_11.gif) no-repeat top !important; width:62px;}

.gal {  width:65px !important;   }
ul.makeMenu  a.gal:hover {  background:url(../images/menu_13.gif) no-repeat top !important; width:65px;   }
.g_zazn{background:url(../images/menu_13.gif) no-repeat top !important; width:65px;}
.kont {  width:65px !important;   }
ul.makeMenu  a.kont:hover {  background:url(../images/menu_13.gif) no-repeat top !important; width:65px;   }
.kont_zazn{background:url(../images/menu_13.gif) no-repeat top !important; width:65px;}

.foto_kids{width:120px; height:181px; float:right; background-image: url(../images/kids2.jpg); margin-left:15px;}
.foto_gimnazjum{width:120px; height:181px; float:right; background-image: url(../images/gimnazjum2.jpg); margin-left:15px;}
.foto_business{width:120px; height:181px; float:right; background-image: url(../images/BUSINESS2.jpg); margin-left:15px;}
