/* 
    Document   : global-suscripcion
    Created on : 13/11/2013, 09:45:20 AM
    Author     : Clara
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#contenedorNewsletter{
    width: 1000px;
    height: 40px;
/*    background-color: yellow;*/
/*margin-top: -10px;*/
margin-top: 10px;

}
#contenedorFormularioNewsletter{
    width: 285px;
    height: 22px;
/*    background-color: yellow;*/
/*    margin-left: 700px;*/
/*    margin-left: 705px;*/
/*    margin-top: 20px;*/
}
#sectorMensajeSuscripcion{
     width: 285px;
    height: 18px;
/*    background-color: yellow;*/
    z-index:1000;
    font-size: 12px;
    margin-top: 2px;
}
/*#contenedorFormularioNewsletter table td{
    height: 18px;
}*/
#campo_suscripcion{
    position:relative;
    width: 195px;
    height: 14px;
    border: 1px solid #DBDCDE;
/*    margin-left: 790px;*/
/* margin-top:-8px;*/
font-family: "Kabel";
color: #DBDCDE;
}

#campo_suscripcion_dialogo{
    position:relative;
    width: 195px;
    height: 15px;
    border: 2px solid #DBDCDE;
/*    margin-left: 790px;*/
/* margin-top:-8px;*/
font-family: "Kabel";
/*color: #DBDCDE;*/
color: #ADAFB3;
text-align: center
}
#sectorBotonSuscripcion{
/*    position:absolute;*/
    width: 73px;
    height: 18px;
    background-image: url('/imagenes/global/botonSuscribirseEsp.jpg');
    cursor:pointer;
    margin-top:-18px;
    margin-left: 195px;
}
#sectorBotonSuscripcion_eng{
/*    position:absolute;*/
    width: 73px;
    height: 18px;
    background-image: url('/imagenes/global/botonSuscribirseEng.jpg');
    cursor:pointer;
    margin-top:-18px;
    margin-left: 195px;
}

.clsSectorBotonSuscripcion_dialogo{
/*    position:absolute;*/
    width: 40px;
    height: 23px;
    background-image: url('/imagenes/global/2013/flechaBoton.jpg');
    cursor:pointer;
/*    margin-top:-18px;
    margin-left: 195px;*/
}

#sectorEspacioBotonSuscripcion{
     width: 73px;
    height: 5px;
}
#tablaSuscripcion{
/*    background-color: yellow;*/
}
#tablaSuscripcion td{
/*    background-color: yellow;*/
    height: 18px;
}

.iframe{
    background-color: white;
/*    border: 5px solid grey;*/
}

/*** NUEVO SECTOR ICONOS SOCIALES***/
#sectorMenuPrincipal {
    width: 680px;
}
#topEnlaceContacto {
    width: 110px;
}

#sectorIconosSociales{
    position:relative;
    float: left;
    width: 151px;
    height: 52px;
    display:  block;

/*background-color:  yellow;*/
margin-left: -15px;
}


#iconoFacebook {
    position: relative;
    float: left;
    width: 26px;
    height: 40px;
    background-image: url("/imagenes/global/2013/iconoFacebook.jpg");
    margin-top: 10px;
}

#iconoTwitter{
    position: relative;
    float: left;
    width: 26px;
    height: 40px;
    background-image: url("/imagenes/global/2013/iconoTwitter.jpg");
    margin-top: 10px;
}
#iconoPinterest{
    position: relative;
    float: left;
    width: 26px;
    height: 40px;
    background-image: url("/imagenes/global/2013/iconoPinterest.jpg");
    margin-top: 10px;
}

#iconoYoutube{
    position: relative;
    float: left;
    width: 27px;
    height: 40px;
    background-image: url("/imagenes/global/2013/iconoYoutube.jpg");
    margin-top: 10px;
}

#iconoInstagram{
     position: relative;
    float: left;
    width: 26px;
    height: 40px;
    background-image: url("/imagenes/global/2013/iconoInstagram.jpg");
    margin-top: 10px;
}
.clsSeparadorIconosWeb{
    position: relative;
    float: left;
    width: 5px;
    height: 50px;
}

#sectorMenuPrincipal_internas{
    margin-left: 90px;
}


#labelFormularioNewsletter{
    width: 200px;
    height: 22px;
/*    background-color: yellow;*/
/*    margin-left: 50px;*/
/*    margin-top: 20px;*/
line-height: 22px;
vertical-align:  middle;
text-align:  right;
margin-right: 3px;
color: #DBDCDE;
font-family: "Kabel";
}

#tablaFormularioNewsletter{
    margin-left: 505px;
}

/*#topR1C4{
    height: 18px;
    background-color: red;
}*/

#topR1C4{
     height: 18px;
/*      background-color: red;*/
      margin-top: 20px;
}