/* ----- HEADER ----- */
body > header {
	position: relative !important;
	left: 0 !important;
	margin-left: 0 !important;
	width: 100% !important;
	top: 0 !important;
}
div.header_top_option {
	height: 5em !important;
	padding: 0.4em 0em 0em 0em !important;
}
#top-list {
	width: auto !important;
	margin: 0em !important;
	left: auto !important;
	right: 0em !important;
	top: 4.6em !important;
	position: initial !important;
}
#top-list ul li a {
	line-height: 1em !important;
}
#filterNav > ul {
	width: 100% !important;
	padding-left: 1em !important;
}
#filterNav > ul li {
	margin: 0.5em 0em !important;
}
#filterNav ul li a {
	font-size: 1.7em !important;
}
#top-list ul li.mivodafone, #top-list ul li.help, #top-list ul li.newsletter {
	padding: 0.4em !important;
}
/* Buscar */
#searchNav #search-form {
	width: 95% !important;
}
#searchNav #search-form input[type="submit"] {
	height: 30px !important;
	width: 10% !important;
}
#searchNav #search-form input[type="search"] {
	width: 90% !important;
}
/* FIN - Buscar */
#navTabs .primary-nav li:first-child {
	margin-left: 0 !important;
}
#navTabs .primary-nav li {
	padding: 1% 2% !important;
}
#navTabs .primary-nav li a {
	font-size: 1.3em !important;
}
#navTabs .secondary-nav {
	padding: 0.3em 1em 0.3em;
}
div.header_top_option > div.header_brand {
	width: auto !important;
	padding: 0 !important;
	/*float: right !important;*/
	margin-right: 0 !important;
}
/* Radio */
body > header #player-s {
	width: 250px !important;
}
#radioNav .yu-tv-msg {
	clear: both !important;
	background: url(../img/bg_yu_tv.png) no-repeat left top !important;
	width: auto;
	padding: 0.7em 0em 0.5em 3em !important;
	margin-top: 0em !important;
	margin-left: 0em !important;
	float: left !important;
}
/* FIN - Radio*/
/*Logos*/
.rhombus{
	height: 20px !important;
	width: 50px !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 1 !important;
}
.rhombus:before, .rhombus:after{
	content: ' ' !important;
	width: 0 !important;
	height: 0 !important;
	border-right: 38px solid transparent !important;
	position: absolute !important;
	top: 0 !important;
}
.rhombus:before {
	left: -22px !important;
	border-left: 38px solid transparent !important;
	border-bottom: 0px !important;
}
.rhombus:after {
	left: 35px !important;
	border-right: 38px solid transparent !important;
}
div.header_top_option {
	/*height: 250px !important;*/
}
img.vodafone_logo_you {
	width: 15em !important;
}
img.vodafone_you {
	width: 4.2em !important;
	height: 4.2em !important;
	top: 1px !important;
	left: 7px !important;
}
/* ----- FIN - HEADER ---- */

/* ----- FOOTER ----- */
footer.main-footer {
	left: 0 !important;
	width: 100% !important;
	margin-left: 0 !important;
	height: 110px !important;
	bottom: 0em !important;
}
/*.push-footer {
	height: 5em !important;
}*/
footer.main-footer li.item1, footer.main-footer li.item2, 
footer.main-footer li.item3, footer.main-footer li.item4 {
	margin: 0em 0.8em 0em 0em !important;
}
footer.main-footer li.item5 {
	clear: inherit !important;
}
footer.main-footer li.item7 {
	clear: both !important;
}
@media screen and (min-width: 40em) {
	footer.main-footer li.item7 {
		clear: inherit !important;
	}
}
/* ----- FIN - FOOTER ----- */

/*	----- MÓDULOS ----- */
/* Contenedores principales */
#main-container{
	width: 100% !important;
	padding: 0 !important;
	position: relative !important;
  	min-height: 100%;
}
.middle-container{
	margin: 0em 0em !important;
	width: 100% !important;
}

@media screen and (min-width: 23em) {
	#cont-box0 article, #container article, #container article.box0, article img {
		width: 48% !important;
		width: calc(49% - 2px) !important;
	}
	div.corner-stamp{
		width: 49% !important;
	}
	img.vodafone_logo_you {
		width: 18em !important;
	}
	footer.main-footer/*, .push-footer*/ {
		height: 13em !important;
	}
}
@media screen and (min-width: 40em) {
	#cont-box0 article, #container article, #container article.box0, article img {
		width: 31% !important;
		width: calc(32% - 2px) !important;
	}
	div.corner-stamp{
		width: 32% !important;
	}
	img.vodafone_logo_you {
		width: 20em !important;
	}
}
@media screen and (min-width: 45em) {
	footer.main-footer/*, .push-footer*/ {
		height: 5em !important;
	}
}
#container div.corner-stamp {
	margin: 0em !important;
}
#container div.corner-stamp article{
	width: 100% !important;
	margin: 0em 0em 1em 0em !important;
}
#cont-box0, #container {
/*	max-width: 69em !important;*/
	width: 100% !important;
	margin: 1em auto !important;
}
#container > article {
	margin: 0em 0em 1em 0em !important;
}

/* Imagen carga*/
div#inifiniteLoader {
	width: 6em !important;
	height: 4em !important;
	padding-top: 1em !important;
	left: 40% !important;
	margin-left: 0em !important;
}
/* Ocultar iconos RRSS*/
/*.prettyContent article.box-main footer .social,
.fullcontent2  article.box footer .facebook ,
div.socialItems {
	display: none !important;
}*/
.tuenti-share-button{
	width: auto !important;
}
/*	----- FIN - MÓDULOS ----- */
/* ----- LIGHTBOX ----- */
/* PrettyPopin */
.prettyPopin{
	width: 95% !important;
	top: 10em !important;
	max-width: 42em !important;
}
.prettyPopin .prettyContent .prettyContent-container, .fullcontent2 article.box {
	width: 100% !important;
}
.prettyContent *{
	max-width: 100% !important;
}
.prettyContent section.fullcontent{
	padding: 5.5em 0em 1em 0em !important;
}
.prettyContent section.fullcontent.fullcontent2 {
	padding: 1em 3% !important;
	width: 93% !important;
}
.prettyContent section.fullcontent, .prettyContent #media_player_container iframe, 
.prettyContent article.box-main img.thumb, .prettyContent article.box-main footer, 
.prettyContent article.box-main header h2, .prettyContent article.box-main .content, 
.prettyContent article.box-main .content{
	width: 100% !important;
}
.prettyContent article.box-main {
	width: 94% !important;
	padding: 0em 3% !important;
}
.prettyContent article.box-main p.button a {
	font-size: 1.2em !important;
}
.prettyPopin a#b_close {
	width: 5em !important;
	height: 5em !important;
}
.prettyContent article.box-main header h2, .prettyContent h2 {
	font-size: 2em !important;
}
.prettyContent article.box-main .content {
	padding: 0px !important;
}
p.related {
	font-size: 2em !important;
}
/* Type2 */
.prettyContent .fullcontent article.alpha.box-main {
	padding: 0em 3% 1em 3% !important;
}
.prettyPopin.Type2 .prettyContent article.box-main p.button a {
	display: block !important;
}
.prettyContent article.box-main img.thumb {
	max-width: 100% !important;
}
.prettyContent section.fullcontent2 article header img {
	max-width: 100% !important;
	width: 100% !important;
}
/* Producto*/
#sectionProducto {
	width: 100% !important;
	padding: 5.5em 0em 0em 0em !important;
}
#sectionProducto .sectionBlock {
	float: left;
	width: 100% !important;
	display: block;
	padding: 0;
}
#sectionProducto .sectionBlockLeft, 
#sectionProducto .sectionBlockRight{
	width: 100% !important;
}
#sectionProducto .sectionBlockRight .infoProducto{
	padding: 1em 0em 0em 0em !important;
	width: 100% !important;
}
#sectionProducto .sectionBlockLeft .mediaProducto {
	padding: 1em !important;
}
#sectionProducto .sectionBlockLeft  .mediaProducto .mediaPrincipal, 
#sectionProducto .sectionBlockLeft .mediaProducto .mediaPrincipal img{
	width: 100% !important;
}
#sectionProducto .sectionBlockLeft .mediaProducto .mediaThumbs{
	width: 100% !important;
}
#sectionProducto .sectionBlockLeft .mediaProducto .socials {
	padding: 1em 0em !important;
	width: 100% !important;
}
#sectionProducto .sectionBlockLeft .mediaProducto .socials .viewers{
	padding-left: 2em !important;
	margin-left: 1em !important;
}
#sectionProducto .sectionBlockRight .infoProducto .textBlock{
	width: 93% !important;
	padding: 1em !important;
	margin-bottom: 0px !important;
}
#sectionProducto .sectionBlockRight .sectionBlock ul.seccion_cat {
	margin: 0em !important;
	padding: 0em !important;
}
.prettyContent ul.seccion_cat {
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0 5%;
	width: 90%;
}
#sectionProducto .sectionBlockRight .sectionBlock ul.seccion_cat li {
	width: 93% !important;
	padding: 1em !important;
}
#sectionProducto .sectionBlockRight .sectionBlock {
	width: 100% !important;
	padding: 0em !important;
}

/* Aplicación */
#sectionAplicacion, #os_android, #os_blackberry, #os_ios, #os_windows {
	width: 100% !important;
}
#sectionAplicacion section.infoAplicacion {
	padding: 5em 1em 1em 1em !important;
	width: 93% !important;
}
#sectionAplicacion section.infoAplicacion img {
	margin: 0em 0em 1em 0em !important;
	width: 100% !important;
}
#sectionAplicacion div.info div.button {
	position: relative !important;
}
#sectionAplicacion div.info {
	min-height: 0em !important;
	width: 100% !important;
	padding-bottom: 0em !important;
}
#sectionAplicacion section.detalleAplicacion {
	padding: 1em !important;
	width: 93% !important;
}
#sectionAplicacion section.mediaAplicacion {
	width: 93% !important;
	height: 100% !important;
	padding: 1em !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage{
	width: 100% !important
}
#sectionAplicacion section.mediaAplicacion div.mediaImage a.mediaPrev, 
#sectionAplicacion section.mediaAplicacion div.mediaImage a.mediaNext {
	width: 35px !important;
	height: 345px !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage a.mediaNext {
	position: relative !important;
	right: 0em !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage div.image {
	padding: 0em 0em 0em 3.5em !important;
	height: 40em !important;
	width: 21em !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage div.image div.mySwipe{
	width: 100% !important;
	height: 100% !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage div.image div.mySwipe div{
	min-height: 100%!important;
	min-width: 100%!important;
	width: 100% !important;
	height: 100% !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage div.image nav {
	height: 3em !important;
	width: 100% !important;
	float: left !important;
}
#sectionAplicacion section.mediaAplicacion div.mediaImage img {
	width: 100% !important;
	height: 100% !important;
}
#sectionAplicacion section.opcionesAplicacion .textBlock {
	width: 91% !important;
	padding: 0em 1em 1em 1em !important;
}
#sectionAplicacion section.opcionesAplicacion {
	width: 100% !important;
	padding: 2em 0em 0em 0em !important;
}
#sectionAplicacion section.opcionesAplicacion .textBlock ol {
	margin: 4em 0 0 0 !important;
}
#sectionAplicacion section.opcionesAplicacion .textBlock ol li {
	margin-bottom: 1em !important;
}

/* Tarifa */
#sectionTarifa .sectionBlockLeft, 
#sectionTarifa .sectionBlockRight,
#sectionTarifa .sectionBlock{
	width: 100% !important;
}
#sectionTarifa  .special {
	padding: 5.5em 1em 1em 1em !important;
}
#sectionTarifa .special.contratar .socials {
	width: auto !important;
}
#sectionTarifa .sectionBlockLeft .special.contratar{
	padding-top: 2em !important;
	width: 93% !important;
}
#sectionTarifa .sectionBlockRight .special.otrasTarifas, 
#sectionTarifa .sectionBlockRight .special.terminales{
	padding-top: 2em !important;
}
#sectionTarifa .sectionBlock .faqTarifas ul {
	padding: 0em !important;
}

/* Mi Vodafone*/
.prettyContent section.middlecontent {
	width: 92% !important;
	padding: 5em 1em 1em 1em !important;
}
.prettyContent section.middlecontent2, .prettyContent section.middlecontent3 {
	width: 92% !important;
	padding-top: 1em !important;
}
.prettyContent section.middlecontent3 > a {
	margin: 0em !important;
}
/* Ayuda */
.prettyContent .fullcontent6 h2.related {
	padding: 0 1em !important;
}
.prettyContent .fullcontent6 ul.contacta {
	padding: 0 2em !important;
}
.prettyContent .fullcontent6 ul.contacta > li:first-child {
	padding-right: 0 !important;
}
/* ----- FIN - LIGHTBOX ----- */

/* ----- COOKIES ----- */
.btn {
	width: 100% !important;
}

.btn-sml {
padding: 9px 0em !important;
}

.cookies-policy {
	margin: 0 2em 0 2em !important;
	padding: 30px !important;
}

.cookies-policy .h6 {
  font: 700 12px/1.3 Arial,sans-serif !important;
  margin: 0 0 0 0px !important;
}

.cookies-policy p {
  font-size: 10px !important;
}

.btn-sml {
  font-size: 12px !important;
}

/*Banner superior para App*/

.top-banner .banner-text {display:none !important;}
.top-banner .banner-text span {display:block !important;font-weight: 700 !important;}
.top-banner .banner-img {display:none !important;}
.top-banner .banner-link {display:none !important;}
.top-banner .banner-close {display:none !important;}
.top-banner{position:relative !important;top:0 !important;width: 100% !important;margin:0 0 0 0 !important;border:none !important;background-color:white !important;padding: 5em 0 0 0 !important;}
.top-banner .content{display:block !important;width:100%;background:url("/static/img/banner-mobile.png") no-repeat;background-size:360px 52px;}
.top-banner .content .text{display:block;float:left;width:40%;color:#e91212;font-size:1.8em;padding: 10px 0 0 65px;}
.top-banner .content .text span{display:block;font-weight: 700}
.top-banner .content .imagen{display:block;float:left;width:35%;}
.top-banner .content .imagen img{width:100%;}
.top-banner .content .close{display:block;float:right;margin-top:15px;margin-right: 5px;}
.top-banner.clearfix{height: 100%!important;}

.cookies-policy-container ~ .top-banner.clearfix {
  margin: 0 0 0 0 !important;
}

@media only screen and (max-width: 370px) {
	.top-banner .content{display:block !important;width:100%;background:url("/static/img/banner-mobile.png") no-repeat;background-size:90%;}
	.top-banner .content .text {font-size: 1.4em;padding: 10px 0 0 46px;}
}

@media only screen and (min-device-width: 450px) and (max-device-width: 960px) {
	.top-banner .content{background-size:430px 52px;}
}

/* Newsletter */

.prettyPopin section.newsletter {
	width:75% !important;
}
.prettyPopin section.footer {
	width:75% !important;
}
.prettyPopin section.newsletter .icoNews {
  	padding-top: 4em !important;
}

/* Banner descarga app */
.prettyPopin section.footer {background-size: 75%;}