@charset "utf-8";
/* CSS Document */

@import url("/Shared/css/font-face/DIN-Font.css");

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333;
	background: #2B6481;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.pad-bottom10 {padding-bottom:10px;}
.pad-bottom20 {padding-bottom:20px;}
.pad-top10 {padding-top:10px;}
.pad-top20 {padding-top:20px;}
.Box h1.marg-bottom5 {margin-bottom:5px;}
.Center {
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 5px;
}
.Left {float:left;}
.Box {
	background-color: #FFF;
	position: relative;
	height: 310px;
	min-height: 320px;
	width: 440px;
	margin: 40px auto 0;
	text-align: center;
	display: table;
	box-shadow: 0px 0px 4px #004053;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.Box div {display:table-cell; vertical-align:middle;}
.Box h1 {
	font: 22px/28px "DTV-DIN-MEDIUM";
	letter-spacing: -0.025em;
	text-align:center;
	margin: 0 0 20px;
}
.Box h1.Mag5 {margin: 0 0 5px;}
.Box p {
	font: 14px/22px Arial;
	color: #333;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.Box p.small {
	font: 12px/14px Arial;
	color: #333;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.Box p.small a {
	color: #00aeef;
	font: inherit;
	font-weight: bold;
	background: none;
	text-align: inherit;
	text-shadow: none;
	width: initial;
	display: initial;
}
.Box a {
	margin:0 auto;
	background: #74777b;
	font: 16px/16px Arial;
	text-align: center;
	display: block;
	text-decoration: none;
	width: 180px;
	padding: 11px 0;
	color: #FFF;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow:0 0 4px #525558;
}
.Box a:hover {background:#4C4E51;}
.Box a#clientelink, .Box a.Blue {
	background: #0573AE; 
	margin-bottom: 10px;
	text-shadow:0 0 4px #045A88;
}
.Box a:hover#clientelink, .Box a:hover.Blue {background:#005083;}
.Box a, .Box a:hover {
	-webkit-transition: background linear .2s;
	-moz-transition: background .2s ease;
	-o-transition: background linear .2s;
	transition: background linear .2s;
}
.No-Mostrar {display:none !important;}
.Box .Msn h2 {
	font: 18px/22px "DTV-DIN-MEDIUM";
	color: #4C4C4C;
	letter-spacing: -0.025em;
	text-align: left;
	margin: 20px 0 5px;
	padding-left: 10%;
}
.Box .Msn p {
	font: 14px/20px Arial;
	color: #666;
	width: 80%;
	padding: 0 10%;
}
.Box .Msn p.pad-bottom20 {padding-bottom:20px;}
.Box ul.list {
    margin: 0;
    padding: 0 0 0 20px;
}
.Box ul.list li {
    font: 12px/16px Arial;
    text-align: left;
    list-style: none;
    margin: 0;
}
.Box div.Box-Links {
	display: block;
	margin: 0 auto;
	width: 290px;
}
.Box div.Box-Links a {width:140px; margin-bottom: 0;}
.Box div.Box-Links a.marg-right {margin-right:10px;}

a.reset-btn {
    font-weight: bold !important;
    transition: none;
    background: none;
    text-shadow: none;
    font: inherit;
    color: #00aeef;
    text-align: inherit;
    padding: 0;
    display: inline;
    width: initial;
    border-radius: inherit;
    margin: 0;
}
a:hover.reset-btn {
	transition: none;
  background: none;
	color: #058ab5;
}
.marg-bottom {margin-bottom: 10px !important;}
div.Si-txt:before {content:'Si';font: 16px/16px Arial; text-align: center;}
div.No-txt:before {content:'No';font: 16px/16px Arial; text-align: center;}
div.Yes-txt:before {content:'Yes';font: 16px/16px Arial; text-align: center;}
div#lpButton2, div#lpVentasTelestant, div#lpVentasPruebaControl, div#lpVentasPruebaNueva, div#lpButton4, div.Btn-Blue, div#lpVentasInternet {
	margin: 0 auto;
	background: #0573AE;
	display: block;
	text-decoration: none;
	width: 180px;
	height: 28px;
	padding: 11px 0 0;
	color: #FFF;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0 0 4px #525558;
}
div#lpButton2:hover, div#lpVentasTelestant:hover, div#lpVentasPruebaControl:hover, div#lpVentasPruebaNueva:hover, div#lpButton4:hover, div.Btn-Blue:hover, div#lpVentasInternet:hover {
	background: #005083;
	-webkit-transition: background linear .2s;
	-moz-transition: background .2s ease;
	-o-transition: background linear .2s;
	transition: background linear .2s;
}
div#lpButton2 div, div#lpVentasTelestant div, div#lpVentasPruebaControl div, div#lpVentasPruebaNueva div, div#lpButton4 div, div.Btn-Blue div, div#lpVentasInternet div {
	width: 100% !important;
	position: absolute !important;
	height: 40px !important;
	top: 0 !important;
}
div#lpButton2:before, div#lpVentasTelestant:before, div#lpVentasPruebaControl:before, div#lpVentasPruebaNueva:before, div#lpButton4:before {
	content:'No';
	font: 16px/16px Arial;
	text-align: center;
}

div#lpVentasInternet:before {
	content:'Si';
	font: 16px/16px Arial;
	text-align: center;
}

#lpButton2.forzarestilo, #lpVentasTelestant.forzarestilo, #lpVentasPruebaControl.forzarestilo, #lpVentasPruebaNueva.forzarestilo, #lpVentasInternet.forzarestilo {
	margin: 0 auto;
	background: transparent;
	display: block;
	text-decoration: none;
	width: 100%;
	height: 0;
	padding: 0;
	color: transparent;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: none;
}
#lpButton2.forzarestilo:before, #lpVentasTelestant.forzarestilo:before, #lpVentasPruebaControl.forzarestilo:before, #lpVentasPruebaNueva.forzarestilo:before { display:none !important;}

div#lpVentasInternet {
	margin-bottom: 10px;
}

.Btn-Blue-style {
	width: 180px;
	display: block !important;
	margin: 0 auto;
	height: 86px;
}

.Btn-Blue-style div div {
	background: #0573AE !important;
	margin: 0 auto 10px !important;
	font: 16px/16px Arial !important;
	text-align: center !important;
	display: block !important;
	text-decoration: none !important;
	width: 180px !important;
	height:auto !important;
	padding: 11px 0 !important;
	color: #FFF !important;
	position: relative !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;  
	text-shadow: 0 0 4px #045A88 !important;
	cursor:pointer !important;
}
.Btn-Blue-style #lpButton div:before {
	content:'Prepago';
}
.Btn-Blue-style #lpButtonAbono div:before {
	content:'Abono mensual';
}
.Btn-Blue-style #lpButtonAbono {display: block;}

@media screen and (max-width: 400px) {
	.Box.UY {height: 400px;}
	.Box.UY div.Box-Links a {width: 120px; font-size: 14px;}
	.Box.UY div.Box-Links {width: 250px;}
}
@media  screen and  (min-width: 320px) and (max-width: 500px)  {
	.Box {width:90%;}
	.Box.UY {height: 400px;}
	.Box.UY div.Box-Links a {width: 120px; font-size: 14px;}
	.Box.UY div.Box-Links {width: 250px;}
	.Box h1 {font: 18px/22px "DTV-DIN-MEDIUM";}
	.Box .Msn h2 {font: 16px/20px "DTV-DIN-MEDIUM";}
	.Box .Msn p {font-size:12px; line-height:18px;}
}


