@media screen and (max-width:1024px)
{
#logo img { width: 270px; }
#main { width: 1004px; }
} 

body { background-color:#FCFCFC; margin:0px; }
a { outline: medium none; text-decoration: none; }
table { border-collapse: collapse; border-width:0px; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


#header { background-color: #fcfcfc; background-image:url('/img/header.png'); background-repeat:repeat-x; height: 140px; width:100%; position:relative; top:-12px; left:0px; }
.header { border-collapse:collapse; margin:auto; border-width:0px; width:90%; }
#logo { vertical-align: bottom; }
#logo img { }
#headad { background-color: #547A5C; }
.address { color: #ffffff; float: right; font-family: verdana; font-size: 10pt; margin: 14px 14px 0 0; }
#nav { width:; height:32px; margin:auto; list-style: none outside none; background-color:#cc3300; background-image:url('/img/nav.png'); border-width: 1px 2px 2px 2px; border-style: solid; border-color: #cc3300 #FC5320 #BC2300 #FC5320; border-radius: 6px; margin-top:14px; }
#mainnav { color:#ffffff; border-color: transparent #AF3104 transparent #DF6134; border-style: solid; border-width: 0 1px; float:left; line-height: 1.3; margin:; z-index:; font-family: segoe ui, book antiqua; font-size: 11pt; padding: 6px 2.1% 7px 2%; letter-spacing: 1px; }
#mainnav:hover { color:#ffffff; background-image:url('/img/nav_hover.png'); background-color: #dc3300; box-shadow: 0 2px 4px #444444 inset; text-shadow: 0 2px 2px #444444; border-color: transparent; }
#nav div { background-color: #fafafa; border-color: #CC3300; border-radius: 0 0 14px 14px; border-style: none solid solid; border-width: 0 1px 1px; box-shadow: 0 2px 4px #888888; opacity: 0.94; position: absolute; text-shadow: 0 0 0 #FFFFFF; visibility: hidden; z-index: 100;
font-family:segoe ui; }
#nav div:hover { background-color: #efefef; border-top: 0 none; display: block; }
#m1 { margin-left: 80px; top: 143px;  padding:10px 40px 10px 20px; }
#m1 a { position: relative; display: block; margin-top: 0px; margin-bottom:0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color:#cc3300; font-size:11pt; z-index:101; text-shadow: 0 0 0 #cc3300; }
#m1 a:hover { display:block; color:#cc3300; text-decoration:underline; }
#m2 { margin-left: 160px; top: 143px;  padding:10px 40px 10px 20px; }
#m2 a { position: relative; display: block; margin-top: 0px; margin-bottom:0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color:#cc3300; font-size:11pt; z-index:101; text-shadow: 0 0 0 #cc3300; }
#m2 a:hover { display:block; color:#cc3300; text-decoration:underline; }
#m3 { margin-left: 240px; top: 143px;  padding:10px 40px 10px 20px; }
#m3 a { position: relative; display: block; margin-top: 0px; margin-bottom:0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color:#cc3300; font-size:11pt; z-index:101; text-shadow: 0 0 0 #cc3300; }
#m3 a:hover { display:block; color:#cc3300; text-decoration:underline; }
#m4 { margin-left: 280px; top: 143px;  padding:10px 40px 10px 20px; }
#m4 a { position: relative; display: block; margin-top: 0px; margin-bottom:0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color:#cc3300; font-size:11pt; z-index:101; text-shadow: 0 0 0 #cc3300; }
#m4 a:hover { display:block; color:#cc3300; text-decoration:underline; }
#m5 { margin-left: 360px; top: 143px;  padding:10px 40px 10px 20px; }
#m5 a { position: relative; display: block; margin-top: 0px; margin-bottom:0px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; color:#cc3300; font-size:11pt; z-index:101; text-shadow: 0 0 0 #cc3300; }
#m5 a:hover { display:block; color:#cc3300; text-decoration:underline; }


p { margin-right: 228px; min-height:10px; }
#main { width:80%; margin:-12px auto auto; }
#title { color:#3074c0; font-family:arial; font-size:15pt; }
#intro { color:#202020; font-family: segoe ui, arial; font-size:11.5pt; line-height:1.4; text-align: justify; }
.topic { margin-left: 50px; margin-top: 4px; }
.breadcrumbs { color:#dc3300; }
.pathway a { color:#dc3300; }
.pathway a:hover { text-decoration: underline; }
#lc { width:120px; }
#rc { width:300px; vertical-align: bottom; }

#lesson_info { min-height:400px }
#lesson_info p { font-size:13pt; }
#lesson_info ul { list-style: none outside none; padding-left: 0; }


#steps { width:650px; }
#stages td { font-family: calibri; padding-left: 14px; padding-right: 14px; vertical-align: top; width: 216px; }
#guaranty { width:650px; font-family:segoe ui; font-size:13pt; vertical-align:middle; }
#guaranty img { width:60px; }


#wraper { position:relative; bottom:0px; right:0px; display:block; }
#note { display:none; right:10px; width:200px; height:30px; background-image:url('/img/notify2_trans.png'); background-position: top center; background-repeat: no-repeat; cursor:pointer; z-index:10; float:right; position:relative; }
#note:hover { background-image:url('/img/notify_trans.png'); background-position: top center; background-repeat: no-repeat; height: 48px; margin-top: -18px; }

.foot { background-color: #D2DBDD; background-image: url("/img/footer.png"); background-repeat: repeat-x; padding: 24px 0 0; text-shadow: 0 -1px 0 #666666, 0 1px 0 #FFFFFF; color: #C2CBCD; font-size: 38pt; width:100%; }
#notification { text-shadow:none; font-size:14pt; width:100%; display:none; margin:0px; }


#contactes .formbox { background-color: #ffffff; border: 1px solid #ccc; border-radius: 8px; box-shadow:none; color: #207fc3; font-family: segoe ui; font-size: 12pt; height: 26px; padding: 5px 10px; }
#contactes .formbox:focus { box-shadow: 1px 1px 2px #666 inset; }