/*# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # ## - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # ## 1. MAIN BODY - [body] ## 2. SITE - [body > .Site] # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # ## 3. HEADER - [.Site > .Head] ## 3. Wrapper - [.Site > .Head > div] ## 3. Holders - [.Site > .Head > div > .Wrp1] # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # ## 4. BODY - [.Site > .Body] ## 4. Wrapper - [.Site > .Body > div] ## 4. Holders - [.Site > .Body > div > .Wrp1] # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # ## 5. FOOTER - [.Site > .Foot] ## 5. Wrapper - [.Site > .Foot > div] ## 5. Holders - [.Site > .Foot > div > .Wrp1] # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #*/ /* * * * * * * * * * * * * * * / * !! SITE **/ body > .Site { } .Site > .Head > div, .Site > .Body > div, .Site > .Foot > div { width: 940px; margin-left: -490px; left: 50%; position:relative; border: #b5b5b5 1px solid; border-width: 0 1px 0 1px; } .Site > .Body > div .subMenu { } .Site > .Body > div .subMenu a { text-decoration: none; color:#000; display: block } .Site > .Body > div .subMenu > a {font-weight: bold; font-size: 16px; padding: 4px 15px; } .Site > .Body > div .subMenu > a:hover { color: #fff; background-color:#c01212; } .Site > .Body > div .subMenu > a.selected { color: #fff; background-color:#c01212; } .Site > .Body > div .subMenu > div { margin: 5px 0 15px 25px; } .Site > .Body > div .subMenu > div a { background: url(../images/Icons/markerCrn.gif) 0px 7px no-repeat; padding: 1px; padding-left: 14px; font-size:14px;} .Site > .Body > div .subMenu > div a:hover { font-weight: bold; color: #c01212; background-image:url(../images/Icons/markerRdec.gif)} .Site > .Body > div .subMenu > div a.selected { font-weight: bold; color: #c01212; background-image:url(../images/Icons/markerRdec.gif)} /* * * * * * * * * * * * * * * / * !! HEAD **/ .Site > .Head { } .Site > .Head > div { background: #fff; } /* Holders */ .Site > .Head > div > .head { height: 85px; background: url(../images/Site/headRepeat.png) repeat-x top; } .Site > .Head > div > .body { height: 170px; background: no-repeat center center; } .Site > .Head > div > .foot { height: 30px; margin-top: 1px; background: #f7d032; } /* Head floating */ .Site > .Head > div > .body .links .alphaBack { position: absolute; z-index:0; width: 220px; height: 170px; background: #fff; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); } .Site > .Head > div .soncnica { position:absolute; z-index:100; margin-top: -75px; margin-left: 100px; width: 135px; height: 200px; background: url(../images/Site/soncnica.png) no-repeat center center; } /* Head head */ .Site > .Head > div > .head .logo { width: 290px; height: 82px; margin-left: 30px; cursor: pointer; background: url(../images/Site/logo.gif) no-repeat 15px center; border-left: #e6a0a0 1px solid; } .Site > .Head > div > .head .logoTitle { padding-top: 46px; font-size: 18px; color: #f7c600; font-style:italic } .Site > .Head > div > .head .info { width: 155px; height: 82px; padding-left: 24px; background: #c73535; border-left: #e6a0a0 1px solid; } .Site > .Head > div > .head .info p { color:#f7c600; font-size: 14px; line-height: 18px; font-weight:bold; margin:1px 0; } .Site > .Head > div > .head .info p img { position: relative; top: 4px; left:-5px; } .Site > .Head > div > .head .info a { color:#f7c600; font-weight: normal; } .Site > .Head > div > .head .info a:hover { color:#fff; font-weight: normal; } .Site > .Head > div > .head .links { width: 219px; height: 72px; padding-top: 10px; background: #d16161; border-left: #e6a0a0 1px solid; } .Site > .Head > div > .head .links a { display: block; color:#871111; font-size: 12px; line-height: 16px; padding: 3px 5px; padding-left: 10px; text-decoration: none; font-weight:bold; background: url(../images/Site/borderHeadLinks.png) no-repeat left bottom; } .Site > .Head > div > .head .links a:hover { color:#000; background-image: url(../images/Site/borderHeadLinksOver.png)} /* Head body */ .Site > .Head > div > .body .info { width: 180px; height: 170px; background: #fff; opacity:0.35; -moz-opacity:0.35; filter:alpha(opacity=35); } .Site > .Head > div > .body .links { width: 220px; height: 170px; background: none; } .Site > .Head > div > .body .links .mainMenu { position:relative; width: auto; z-index:10; padding-top: 35px; background: none; } .Site > .Head > div > .body .links .mainMenu a { display: block; width: auto; color:#333; font-size: 14px; line-height: 18px; padding: 2px 20px; background:none; text-decoration: none; font-weight:bold} .Site > .Head > div > .body .links .mainMenu a:hover { color:#f7d859; background: #c01212; } /* Head foot */ .Site > .Head > div > .foot .info { width: 524px; height: 23px; padding:0 8px; padding-top: 4px; background: #f7c600; font-weight: normal; font-size:18px; } .Site > .Head > div > .foot .links { width: 220px; height: 30px; background: #f7d859; } /* * * * * * * * * * * * * * * / * !! BODY **/ .Site > .Body { } /* Wrapper */ .Site > .Body > div { padding-top: 10px; } .Site > .Body > div h1 { border-bottom: #ddd 1px solid; color: #444; position:relative; padding-left: 30px; padding-bottom: 5px; float:left; padding-right: 100px; } .Site > .Body > div h1 span { color: #c01212; } /* Main holder */ .Site > .Body > div .main { width: 710px; line-height: 18px; padding-bottom: 20px;} .Site > .Body > div .main > .wrp10 { padding-left: 10px; } .Site > .Body > div .main > .wrp20 { padding-left: 20px; } .Site > .Body > div .main > .wrp30 { padding-left: 30px; } .Site > .Body > div .main h2 { padding: 2px 0; padding-top: 20px; color:#c01212; text-transform: uppercase; } .Site > .Body > div .main .infoBox { width: 220px; margin-top: 20px; margin-left: 10px; float:left; cursor: pointer; } .Site > .Body > div .main .infoBox > .title { margin-bottom:1px; } .Site > .Body > div .main .infoBox > .title > h3 { color:#333; font-weight:bold; font-size:16px; padding: 5px 10px; padding-right: 0; float:left; } .Site > .Body > div .main .infoBox > .title > span { width: 42px; height:30px; float:right; background:#333; background: no-repeat center center; } .Site > .Body > div .main .infoBox > .image { height:140px; background: #c01212 no-repeat center center; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity=75); } .Site > .Body > div .main .infoBox > .Red { background-color: #ebbebe; } .Site > .Body > div .main .infoBox > .Yellow { background-color: #f0da82; } .Site > .Body > div .main .infoBox > .Grey { background-color: #dddddd; } .Site > .Body > div .main .infoBox > .title > span.Red { background-image: url(../images/Icons/Red.png) } .Site > .Body > div .main .infoBox > .title > span.Yellow { background-image: url(../images/Icons/Yellow.png) } .Site > .Body > div .main .infoBox > .title > span.Grey { background-image: url(../images/Icons/Grey.png) } /* Sub holder */ .Site > .Body > div .sub { width: 220px; border-left: #cccccc 2px solid; padding-top: 39px; padding-bottom: 30px; } .Site > .Body > div .sub .infoBox { width: auto; margin-bottom: 40px; margin-right: 10px; } .Site > .Body > div .sub .infoBox > h3 { padding: 4px 8px; background: #c01212; color:#fff; font-weight:bold; text-transform: uppercase; } .Site > .Body > div .sub .infoBox > div { padding: 8px; margin:0; border: #888 1px solid; border-width: 0 1px 1px 0; color:#000; } .Site > .Body > div .sub .infoBox > div b, .Site > .Body > div .sub .infoBox > div i { color:#ae0101; } .Site > .Body > div .sub .infoBox > div p.title { font-size: 12px; font-weight: bold;} .Site > .Body > div .sub .infoBox img { position:relative; } /* * * * * * * * * * * * * * * / * !! FOOT **/ .Site > .Foot { } .Site > .Foot > div { border: #b5b5b5 1px solid; background:#eee } .Site > .Foot > div .wrp { padding: 5px 10px; }