/* this styles are created for http://webmaster2008.net/Concurso/DesignSense/ */

body {
background-color: #FDD49C;
  background-image: url(img/bg.png);
  background-repeat: no-repeat;
  margin: 0;
}

/* styles of headers*/

#header {
  height: 254px;
  width: 100%;
  position: relative;
  z-index: 1;
}

#textmain {
text-align: center;
background-color: #2B5526;
}


#lap {
  width:324px ;
  height:167px ;
  position: absolute;
  top:11px;
  right:0px;
  background-image: url(img/lap.png);
  z-index: 1;
}

#security {
  background-image: url(img/head_security.png);
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top:10px;
  left:10px;
  width: 668px ;
  height: 114px ;
}

#step1 {

  position: absolute;
  z-index: 3;
  top:110px;
  left:5px;
  width: 354px;
  height: 136px;
  cursor: pointer;
}


#step1:hover {

  position: absolute;
  z-index: 3;
  top:110px;
  left:5px;
  width: 354px;
  height: 136px;
  cursor: pointer;
}

#step2 {

  position: absolute;
  z-index: 2;
  top:133px;
  left:39%;
  width: 294px;
  height: 112px;
  cursor: pointer;
}

#step2:hover {

  position: absolute;
  z-index: 2;
  top:133px;
  left:39%;
  width: 294px;
  height: 112px;
  cursor: pointer;
}

#step3 {

  position: absolute;
  z-index: 2;
  top:155px;
  right:3.5%;
  width: 253px;
  height: 90px;
  cursor: pointer;
}

#step3:hover {

  position: absolute;
  z-index: 2;
  top:155px;
  right:3.5%;
  width: 253px;
  height: 90px;
  cursor: pointer;
}

#stripe {
  background-image: url(img/stripe.png);
  width: 118px;
  height: 54px;
  position:absolute;
  z-index: 1;
  top:155px;
  left:29%;
}

#stripe2 {
  background-image: url(img/stripe.png);
  width: 118px;
  height: 54px;
  position:absolute;
  z-index: 1;
  top:170px;
  left:61.5%;
}

/*End of headers styles*/

#middle {
  background-color: #2b5526;
  height: 100%;
  width: 100%;
  background-image: url(img/middle_center.png);
  background-repeat: repeat-x;
  position: relative;
  text-align: center;
}

#conteiner {
position: relative;
top:50px;
}

#menu_bar {
  position:fixed;
  left:10%;
  width:15%;
  top:270px;
  color: #ffffff;
  z-index: 1;
}

#div {
  width: 100%; height:73px; text-align:center
}







/*bottom styles*/

#bottom {
  background-image: url(img/buttom.jpg);
  position: relative;
  width: 100%;
  height: 148px;
  z-index:0;
}



#bottom_grad {
  background-image: url(img/middle_botton.png);
  height: 99px;
  width: 100%;
}

#bottom_logo {
  background-image: url(img/bottom_hole.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 7px;
}

#logo_ds {
  background-image: url(img/DS.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 137px;
  height: 72px;
  z-index: 3;
  position: relative;
  bottom: 0px;
  right: -81%;
}


#esffl {
  margin-left: 50px;
  width: 100%;
  top:50px;
  position: relative;
  font-family: Tahoma;
  font-weight:bold;
  text-decoration: none;
  border-bottom: #824d10 1px dotted;
  color: #824d10;
}

#esffl:hover {
  color: #ffffff;
  background-color:#824d10;
}

/*end of bottom styles*/


#menu_page {
  width: 400px;
  height: 220px;
  position: relative;
  margin-top: -40px;
  background-image: url(img/cloud.png);
  display: table-cell;
  vertical-align: sub;
  right:0%;
}



#menu_article {
  position: relative;
  height: auto;
  margin-top: 30px;
  width: 80%;
  color: #FFFFFF;
  right:0%;
  text-align: center;
}

#menu_article h2 {
  position: relative;
  height: auto;
  margin-top: 30px;
  width: 80%;
  color: #000000;
  font-size: 60px;
  right:0%;
  text-align: center;
}

#proxy {
  margin: 40px 20px 20px 20px;
}

#proxya {
  font-family: Tahoma;
  font-size: 30px;
  color: #824d10;
  text-decoration: none;

}

#proxya:hover {
  font-family: Tahoma;
  font-size: 30px;
  color: #ffffff;
  background-color: #824d10;
  text-decoration: none;

}

#spyware {
  margin: -20px 0px 0px -170px;
}

#spywarea {
  font-family: Tahoma;
  font-size: 24px;
  color: #e6973c;
  text-decoration: none;

}

#spywarea:hover {
  font-family: Tahoma;
  font-size: 24px;
  color: #ffffff;
  background-color: #e6973c ;
  text-decoration: none;
}

#filter {
  margin: -12px -30px 0px 140px;
}

#filtera {
  font-family: Tahoma;
  font-size: 18px;
  color: #b97a32;
  text-decoration: none;
}

#filtera:hover {
  font-family: Tahoma;
  font-size: 18px;
  color: #ffffff;
  background-color: #b97a32;
  text-decoration: none;
}

#users {
  margin: 5px -30px 0px -160px;
}

#usersa {
  font-family: Tahoma;
  font-size: 12px;
  color: #b4752c;
  text-decoration: none;
}

#usersa:hover {
  font-family: Tahoma;
  font-size: 12px;
  color: #ffffff;
  background-color: #b4752c;
  text-decoration: none;
}

#Firewall {
  margin: -10px -170px 0px 0px;
}

#Firewalla {
  font-family: Tahoma;
  font-size: 36px;
  color: #a26723;
  text-decoration: none;
}

#Firewalla:hover {
  font-family: Tahoma;
  font-size: 36px;
  color: #ffffff;
  background-color: #a26723;
  text-decoration: none;
}

#ActiveX {
  margin: -23px 75px 0px 0px;
}

#ActiveXa {
  font-family: Tahoma;
  font-size: 24px;
  color: #976022;
  text-decoration: none;
}

#ActiveXa:hover {
  font-family: Tahoma;
  font-size: 24px;
  color: #ffffff;
  background-color: #976022;
  text-decoration: none;
}

#up {
  position:relative;
  right:0%;
}

/*------step 2------*/


h1 {
  color: #FF9100;
  font-family: Times New Roman;
  font-style: italic;
  font-weight: normal;
  font-size: 40px;
  text-align: left;
  margin-left: 20px;
  border-bottom: 1px solid #2B5526;
}

h2 {
  color: #999999;
  margin:0 50px 0 80px;
  text-align: justify;
  font-size: 19px;
  font-family: 'Trebuchet MS',helvetica,arial,verdana;
  font-weight: normal;
}

.link_original {
  color: #2B5526;
  text-decoration: none;
  font-size: 19px;
  border-bottom: solid 2px #2B5526;
}

#link_up {
  color: #2B5526;
  text-decoration: none;
  font-size: 19px;
  border-bottom: dotted 2px #2B5526;
  margin-left: 50px;
}

#link_d {
  color: #000;
  text-decoration: none;
  font-size: 25px;
  margin-left: 90px;
  font-weight: bold;
}

#link_u {
  color: #2B5526;
  text-decoration: none;
  font-size: 25px;
  margin-left: 150px;
  font-weight: bold;
  border-bottom: 2px dotted #2B5526;
}

#link_none {
  color:  #9f9f9f;
  text-decoration: none;
  font-size: 25px;
  margin-left: 150px;
  font-weight: bold;
}

#useful_links {
text-align: center;
  height: 388px;
  width: auto;
}


#link_noned {
  color:  #9f9f9f;
  text-decoration: none;
  font-size: 25px;
  margin-left: 90px;
  font-weight: bold;
}

#link_nonei {
  color:  #9f9f9f;
  text-decoration: none;
  font-size: 25px;
  margin-left: 150px;
  font-weight: bold;
  border-bottom: 2px dotted #9f9f9f;
}

.header_article {
  color: #222;
  font-size: 22px;
  margin:0 40px 15px -30px;
}

div#nifty{ margin: 0 10%;background:#FFF; margin-top: 30px;}



/*------/step 2-----*/