html, body	{ margin:0 auto; padding:0px; border:none; font-family:arial; font-size: 12px;}
h1, h2, h3	{ margin:0px; padding:0px; font-weight:normal; font-size: 12px; }
h4, h5, h6	{ margin:0px; padding:0px; font-weight:normal; font-size: 12px;}
p, form	 { margin:0px; padding:0px; }
ul, ol, li	{ margin:0px; padding:0px; list-style:none; }
img	 { border:none; margin:0px; padding:0px; }
a, a:visited, a:hover, a:active	{ 
text-decoration:underline; 
margin:0px; 
padding:0px;
}

input[type=button] {
	-webkit-appearance:none;
}
input[type=submit] {
	-webkit-appearance:none;
}

/* -------------------------------------- LANDINGS VODAFONE 3OPTIN --------------------------------------*/
#box_vod {
	padding: 4px;
    max-width: 480px;
    margin: 0 auto;
    font-size: 14px;
}

#txt_precio_vod {
    font-family: arial;
    text-align: right;
    margin: 5px auto 20px auto;
    font-size: 15px;
}

#txt_precio_vod span {
    font-size: 16px;
    font-weight: bold;
}

#texto_legal_vod {
    text-align: center;
}

#botonVod {
    background: #70507E;
    border: 0 none;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 20px auto;
    padding: 8px 20px;
    position: relative;
    text-align: center;
    width: 80%;
    max-width: 480px;
}

#pie_legal_vod {
    text-align: center;
    margin-top: 80px;
}
/* -------------------------------------- FIN BOTON LANDINGS VODAFONE 3OPTION --------------------------------------*/

/* --------------------------------- ESTILOS COMUNES OPERADORES --------------------------------- */
#cabeceraTop {
    background: white none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    padding: 3px;
    position: relative;
    z-index: 9;
}

#cabeceraLP {
    background-color: white;
    border-bottom: 1px solid #e7e7e7;
    color: black;
    overflow: auto;
    padding: 3px;
}

#cabeceraLPinner {
    margin: 0 auto;
    max-width: 680px;
}

#cabeceraLP #logo {
    float: left;
    max-width: 120px;
    width: 35%;
}

#cabeceraLP #descripcion {
-webkit-text-size-adjust: 100% !important;
    color: #002063;
    float: right !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 12px auto !important;
    text-align: right !important;
    width: 57% !important;
}

#landing img {
    display: block;
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
}

.img_welcome {
    margin: 0 auto;
    max-width: 480px;
    width: 100%;
}

#block {
    display: block;
    margin: 0 auto;
    max-width: 480px;
}

#botonEntrar {
    background: #FF4D3B none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    box-shadow: 0 2px #D63E33;
    color: #fff;
    display: block;
    font-family: arial,verdana;
    font-size: 14px;
    font-weight: bold;
    margin: 15px auto;
    max-width: 200px;
    padding: 10px 0;
    width: 80%;
}

.ok_vod {
    margin: 0 auto;
    max-width: 460px;
    padding: 10px;
    text-align: center;
}

.ok_vod h3 {
    font-size: 16px;
}


#errores {
text-align: center;
font-weight: bold;
}

#reload {
-wbkit-appearance: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#441fff+0,ca3bff+100 */
background: #441fff; /* Old browsers */
background: -moz-linear-gradient(left,  #441fff 0%, #ca3bff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #441fff 0%,#ca3bff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #441fff 0%,#ca3bff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#441fff', endColorstr='#ca3bff',GradientType=1 ); /* IE6-9 */
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 3px 0 #2400c9;
    color: white;
    cursor: pointer;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    margin: 20px auto;
    max-width: 200px;
    position: relative;
    right: 0;
    width: 80%;
}

#precioG {
    display: block;
    margin: 0 auto;
    max-width: 690px;
    text-align: center;
}

/* --------------------------------- ESTILOS WIFI --------------------------------- */

#alta {
    display: block;
    margin: 0 auto;
    max-width: 690px;
    overflow: auto;
    padding: 5px;
    position: relative;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 999;
}

#alta h1 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

#alta h2 {
    font-size: 16px;
    font-weight: normal;
}

#introNum {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: 0 0 1px #c7c7c7 inset;
    color: #444;
    font-size: 18px;
    height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    width: 98%;
}

#botonesPagosWeb {
    margin: 0 auto 15px;
    overflow: auto;
    width: 98%;
}

#botonCancelar {
    border-radius: 10px;
    cursor: pointer;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    padding: 0;
    width: 49%;
  	border: none;
}

#botonPin, #botonPinora {
    border: none;
    border-radius: 10px;
    cursor: pointer;
    float: right;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    width: 49%;
}

#botonEnviar {
    cursor: pointer;
    float: right;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    width: 49%;
    border: none;
    border-radius:10px;
}

#alta h3 {
    font-size: 11.5px;
    margin: 3px auto;
    text-align: center;
}

#precio_ora h3 {
    text-align: center;
}

#condicionesAbajo {
    margin-bottom: 18px;
    margin-top: 0;
    overflow: auto;
    padding: 5px;
}

#condicionesAbajo #left {
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    text-align: left;
}

#condicionesAbajo #right {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

#botonesPagosWebOrange {
        margin: 0 auto 15px;
        overflow: auto;
        width: 98%;
}

    #altaWeb2ora {
        margin: 0 auto;
        max-width: 470px;
        padding: 5px;
    }
    
    #formPin {
        margin: 0 auto;
        max-width: 480px;
        padding: 5px;
        width: auto;
        text-align: center;
    }
    
    #cajaPinora h2 {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }
    
    #introPin {
        background: #f7f7f7 none repeat scroll 0 0;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        box-shadow: 0 0 1px #c7c7c7 inset;
        color: #444;
        font-size: 18px;
        height: 40px;
        margin: 10px auto;
        padding: 0;
        text-align: center;
        width: 98%;
    }
    
    #precio_ora h3 {
        text-align: center;
    }
    #altaWeb2ora h3 {
        font-size: 11.5px;
    }
    
    #botonesPagosWebOrange {
        margin: 0 auto 15px;
        overflow: auto;
        width: 98%;
    }
    
    #contenidoPin {
        margin: 0 auto;
        max-width: 480px;
    }

	#enlacesLegales_wifi{
        text-align: center;   
	}

	#ingresar{
    background: #f61652 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 100px;
    box-shadow: 0 4px 0 #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    margin: 10px auto;
    max-width: 270px;
    position: relative;
    width: 100%;    
	}

	#portallandinggwifi{
     text-align: center;
     text-decoration: underline;    
	}
/* ------------------------------- FIN ESTILOS WIFI --------------------------------- */

/* --------------------------------- ESTILOS ORANGE --------------------------------- */

#descripcion_ora {
    color: #002063;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 16px auto 0;
    text-align: right;
    width: 65%;
}

.botones2 {
    width: 100%;
    margin: 10px auto 20px;
    overflow: auto;
}

.db_boton_cancelar5 {
    border-radius: 10px;
    float: left;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    height: 55px;
    min-height: 30px;
    padding: 0;
    text-align: center;
    text-shadow: none;
    width: 48%;
}

.db_boton5 {
    border-radius: 10px;
    float: right;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    height: 55px;
    min-height: 30px;
    padding: 0;
    text-align: center;
    text-shadow: none;
    width: 48%;
}

#box_orange {
    font-size: 14px;
    margin: 0 auto;
    max-width: 680px;
    padding: 5px;
}

.precio_orange #izq {
    float: left;
}

.precio_orange #der{
    float: none;
    text-align: right;
}

.precio_orange {
    display: block;
    letter-spacing: -0.6px;
    margin: 5px auto;
    overflow: auto;
}

#logoPopup {
    display: block;
    height: 40px;
    margin: 10px auto;
    max-width: 125px;
}

#popup {
    border-radius: 4px;
    display: none;
    left: 0;
    margin: -50px auto;
    max-width: 450px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    width: auto;
    box-shadow: 0 0 10px;
}

#popup #botones {
    margin-top: -50px;
    margin-bottom: 30px;
    overflow: auto;
}

#botones #iz{
    border: 0 none;
    border-radius: 10px;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    height: 55px;
    min-height: 30px;
    padding: 0;
    text-align: center;
    width: 48%;
    float:left;
}

#botones #der{
    border: 0 none;
    border-radius: 10px;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    height: 55px;
    min-height: 30px;
    padding: 0;
    text-align: center;
    width: 48%;
    float:right;
}

#popup h4 {
    font-size: 14px;
    margin: 10px auto 60px;
    text-align: center;
}

.establecimiento {
    clear: both;
    font-family: arial;
    font-size: 12px;
    height: auto;
    text-align: justify;
}

#completadaOrange {
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto;
}

.pie_legal  {
    font-size: 12px;
}
/* --------------------------------- SUBCABECERA QICLUB ORANGE --------------------------------- */
#subcabecera {
    color: white;
    font-size: 15px;
    margin: 0 auto;
    max-width: 690px;
    text-align: center;
    width: 100%;
}


@media screen and (max-width: 415px){
#subcabecera {
    font-size: 12px;
}
}

@media screen and (max-width: 325px){
#subcabecera {
    font-size: 11px;
}
}

/* --------------------------------- FIN ESTILOS ORANGE --------------------------------- */

/* --------------------------------- ESTILOS OK MOVISTAR --------------------------------- */

#okpagosmov {
    display: block;
    margin: 0 auto;
    max-width: 470px;
    padding: 5px;
}

#okpagosmov h3 {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    padding: 0 3px;
    text-align: center;
}

#okpagosmov h2 {
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center;
    margin-top: 5px;
}

#okpagosmov h4 {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 10px auto;
    padding: 0 3px;
    text-align: center;
}

#entrarButton {
    background: #0093a0 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 4px 0 #005360;
    color: #fff;
    border-radius: 4px;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 10px auto;
    max-width: 170px;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 0 #333;
    width: 80%;
}

#infoOkMov #center{
    left: 0;
    margin: 0 auto 10px;
    max-width: 480px;
    position: relative;
    right: 0;
    text-align: center;
}

#infoOkMov #left {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    float: left;
    max-width: none;
    padding: 0;
    text-decoration: underline;
    width: auto;
    font-weight: bold;
}

#infoOkMov #right {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    float: right;
    max-width: none;
    padding: 0;
    text-decoration: underline;
    width: auto;
    font-weight: bold;
}

/* --------------------------------- FIN ESTILOS OK MOVISTAR --------------------------------- */

/* -------------------------------------------------- QUERIES ------------------------------------------------------ */


@media screen and (min-width: 500px) and (max-width: 800px) {

#contenedorAlta {
    float:left;
    max-width: 48% !important;
    width: 100% !important;
}

#legales {
    float:right;
    max-width: 48% !important;
    width: 100% !important;
}

#goMov {
    width: 90% !important;
    max-width: none !important;    
}

#enlacesLegales h2, #enlacesLegales a{
    font-size: 12px !important;
}

#enlacesLegales h2 {
    width: 43% !important;
}

#txt_precio {
    font-size: 13px !important;
}

#box_orange {
    float: right!important;
    font-size: 12px  !important;
    width: 48%  !important;
}

.db_boton5 {
    font-size: 13px !important;
}

}

@media screen and (max-width: 550px) {

#descripcion_ora {
    font-size: 12px;
}

#cabeceraLP #descripcion {
    font-size: 12px !important;
    margin: 15px auto !important;
}

#cabeceraLP #logo {
    max-width: 110px;
}
    
#cabeceraLPinner #descripcionWifi{
    width: 55%;
}

#cabeceraLP #logoWifi {
    width: 45%;
}

#legales {
    display: block;
    margin: 20px auto;
    padding: 3px;
} 

#enlacesLegales {
    margin: 50px auto auto !important;
    max-width: 470px;
    overflow: auto;
    padding: 5px;
}

#enlacesLegales_ok {
    margin: 5px auto auto;
    max-width: 470px;
    overflow: auto;
    padding: 5px;
} 
}