.form-control
{
	border-color: #0A45AD;
    width: 100% !important;
    height: 35px !important;
    max-width: 50% !important;
    font-size: 13px !important;
    border-radius: 10px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.input-group
{
    width: 100% !important;
    padding: 5px;
    margin-top: -15px;
}

.input-group-btn
{
    width: 100% !important;
    margin-top: 10px !important;
}

.btn-cupon
{
	background-color: #0A45AD !important;
	border-radius: 10px !important;
	color: #FFFFFF !important;
    font-size: 12px;
}
a.btn-cupon:hover {text-decoration: none; color: #FFFFFF !important;}

#chek-metodos-pago-titulo-tp
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
    font-weight: bold;
    color: #000000;
    padding: 5px;
}

.btn-whatsapp {
	display:block;
	width:auto;
	height:70px;
	color:#fff;
	position: fixed;
	right:10px;
	bottom:80px;
	border-radius:20%;
	line-height:23px;
	text-align:center;
	z-index:999;
}

#whatsapp-texto
{
 width: 250px;
 height: 20px;
 height: auto;
 position: relative;
 overflow: hidden;
 float: left;
 color: #000;
 font-size: 10px;
 background-color: #CDCDCD;
 border-radius: 7px;
 margin-right: 5px;
 margin-top: 15px;
 font-size: 12px;
 padding: 7px;
 /*box-shadow: 1px 1px 4px #999;*/
}

#whatsapp-icono
{
 width: auto;
 position: relative;
 overflow: hidden;
 float: right;
 padding: 10px;
 cursor: pointer;
}

#whatsapp-img-icono
{
 width: 46px;
 height: auto;
}

#mensaje-aviso
{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #ffb7b7;
	color: #000000;
	padding: 10px;
	font-size: 17px;
	border-radius: 10px;
	margin-bottom: 10px;
	text-align: center;
}

#container
{
	width: 95%;
	height: auto;
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}

#label-titulo
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 25px;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
	font-weight: bold;
}

#label-1
{
	font-size: 15px;
	color: #000;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
}

#control-1
{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

select {
    -webkit-appearance:button !important;
}

.box_2 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	border: thin solid #CCC;
	height: 45px;
	width: 100% !important;
	border-radius: 5px;
	padding-left: 8px;
    background-color: #f9f6f6;
}

#form-cuerpo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    max-width: 570px;
    margin: 0 auto;
}

#form-contenedor-fila
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

#form-contenedor-fila-padd
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 5px;
}

#form-etiqueta-titulo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    padding-left: 10px;
}

#form-etiqueta-subtitulo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    color: #666666;
    padding-left: 10px;
}

#form-etiqueta
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
    color: #000000;
}

#form-control100
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#form-control100-2
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

#form-cell-L
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 5px;
}

#form-cell-R
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    padding: 5px;
}

#form-cell-R-boton
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    padding: 5px;
    text-align: right;
}

#form-cuerpo-step3
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin: 0 auto;
}

#form-step3-L
{
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 10px;
}

#form-step3-L-F1
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #EEEEEE;
    padding: 10px;
}

#form-step3-R
{
    width: 40%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    padding: 10px;
}

#form-etiqueta-step3
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    color: rgb(0, 0, 0);
    font-size: 13px;
    text-decoration: underline;
    padding: 5px;
}

#form-etiqueta-step3-tipo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    color: #666666;
    font-size: 20px;
    padding: 5px;
}

#form-etiqueta-step3-zona
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    color: #999999;
    font-size: 13px;
    padding: 5px;
}

#form-step3-L-F2
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #F7F7F7;
    padding: 10px;
}

#form-step3-L-F3
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 10px;
}

#form-step3-L-F4
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: rgb(225, 232, 235);
    padding: 10px;
}

#form-step3-L-F5
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: rgb(187, 226, 243);
    padding: 10px;
    margin-top: 20px;
}

#form-step3-L-F6
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: rgb(247, 151, 151);
    padding: 10px;
    margin-top: 20px;
}

#form-step3-subfila
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px solid #dfdcdc;
}

#form-step3-subfila-tc
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    line-height: 25px;
    border-bottom: 1px solid #dfdcdc;
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 15px !important;
}

#form-step3-subfila-mensaje
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px solid #dfdcdc;
    font-weight: bold;
    color: #F00;;
}

#form-step3-c1
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    padding: 5px;
}

#form-step3-c2
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    font-size: 14px;
    padding: 5px;
}

#form-step3-subfila-dashboard
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px solid #d96868;
}

#form-step3-c1-dashboard
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    /*font-weight: bold;*/
    font-size: 14px;
    color: #333333;
    padding: 5px;
    font-style: italic;
}

#form-step3-c2-dashboard
{
    width: 80%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    font-size: 14px;
    padding: 5px;
    color: #333333;
}

#form-step3-c3-dashboard
{
    width: 20%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: right;
    font-size: 14px;
    padding: 5px;
}

.link_1
{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #ffffff;
}
a.link_1:hover {text-decoration: none; color: #EEEEEE;}

.total-pagar
{
    font-size: 22px !important;
    font-weight: bold;
    color: #000000;
}

#checkout-center
{
	width: 80%;
	height: auto;
	position:  relative;
	overflow: hidden;
	margin: 0 auto;
}

#check-titulo-R
{
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 45px;
    color: #000000;
}

#check-mensaje-R
{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-bottom: 20px;
	text-align: center;
	color: #999999;
}

#check-mensaje-no-disponible
{
    font-family: 'Roboto', sans-serif;
	font-size: 15px;
    margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	color: #F00;
    font-weight: bold;
}

#mensaje-libro-reclamos
{
    font-family: 'Roboto', sans-serif;
	font-size: 18px;
    margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	color: #F00;
    font-weight: bold;
}

#checkout-center-compra-facil-pasos
{
	width: 70%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

#checkout-pasos
{
	width: 100%;
	height:  auto;
	position: relative;
	overflow: hidden;
}

#checkout-pasos-estado
{
	width: 25%;
	height:  auto;
	position:  relative;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	text-align: center;
}

#check-numero
{
	width: 30%;
	height: 30px;
	float: left;
	color: #FFFFFF;
}

#check-circulo
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	margin: 0 auto;
}

#check-circulo-red
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px;
	background-color:#F00;
	color: #FFFFFF;
	margin: 0 auto;
}

#check-texto
{
	width: 70%;
	height: 30px;
	float: right;
	text-align: left;
	text-align: left;
	font-size: 11px;
	line-height: 30px;
}









#cuenta-cuerpo
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    min-width: 1100px;
}

#cuenta-F1-C1
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F1-C2
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F1-C3
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F1-C4
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F1-C5
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F1-C6
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #333333;
    padding: 5px;
    color: #FFFFFF;
    line-height: 30px;
}

#cuenta-F2-C1
{
    width: 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C2
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C3
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C4
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C5
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C6
{
    width: 10%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #FFFFFF;
    padding: 5px;
    color: #000000;
    line-height: 30px;
}

#cuenta-F2-C1-tipo
{
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
}

#cuenta-F2-C1-zona
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    color: #666666;
    font-size: 13px;
}



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

    #form-step3-L
    {
        width: 60%;
    }

    #form-step3-R
    {
        width: 40%;
    }

}


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

    #form-step3-L
    {
        width: 100%;
    }

    #form-step3-R
    {
        width: 100%;
    }

}


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

.form-control
{
    max-width: 100% !important;
}

#check-numero
{
    width: 100%;
    text-align: center;
}

#checkout-center-compra-facil-pasos
{
    width: 94%;
    margin-bottom: 0px;
}

#check-texto
{
    width: 100%;
    height: 40px;
    line-height: 13px;
    font-size: 9px;
    text-align: center;
    margin-top: 10px;
}

}