/**
Theme Name: ActivateNow
Version: 1.0
Description: Tema para Activate Now
*/

*{margin: 0; padding: 0;}
body{background: #5c080c url(img/gradient-bg-activatenow.jpg) repeat-x top fixed;}

#tarjetas{
  position: relative;
  top: -130px; left: -90px;
  width: 344px;
  height: 336px;
  background: url(img/activatenow-card.png) no-repeat;
}

#tarjeta{
  position: relative;
  top: -5px; left: 70px;
  width: 190px;
  height: 320px;
  background: url(img/activatenow-pagecard.png) no-repeat;
}

#page{
  width: 762px;
  margin: 150px auto 0 auto;
  background: url(img/page-bg.png) repeat-y right;
}

#page_single{
  width: 762px;
  margin: 50px auto 0 auto;
  background: url(img/page-bg.png) repeat-y right;
}

#header{
  width: 50px;
  float:left;
}

#content{
  width: 700px;
  padding-bottom: 50px;  
  float:left;
  background-color: #fff;
}

#footer{
  width: 762px;
  margin: 0 auto 35px auto;
  background: url(img/page-bg.png) repeat-y right;
}

#footer_space{
  width: 50px;
  height: 25px;
  float: left;
}

#footer_legal{
  width: 702px;
  height: 25px;
  float: left;
  background-color: #bd2228;
  color: #fff;
  font: 13px Verdana, Tahoma;
  padding-top: 5px;
  text-align: center;
  
}
#footer_legal a{color: #fff;}
#footer_bottom{
  width: 700px;
  height: 6px;
  margin-left: 55px;
  background: url(img/page_bottom-bg.png) repeat-x;
  clear: both;
}
#footer img{border: 0; padding: 0 0 0 10px;}

/*///////////////*/

#activate_now{float: left;}

#activate_now a{
  width: 125px; height: 120px;
  display: block;
  position: relative;
  top: 110px; left: 70px;
  outline: 0;
}

#activate_now_single a{
  width: 125px; height: 120px;
  display: block;
  position: relative;
  top: 100px; left: 30px;
  outline: 0;
}
#activate_now_single h1 a span, #activate_now h1 a span{
  display: none !important;
}

#menu_principal{
  width: 130px;
  height: 200px;
  position: relative;
  float: left;
  top: 43px;
  left: 80px;
}

#menu_principal ul{
  list-style: none;
}

#menu_principal ul li a{
  color: #000;
  font: 13px Verdana, Tahoma;
  text-decoration: none;
  width: 110px;
  height: 20px;
  padding-left: 18px;
  display: block;
  background: url(img/menu_bullet.jpg) no-repeat left;
  outline: 0;
}

#menu_principal ul li a:hover{
  text-decoration: underline;
}


#about-us{
  width: 500px; height: 190px;
  float: right;
  margin: 30px 20px 0 0;
}
.title, .subtitle{ text-align: right;}
.title h2 a{
  font: normal 30px Verdana, Tahoma;
  text-decoration: none;
  outline: 0;
  color: #000;
}
.title h2 a:hover{ text-decoration: underline}
.subtitle h3{
  font: normal 16px 'Trebuchet MS', Helvetica, sans-serif;
}

#about-us p{
  width: 450px;
  margin: 20px 0 0 45px;
  text-align: justify;
  font: normal 12px Verdana, Tahoma, sans-serif;
}

.black{color:#000;}
.red{color:#bd2026;}

.clear{clear: both;}
#gallery{margin: 50px auto 0 auto; width: 650px;}

/*//////*/

.page_single{
  width: 650px;
  margin: 280px 0 0 20px;
  clear: both;
}
.page_title{
  font: normal 30px Verdana, Tahoma;
  text-decoration: none;
  outline: 0;
  color: #000;
  text-align: right;
  margin-right: 15px;
  width: 345px;
  float: right;
}

.page_text{
  width: 650px;
  padding: 20px 0 0 20px;
  font: normal 13px Verdana, Tahoma, sans-serif;
}

.page_text p{padding: 10px 0;  text-align: justify;}

#page_menu_principal{
  width: 700px; height: 44px;
  margin-left: -20px;
  margin-top: 50px;
  background: url(img/page_menu_bg.jpg) repeat-x;
}

#page_menu_principal ul{
  list-style: none;
  width: 500px; height: 44px;
  margin-left: 200px;
}

#page_menu_principal ul li {
  float: left;
}

#page_menu_principal ul li a{
  display: block;
  width: 99px;
  height: 30px;
  border-right: 1px solid #000;
  padding-top: 12px;
  text-align: center;
  font: normal 12px Tahoma, sans-serif;
  color: #000;
  text-decoration: none;
  outline: 0;
}

#page_menu_principal ul li a:hover{
  background: url(img/page_menu_bullet.jpg) no-repeat 0% 80%;
}

#pen{
   position:absolute;
   margin: 0 auto;
   width: 296px;  height: 178px;
   background:  url(img/activatenow-pen.png) no-repeat;
   z-index: 1000;
   top: 750px; left: 100px;
}

#project_info{
  width: 620px;
  height: 248px;
  padding: 2px 0 0 2px;
  margin-bottom:20px;
}

.project_img{float: left; width: 400px;}
.project_img img{border: 1px solid #efefef; padding: 2px;}
.project_text{
  float: left;
  width: 215px;
}

#project_gallery{clear: both; width: 412px; margin: 10px auto;}
.project_gallery_thumb_bg{
  width:184px; height:135px;
  background: url(img/portfolio_galley_bg.jpg) no-repeat;
  float: left;
  margin: 0 10px;
}

.project_gallery_thumb_bg img{
  margin: 6px 0 0 7px;
  border: 0;
}

.portfolio_title{
  font: normal 22px Verdana, Tahoma;
  text-decoration: none;
  outline: 0;
  color: #000;
  text-align: left;
  margin-right: 15px;
}

.portfolio_section{clear: both;}
.project_gallery_thumb{width: 184px; height: 150px; float: left; margin: 10px 5px;}
.project_gallery_thumb_title{text-align: center;}
.project_gallery_thumb_title a{
  font: normal 12px Tahoma;
  text-decoration: none;
  outline: 0;
  color: #bd2228;
  margin-right: 15px;
}

.clear_page_title{clear: both;}

#home_twitter{
  width: 270px;
  float: left;
  margin: 20px 20px 0 50px;
}

#home_facebook{
  width: 270px;
  float: left;
  margin: 20px 50px 0 20px;
}