/*
    Document   : private-modificar-datos
    Created on : 06-oct-2009, 17:24:35
    Author     : rcatala
    Description:
        Estilo del index
*/
/* INFORMACION */
#gestoria-content{
      /* Quitamos el margen inferior en el INDEX, en el resto se mantiene */
      margin-bottom: 0 !important;
}
div.registrarse{
     width: 706px;
     height:340px;
     position:relative;
}
div.registrarse div.content1{
      width: 706px;
      height: 30px;
}
div.registrarse div.content2{
      width: 690px;
      height: 308px;
      float:left;
}
div.registrarse div.left-margin, div.registrarse div.right-margin{
      width: 8px;
      height:310px;
      float:left;
}
div.registrarse div.content2{ background: url(../img/gon-backgrounds.png) repeat-x 0 -648px; }
div.registrarse div.left-margin{ background: url(../img/index-ui.png) no-repeat 0 0; }
div.registrarse div.right-margin{ background: url(../img/index-ui.png) no-repeat -8px 0; }

/* REGISTRO */
div#registro{
      width: 310px;
      height: 187px;
      position: absolute;
      background: #fff;
      left: 125px;
      background: url(../img/index-ui.png) no-repeat -62px -135px;
}
div#registro div#content{
      width: 278px;
      height: 153px;
      margin: 5px 0 0 15px;
      border: 1px solid #a6bcd0;
      background: url(../img/index-ui.png) no-repeat -372px -135px;
}
div#registro div#content div.gratis h2{
      font-family: Verdana, "Trebuchet";
      font-size: 17px;
      font-weight: bold;
      /* color: #5b1313; */
      color: #254051;
      line-height: 40px;
      text-align: center;
}
div#registro div.enviar{
      width:151px;
      height: 42px;
      position: absolute;
      top: 145px;
      left: 81px;
      line-height: 21px;
      background: url(../img/index-ui.png) no-repeat -372px -314px;
}
div#registro div.enviar center input{
      width: 122px;
      height: 25px;
      font-size: 14px;
      font-weight: bold;
      line-height: 21px;
      color: #fff;
      border: 1px solid #666;
      background: url(../img/gon-backgrounds.png) repeat-x 0 -958px;
}
div#registro div.enviar center input:hover{ background: url(../img/gon-backgrounds.png) repeat-x 0 -983px; }
div#registro div#content div dl{ margin: 5px 26px; }
div#registro div#content div dl dd{ height: 46px; }
div#registro div#content div dl dd input{
      width: 190px;
      height: 22px;
      font-size: 14px;
      font-weight: bold;
      color: #7e99b2;
      padding-right: 25px; /* para que la imagen de OK o KO no oculte el texto */
      border: 1px solid #90acc6;
      background: url(../img/index-ui.png) no-repeat -372px -288px;
}
div#registro div#content div dl dd input:focus{ border: 1px solid #b4d823; }
div#registro div#content div dl dd div.msg{
      position: absolute;
      width: 21px;
      height: 21px;
      margin-top: -24px;
      left: 240px;
      display: none;
}
span#passwdIE{
      position: absolute;
      font-size: 15px;
      font-weight: bold;
      color: #7E99B2;
      top: 102px;
      left: 50px;
}
/* REGISTRO OK y KO */
div#registro{
      width: 310px;
      height: 187px;
      position: absolute;
      background: #fff;
      left: 125px;
      background: url(../img/index-ui.png) no-repeat -62px -135px;
}
div#registro div#content.ok{
      border: 4px solid #659400;
      background: url(../img/gon-backgrounds.png) repeat-x 0 -1071px !important;
}
div#registro div#content.ko{
      border: 4px solid #c70000;
      background: url(../img/gon-backgrounds.png) repeat-x 0 -1230px !important;
}
div#registro div#content div.gracias{ margin: 20px 16px; }
div#registro div#content div.gracias p{
      font-size: 18px;
      font-weight: bold;
      line-height: 20px;
      color: #40443b;
}
div#registro div#content div.gracias p img{ float:left; margin: -3px 8px 0 0; }
div#registro div#content div.gracias div.graciasinfo{
      margin-top: 20px;
      font-size: 15px;
      line-height: 18px;
      color:#455333;
}
div#registro div#content div.gracias div.graciasinfo span{ float:right; margin-top: 10px; }
div#registro div#content div.gracias div.graciasinfo span a{
      font-size: 13px;
      color: #fff;
      font-weight: bold;
      text-decoration: underline;
}

/* CLAIM 1 y 2 && REGISTRO */
div.registrarse div.content2 div.content3 div.claim1, div.registrarse div.content2 div.content3 div.content5, div.registrarse div.content2 div.content3 div.claim2{
      height:125px;
      float:left;
      overflow: hidden;
      color: #fff;
}
div.registrarse div.content2 div.content3 div.content5{ width: 301px; }
div.registrarse div.content2 div.content3 div.claim1{
      width: 108px;
      padding: 16px 8px;
}
div.registrarse div.content2 div.content3 div.claim2{
      width: 254px;
      padding: 16px 0;
      text-shadow: 2px 2px 2px #163041;
}
div.registrarse div.content2 div.content3 div.claim1 div.pay-per-use{
      width: 72px;
      height: 82px;
      background: url(../img/index-ui.png) no-repeat -594px -288px;
}
div.claim2 div{ margin-top:10px; }
div.claim2 div span{
      font-size: 15px;
      font-weight: bold;
      line-height: 28px;
      color: #ebf5fc;
}
div.claim2 div span span{ font-size: 18px; }


/* GALLERY */
div.shadow{
      position:absolute;
      width: 610px;
      height: 135px;
      top:188px;
      left:47px;
      background: url(../img/index-ui.png) no-repeat -16px 0;
      z-index: 9;
}
div.registrarse div.content2 div.content4 div.previous, div.registrarse div.content2 div.content4 div.gallery{ height:135px; float: left }
div.registrarse div.content2 div.content4 div.next{ height:135px; float: right }
div.registrarse div.content2 div.content4 div.previous, div.registrarse div.content2 div.content4 div.next{ width: 38px; }
div.registrarse div.content2 div.content4 div.gallery{
      position: relative;
      width: 610px;
      height: 135px;
      border:1px solid #173142;
      background: #fff;
      overflow: hidden;
}
div.registrarse div.content2 div.content4 div#handles{
      float: right;
      margin: -24px 40px 0 0;
      border-top:1px solid #163041;
      border-right:1px solid #163041;
      border-left:1px solid #163041;
      background-color: #163041;
      padding:4px 0;
}
div#handles span{
      font-weight: bold;
      text-align: center;
      padding: 3px 7px;
      color:#396186;
      cursor: pointer;
}
div#handles span.active{
      background: #648aad;
      color:#fff;
}
div.registrarse div.content2 div.content4 div.gallery div#box{
      position:absolute;
}
div.registrarse div.content2 div.content4 div.gallery div#box div.novedad{
	width:610px;
          overflow: hidden;
	float:left;
}
div#box div.novedad a{
      position: absolute;
      z-index: 10;
      width: 610px;
      height: 135px;
}
div#box div.novedad h3, div#box div.novedad p, div#box div.novedad ul{ padding:8px 0 0 8px; }
div.registrarse div.content2 div.content4 div center{ margin-top: 48px; }
div.registrarse div.content2 div.content4 div div.cursor{ width: 23px; height: 36px; margin-top: 50px; cursor: pointer; }
div.registrarse div.content2 div.content4 div div#previous{ background: url(../img/index-ui.png) no-repeat -16px -135px; }
div.registrarse div.content2 div.content4 div div#next{ background: url(../img/index-ui.png) no-repeat -39px -135px; }
div.registrarse div.content2 div.content4 div div#previous:hover{ background: url(../img/index-ui.png) no-repeat -16px -171px; }
div.registrarse div.content2 div.content4 div div#next:hover{ background: url(../img/index-ui.png) no-repeat -39px -171px; }
/* GALLERY -> fecha jornadas */
div#fecha-jornada{
      position:absolute;
      top: 84px;
      left: 490px;
      /* left: 1100px; 2on frame */
      font-size: 18px;
      font-weight: bold;
      text-shadow:1px 1px 1px #fff;
      color: #518A00;
}

/*
PROMO INDEX
*/
div#promo h2{ margin-top:6px; }
div#promo ul{ margin-top:12px; list-style: none; margin-left: 20px; }
div#promo ul li{ line-height: 28px; font-size: 16px; }
div#promo ul li em{ font-size: 36px; font-family: times, _serif; font-weight: bold; color: #4C5F00 }
div#promo p{ margin: 24px 12px; font-size: 12px; }