@import 'reset.css';

BODY {
   padding:20px 0;
   background:#EBEBEB;
   font:1em/1.3em Tahoma,Arial,Verdana,sans-serif;
   }
A {color:#0054A6;}
A:hover {color:#C00;}
   
#container {
   width:950px;
   margin:auto;
   overflow:hidden;
   }

#logo {
   float:left;
   width:171px;
   height:80px;
   overflow:hidden;
   font-size:.9em;
   text-align:center;
   position:relative;
   }
   #logo A {
      display:block;
      width:171px;
      height:80px;
      }
      #logo A SPAN {
         display:block;
         width:171px;
         height:80px;
         position:absolute;
         top:0;
         left:0;
         background:url(../images/logo.png) no-repeat;
         }
   
#page {
   float:left;
   width:746px;
   margin:0 0 0 32px;
   background:#FFF url(../images/page-bg.png) repeat-y;
   }
#page.inner {background:#FFF url(../images/page-bg-inner.png) repeat-y;}
   
#header {
   width:746px;
   padding:30px 0 20px;
   background:url(../images/cor-t.png) no-repeat;
   }
   #header .nav {
      overflow:hidden;
      height:39px;
      color:#FFF;
      margin:0 0 0 2px;
      font-size:1em;
      line-height:1;
      position:relative;
      }
      #header .nav LI {
         position:absolute;
         top:0;
         width:199px;
         padding:10px 0 10px;
         min-height:38px;
         text-align:center;
         }
      #header .nav A {
         color:#FFF;
         text-decoration:none;
         }
      #header .nav .blue {
         left:0;
         background:url(../images/nav-blue.png) no-repeat;
         z-index:1000;
         }
      #header .nav .magenta {
         left:172px;
         background:url(../images/nav-magenta.png) 100% 0 no-repeat;
         z-index:100;
         }
      #header .nav .yellow {
         left:351px;
         background:url(../images/nav-yellow.png) no-repeat;
         z-index:10;
         }
      #header .nav .black {
         left:533px;
         background:url(../images/nav-black.png) no-repeat;
         z-index:1;
         }
      #header .nav .back {
         top:0;
         right:0;
         padding:10px 0 14px;
         background:url(../images/nav-back.png) no-repeat;
         z-index:1;
         }
         #header .nav .active {
                              }
         #header .nav .magenta-active {
            background:url(../images/nav-magenta-active.png) no-repeat !important;
            padding:10px 0 14px !important;
            }
         #header .nav .yellow-active {
            background:url(../images/nav-yellow-active.png) no-repeat !important;
            padding:10px 0 14px !important;
            }
         #header .nav .black-active {
            background:url(../images/nav-black-active.png) no-repeat !important;
            padding:10px 0 14px !important;
            }
         #header .nav .blue-active {
            background:url(../images/nav-blue-active.png) no-repeat !important;
            padding:10px 0 14px !important;
            }
   
#content {
   padding:0 25px 25px 35px;
   background:url(../images/cor-b.png) 0 100% no-repeat;
   }
   #content H1,
   #content H2 {
      font-size:1.4em;
      margin-bottom:20px;
      }
   #content H3 {margin-bottom:18px;}
   #content P {
      padding-bottom:18px;
      }
   #content BLOCKQUOTE {
      font-size:.9em;
      padding-left:10px;
      border-left:4px solid #6DD0F7;
      margin:0 0 18px -14px;
      }
      #content BLOCKQUOTE P {padding-bottom:0;}
   #content .pic {
      display:block;
      margin-bottom:18px;
      }
   #content .menu {
      overflow:hidden;
      font-size:1.5em;
      }
      #content .menu LI {
         float:left;
         padding:15px 0 25px 100px;
         margin-right:45px;
         }
      #content .menu .contacts {background:url(../images/ico/phone.png) 0 50% no-repeat;}
      #content .menu .map {background:url(../images/ico/map.png) 45px 50% no-repeat;}
   #content .phones {
      margin-bottom:18px;
      font-size:1.2em;
      }
      #content .phones LI {
         padding-left:25px;
         margin-bottom:5px;
         background:url(../images/ico/phone-small.png) 0 50% no-repeat;
         }
      #content .phones SMALL {font-size:.7em;}
   #content .order {
      margin:30px 0;
      }
      #content .order LABEL {
         display:block;
         margin-bottom:5px;
         }
      #content .order TEXTAREA {
         width:360px;
         display:block;
         margin-bottom:30px;
         }
      #content .order .btn {
         margin-left:270px;
         }
   #content .contact {
      width:500px;
      padding:13px 0 15px;
      background:url(../images/ico/phone.png) 100% 50% no-repeat;
      }
         
/* Footer
-------------------------------------- */
#footer {
   width:640px;
   padding-left:106px;
   margin:20px auto 0;
   color:#7D7D7D;
   font-size:.9em;
   overflow:hidden;
   }
   #footer .copy {
      float:left;
      width:120px;
      padding:6px 0 2px 60px;
      margin-right:40px;
      background:url(../images/logo-small.png) 0 50% no-repeat;
      }
   #footer .madein {
      float:left;
      width:150px;
      padding:6px 0 2px 25px;
      margin-right:40px;
      background:url(../images/ico/getalime.png) 0 50% no-repeat;
      }