@charset="UTF-8"

@font-face {
  font-family: 'movistar_headlinebold';
  src: url("fonts/movistarheadline-bold-webfont.eot");
  src: url("fonts/movistarheadline-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/movistarheadline-bold-webfont.woff") format("woff"), url("fonts/movistarheadline-bold-webfont.ttf") format("truetype"), url("fonts/movistarheadline-bold-webfont.svg#movistar_headlinebold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'movistar_headlineregular';
  src: url("fonts/movistarheadline-regular-webfont.eot");
  src: url("fonts/movistarheadline-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/movistarheadline-regular-webfont.woff") format("woff"), url("fonts/movistarheadline-regular-webfont.ttf") format("truetype"), url("fonts/movistarheadline-regular-webfont.svg#movistar_headlineregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'movistar_textbold';
  src: url("fonts/movistartext-bold-webfont.eot");
  src: url("fonts/movistartext-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/movistartext-bold-webfont.woff") format("woff"), url("fonts/movistartext-bold-webfont.ttf") format("truetype"), url("fonts/movistartext-bold-webfont.svg#movistar_textbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'movistar_textregular';
  src: url("fonts/movistartext-regular-webfont.eot");
  src: url("fonts/movistartext-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/movistartext-regular-webfont.woff") format("woff"), url("fonts/movistartext-regular-webfont.ttf") format("truetype"), url("fonts/movistartext-regular-webfont.svg#movistar_textregular") format("svg");
  font-weight: normal;
  font-style: normal; }


.reset{margin: 0; padding: 0;}

body{
font-family: 'movistar_textregular';
font-size: 16px;
color: #19638b;
}
figure{width: 100%;}
.content{
width: 1170px;
max-width: 1160px;
height: auto;
margin: auto;
}
.caja-100{
width: 100%;
height:auto; 
}
.texto-banner{ 
margin: -350px 45px;
width: 60%;
}
.titular1{
font-family: 'Movistar_HeadlineRegular';
color: #0e466f;
font-size: 3em;
}
.titular2{
font-size: 1.5em;
color: #40bbd0;
text-transform: uppercase;
}
.direccion{font-size: 1.3em;}
.cont-tabl{width: 100%;
margin-top: 500px;}
.encabezado{
background: #40bbd0;
width: 100%;
color: #fff;
}
.encabezado-10{width: 9%;}
.encabezado-12{width: 11%;}
.encabezado-15{width: 20%;}
.dark_cell{
background: #e4e4e4;
padding: 10px;
box-sizing: border-box;
font-size: 0.8em;
}
.light_cell {
padding: 10px;
box-sizing: border-box;
font-size: 0.8em;
}
.table-responsive{
visibility: collapse;
display: none;
margin-top: 350px;
width: 90%;
padding: 20px;
}

@media screen and (max-width: 1024px){
.content{
width: 1000px;
max-width: 1024px;
margin: auto;
}
.caja-100{width:90%;}
img{width: 100%;}
.texto-banner{margin: -280px 45px;}
.titular1{font-size: 2.3em;}
.titular2{font-size: 1.2em;}
.direccion{font-size: 1em;}
.cont-tabl{margin-top: 400px;}
}

@media screen and (max-width: 870px){
.texto-banner{margin: -170px 45px; width: 50%;}
.titular1{font-size: 1.8em; margin:0; line-height:1.2em;}
.cont-tabl{margin-top: 250px;}
}

@media screen and (max-width: 800px){
.content{
width: 780px;
max-width: 800px;
margin: auto;
}
.caja-100{width: 95%;}
.dark_cell{font-size: 0.8em;}
.light_cell {font-size: 0.8em;}
.encabezado-10{width: 8%;}
.encabezado-12{width: 15%;}
.encabezado-15{width: 20%;}
.texto-banner{margin: -200px 45px;}
.titular1{font-size: 1.5em;}
.titular2{font-size: 0.9em;}
.direccion{font-size: 0.8em;}
.cont-tabl{margin-top: 300px;}
.table-responsive{visibility: hidden; }
}

@media screen and (max-width: 780px){
.cont-tabl{margin-top:280px;}
.texto-banner{margin: -170px 45px;}
.titular1{font-size: 1.8em;}
.titular2{font-size: 1em;}
.direccion{font-size: 0.8em;}
}

@media screen and (max-width: 768px){
.cont-tabl{margin-top:250px;}
}	


@media screen and (max-width: 650px){
.texto-banner{margin: -150px 30px;}
.titular1{font-size: 1.5em; margin:0; line-height:1.2em;}
.cont-tabl{margin-top: 200px; font-size: 0.9em;}
}

@media screen and (max-width: 600px){
.content{margin: 0;}
.table-responsive{
visibility: visible; 
display: block; 
margin-top: 200px;
padding: 0 25px;
box-sizing: border-box;
}
.cont-tabl{visibility: hidden; display: none;}
img{width: 105%;}
}

@media screen and (max-width: 540px){
.texto-banner{margin: -130px 25px;}
.titular1{font-size: 1.2em;}
.titular2{font-size: 0.9em;}
}

@media screen and (max-width: 500px){
.content{
width: 480px;
max-width: 495px;
}
.caja-100{width:90%;}
figure{width: 480px; overflow: hidden;}
img{width: 250%;}
.texto-banner{margin: -230px 20px; width: 110%;}
.titular1{font-size: 2em;}
.titular2{font-size: 1.5em;}
.direccion{font-size: 0.9em;}
.table-responsive{margin-top: 400px;}
}

@media screen and (max-width: 400px){
.content{
width: 390px;
max-width: 400px;
}
.caja-100{width:90%;}
figure{width: 385px; overflow: hidden;}
.titular2{font-size: 1.2em;}
.table-responsive{margin-top: 350px;}
}

@media screen and (max-width: 370px){
.content{
width: 360px;
max-width: 370px;
}
figure{width: 340px; overflow: hidden;}
}

@media screen and (max-width: 360px){
figure{width: 400px; overflow: hidden;}
}

@media screen and (max-width: 320px){
.content{
width: 300px;
max-width: 315px;
}
.caja-100{width:90%;}
figure{width: 300px; overflow: hidden;}
.texto-banner{margin: -180px 20px; width: 100%;}
.titular1{font-size: 1.7em;}
.titular2{font-size: 1.1em;}
.table-responsive{margin-top: 250px;}
}