@font-face {
	font-family: 'Open-Sans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Open-Sans-Bold";
	src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
font-family: 'Open-Sans-Bold';
src: url('../fonts/OpenSans-Bold.eot'); /* IE */
src: local("OpenSans-Bold"), url'../fonts/OpenSans-Bold.ttf' format("truetype"); /* non-IE */}

@font-face {
font-family: 'Open-Sans-Regular';
src: url('../fonts/OpenSans-Regular.eot'); /* IE */
src: local("OpenSans-Regular"), url'../fonts/OpenSans-Regular.ttf' format("truetype"); /* non-IE */}

.nav>li>a {
    position: relative!important;
    display: block!important;
    padding: 10px 8px!important;
}

#menu{
background-color: #181818!important;
font-family: Open-Sans-Bold;
}

#submenu{
margin-top: 30px;
background-color: #F50026!important;
}

.text-white{
color: white!important;
}

.fondo-rojo{
background-color: #F50026!important;
}

.item{
font-size: 25px;
font-weight: bold;
font-family: Open-Sans-Bold;
}

p{
    font-family: Open-Sans-Regular;
}

.borde-superior{
border-top: 1px solid black;
}

.numero{
font-size: 30px;
font-weight: bold;
margin: 0px!important;
font-family: Open-Sans-Bold;
}

.borde-numero{
border-top: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
}

.borde-gris{
border: 1px solid #D3D3D3;
box-shadow: 0px 5px 5px #888888;
}

.caracteristica{
font-size: 12px;
color: #727272;
padding-bottom:5px;
font-family:Open-Sans-Regular;
}
.caracteristica2{
font-size: 12px;
color: #727272;
font-family:Open-Sans-Regular;
}

.content-caracteristica{
padding: 10px 0px 20px 0px;
}

#content-opciones,#internetfijo,#dosplay,#tripleplay{
padding: 0px 0px 100px 0px;
}

.cbopciones{
background-color: white;
color: #F5002B;
font-size: 18px;
height: 40px;
border: 1px solid #F50026;
border-radius: 6px;
text-align: center;
text-indent: 20%;
font-family: Open-Sans-Bold;
}

select.list option.opcion
{
background-color: white;
color: black;
}

.position-absolute{
position: absolute;
}

.position-relative{
position: relative;
}

.padding-0{
padding: 0px;
}

#fono{
width: 50%;
padding-top: 8%;
padding-bottom: 20%;
}

.info{
color: red;
font-weight: bold;
font-size: 16px;
padding-top: 20px;
}

#descripcion{
padding: 10px 0px 10px 0px; 
}

.btnred{
background-color: red;
border: none;
color: white;
font-size: 14px;
border-radius: 13px;
height: 30px;
}

#correo{
margin-top: 15px;
border: none;
height: 30px;
}

#item2{
margin-top:-21px;
}

#p-item2{
font-size: 25px;
font-weight: bold;
padding: 30px 0px 10px 0px;
text-align: left;
font-family: Open-Sans-Bold;
}

#form-item2{
margin-left: 20px;
}

#footer{
background-color: #F50026;
}

.titulo-submenu{
color: white;
font-weight:bold;
text-align: center;
font-size: 23px;
font-family: Open-Sans-Bold;
}

#content-footer{
padding-top: 30px;
}

.contenido{
text-align: justify;
color: white;
}

.copyright{
padding-top: 20px;
color: #929292;
}

#content-copyright{
padding-bottom: 20px;
}

#cabecera{
z-index: 1;
background-color: white;
height: 60px;
padding-top: 6px;
}

#content-form{
padding-top: 30px;
}

#content-suscri{
display: none;
}

#btn_enviar{
background-color: red;
border-radius: 4px;
border: none;
color: white;
font-size: 18px;
height: 40px;
font-family: Open-Sans-Bold;
}

#especificaciones{
margin-top: 40%;
}

.titulo{
font-size: 28px;
font-weight: bold;
font-family: Open-Sans-Bold;
}

.text-red{
color: red;
}

.caracteristicapre{
font-size: 23px;
font-weight: bold;
font-family: Open-Sans-Bold;
margin-bottom:0px;
}

.titulopre{
padding: 20% 0% 10% 0%;
font-size: 23px;
font-weight: bold;
font-family: Open-Sans-Bold;
border-bottom: 1px solid #888888;
}

.caracteristicados {
	padding: 10% 0% 10% 0%; 
    font-size: 20px;
    color: #727272;
}

#content-button{
padding-top: 3%;
}

.subtitulo{
font-size: 22px;
font-family: Open-Sans-Regular;
}

#cboprincipal{
	background-color: #F50026;
    color: white;
    font-size: 18px;
    height: 40px;
    border: 1px solid red;
    border-radius: 6px;
    text-align: center;
    text-indent: 14%;
	font-family: Open-Sans-Bold;
}

.padding-top-30{
	padding-top: 30%;
}

#promocion{
    padding-top: 5%;
    margin-left: -29%;
	padding-bottom: 11%;
}

#content-planes{
	margin-top: 3%;
}

#banner{
max-width: 104%!important;
}

.menu{
background-color: black;
}

#main-menu {
    float: right;
    margin-top: 30px;
}

#mobile-menu-button {
    float: right;
    width: 44px;
    margin: 20px 16px;
}

#mobile-main-menu {
	display: none;
	background-color: black;
	list-style-type: none;
	padding-left: 0px!important;
	font-family: Open-Sans-Bold;
    margin-top: -5%;
}

#mobile-main-menu a {
	display: block;
	width: 100%;
	padding-top: 2%;
    padding-bottom: 2%;
}

#mobile-main-menu li {
	margin: 0;
}

#mobile-main-menu a:hover {
	color: black!important;
	text-decoration: none;
	background-color: white;
}

.compartir{
    font-family: Open-Sans-Bold;
}

ul#menu>li>a:hover{
color: #727272!important;
}

ul#menu>li>a:after{
color: #727272!important;
}

.btnred {
    background-color: red;
    border-radius: 4px;
    border: none;
    color: white;
    font-size: 18px;
	height: 40px;
    font-family: Open-Sans-Bold;
}

.imgprepago{
padding: 6% 0% 6% 0%;
width: 40%;
}
/**Responsive Design**/
/*moviles*/
@media (max-width: 767px) {
    img#banner-footer-responsive{
        display: block !important;
        width: 100%;
    }
    img#banner-footer-desktop{
        display: none;
    }        
body{
overflow-x: hidden;
}

#promocion {
margin-left: -14%;
}

.subtitulo{
font-size: 16px;
}

.titulo{
font-size: 20px;
}

#especificaciones {
    margin-top: -19%;
}

#cboprincipal{
font-size: 16px;
text-indent: 2%;
}

#banner {
    max-width: 109%!important;
    height: 362px!important;
}

.cbopciones{
	text-indent: 20%;
}

#form-item2{
margin-left: 0px;
}

#p-item2{
text-align: center;
}

#btn_enviar{
margin-top: 5%;
}
.item{
font-size: 21px;
}
.tarifa
{
font-size:16px!important;
}
.caracteristica
{
font-size: 13px!important;
color: #727272;
}
.alturacaja
{
height:550px!important;
}
.alturaboton
{
height:260px!important;
}
.alturacabecera
{
height:200px!important;
}
.heightclarohogar
{
height: 240px!important;
}
.tiempo
{
font-size:12px!important; 
}
.canttiempo
{
font-size:30px!important;
}
}
@media only screen 
 and (max-height: 600px) {

.alturacaja
{
height:520px!important;
}
.alturaboton
{
height:270px!important;
}
.alturacabecera
{
height:170px!important;
}
}
/*@media (min-width: 720px) and (max-height: 735px) {

.alturacaja
{
height:480px!important;
}
.alturaboton
{
height:220px!important;
}
.alturacabecera
{
height:200px!important;
}
}*/
/*tablets*/
@media (min-width: 768px) and (max-width: 991px) {
#location,#telephone,#mensaje{
width: 40%;
}
.cbopciones{
text-indent: -2px;
font-size: 13px;
}

#especificaciones{
margin-top: 14%;
}

#cboprincipal{
text-indent: 26px;
}

#promocion{
padding-bottom: 0%;
}

.titulo-submenu {
font-size: 20px;
}

#location{
height: 50px;
}
.item{
font-size: 21px;
}

.btnred {
font-size:15px;
}
.alturacaja
{
height:900px!important;
}
.alturaboton
{
height:550px!important;
}
.alturacabecera
{
height:250px!important;
}
}

@media screen and (min-width: 600px) and (max-width:650px) {
#cboprincipal {
    font-size: 16px;
    text-indent: 30%;
}

#promocion {
    margin-left: -8%;
}

.cbopciones{
	text-indent: 37%;
}
 }

 @media screen and (min-width: 360px) and (max-width:400px) {
#cboprincipal {
    font-size: 16px;
    text-indent: 10%;
}

.cbopciones{
	text-indent: 23%;
}
 }
 
 
  @media screen and (min-width: 400px) and (max-width:450px) {
#cboprincipal {
    text-indent: 20%;
}

.cbopciones{
	text-indent: 25%;
}
 }
 
 .carousel-control-left {
    padding: 35px;
    background: url("../img/carousel/control-left.png") no-repeat;
}

.carousel-control-right {
    padding: 35px;
    background: url("../img/carousel/control-right.png") no-repeat;
}

.carousel-control.left, .carousel-control.right {
    margin-left: 5px;
    background-image: none;
    filter: none;
    width: 30px;
	top: 45%;
}
.cajaplan:hover, .cajaplan:active{
border: 2px solid red;
}
.tarifa
{
font-size:18px;
}
.alturacaja
{
height:680px;
}
.alturaboton
{
height:330px;
}
.alturacabecera
{
height:190px;
}
.valor
{
font-size:21px;
}
.valor2
{
font-size:10px;
}
.borde-top{
border-top: 1px solid #D3D3D3;
}
.borde-bottom{
border-bottom: 1px solid #D3D3D3;
}
.numerovalor{
font-size: 38px;
font-weight: bold;
margin: 0px!important;
font-family: Open-Sans-Bold;
}
.img-paso3-portabilidad
{
   font-size:20px;
    font-weight:bold;
    margin-left: 15%;
    margin-right:15%;
    color:#fff;
    margin-top: -44%;
    height: 50%;
}
.caracteristicaclarohogar
{
font-size:14px;
font-weight:bolder;
}
.caracteristicaclarohogar2
{
font-size:14px;
font-family:Open-Sans-Regular;
}
.heightclarohogar
{
height:200px;
}
.btnred1{
background-color: #D71C1C;
border: 1px solid #fff;
color: white;
font-size: 18px;
border-radius: 5px;
height: 30px;
} 
.btnred2{
background-color: #C81D1D;
border: 1px solid #fff;
color: white;
font-size: 18px;
border-radius: 5px;
height: 30px;
}
.btnred3{
background-color: #AE1818;
border: 1px solid #fff;
color: white;
font-size: 18px;
border-radius: 5px;
height: 30px;
} 
.numero2{
font-size: 20px;
font-weight: bold;
margin: 0px!important;
font-family: Open-Sans-Bold;
} 
.btngracias1{  
	background-color: #DA262C;
    border: none;
    color: white;
    font-size: 22px;
    //font-family: Roboto-Light;
    height: 45px;
	position:relative;
}
.tiempo
{
    font-size: 14px;
    color: #000;
    padding: 0%;
}
.canttiempo
{
    font-size: 36px;
    color: #000;
    padding: 0%;
}
.modal-title {
	margin:0;
	line-height:1.42857143
}
.ico-title
{
	position: absolute;
	top: 8px;
	left: 10px; 
} 
.ico-title-condiciones
{
	padding: 16px;
	background: url("../img/ico-title-medium.png") no-repeat;
}
.modal-header-alert
{
	padding: 6px 10px 6px 40px;
  background-color: #e9e9e9;
}
.cb-planes{width:100%;height:500px;border:0;margin-top:5%;}