/* 
 *****************************************************************************************************************
 * GLOBAL
 *****************************************************************************************************************
 */
html,
body {
    height: 100%;
}
footer.main-footer .legend span, footer.main-footer .legend a {
	color: #ccc !important; 
}

/* 
 *****************************************************************************************************************
 * DIMENSION Y POSICION NUEVA DE HEADER / FOOTER / MAIN CONTENT
 *****************************************************************************************************************
 */
 
header{position:relative;}

.pageSimple header {z-index: 1;}
 
#main-container   {
  min-height: 100%;
  height: auto !important;
  box-sizing: border-box;
  margin-bottom: -20px;
}
 
div.header_top_option {
	float: right;
	width: 100%;
}

div.header_top_option.proceso_header {
	height: 65px !important;
}

footer.main-footer {
	background: #434343;
	padding: 8px 0;
	overflow: hidden;
	font-size: 12px;
}

footer.main-footer/*, .push-footer*/ {
	height: 3em;
}

footer.main-footer .nav-bar li.socialMedia{
	float: right;
	padding-right:0;
	padding-top:0;
}
footer.main-footer .nav-bar li.socialMedia ul{
	width:180px;
}
footer.main-footer .nav-bar li.socialIcon{
	padding:0 10px;
	border-right:1px solid #515151;
	height:20px;
	margin:5px 0;
}
footer.main-footer .nav-bar li.socialIcon img{
	height:20px;
}
footer.main-footer .nav-bar li.socialIcon:last-child{
	border-right:0px solid #515151;
}
footer.main-footer .nav-bar li.copyrightInfo{
	padding-left:1px;
}
.pageSimple footer.main-footer .nav-bar li.copyrightInfo {
  width: 100%;
}
footer.main-footer .nav-bar li a.vodafone{
	display:inline;
	color:#ccc !important;
}
div.header_top_option > div.header_brand{
	text-align:right;
}
div.header-banner{
	position:relative;
	height:200px;
	width: 100%;
}

div.header-banner .header-banner-img{
  width: 90%;
  text-align: right;
  padding-left: 30px;
  float: right;
  border-top: 1px solid #ccc;
}

div.header-banner .header-banner-text{
	position:absolute;
	width:100%;
	text-align:left;
	z-index:110;
	margin-top:50px;
	font-size:3em;
	font-weight:bold;
	text-transform:uppercase;
}
.redText{
	color:#e30b17;
}

@media only screen and (max-width: 719px) {
	body  {
		width: 100% !important;
	}
	body > header {
		width: 100% !important;
	}
	.main-container   {
		width: 100% !important;
	}
	.middle-container{
	    width: 100% !important;
		margin: 0 !important;
	}
	footer.main-footer {
		width: 100% !important;
	}
	div.header_top_option > div.header_brand {
		width: auto !important;
		padding: 0;
		margin-right: 5px !important;
		margin-left:60px !important;
	}
	img.vodafone_logo_you {
		width: 195px;
	}
	div.header_top_option > div.clearfix {
		width: auto !important;
		padding-left: 70px;
	}
	body > header #player-s {
		float: none;
	}
	.main-container {
		padding: 70px 10px 10px !important;
	}
	div.header-banner .header-banner-text{
		text-align:left;
		margin-top: 40px;
	}
	p.only-sml {
	  padding: 0;
	  margin: 0;
	}
	footer.main-footer .nav-bar li{
    	padding: 0;
	}
	footer.main-footer .nav-bar li.socialMedia, footer.main-footer .nav-bar li.legalInfo, footer.main-footer .nav-bar li.copyrightInfo {
		display:block;
		width:100%;
		padding:1em 1em;
	}
	footer.main-footer .nav-bar li.legalInfo{
		padding:1em 1em;
	}
	footer.main-footer .nav-bar li.socialMedia{
		float:left;
		padding-left:1em;
		position:absolute;
		top: 70px;
	}
	footer.main-footer .nav-bar{
		max-width:80%;
		display:block;
		float:none;
		margin:0 auto;
	}
	footer.main-footer .nav-bar #nav-footer{
		max-width:100%;
		position:relative;
		height:65px;
	}
	.only-lrg{
		display:none;
	}
	footer.main-footer .nav-bar li a.vodafone{
		display:inline-block;
		font-weight:bold;
	}
}
 
@media only screen and (min-width: 720px) and (max-width: 949px) {
	body > header {
		position: relative !important;
		left: 50% !important;
		width: 710px !important;
		margin-left: -355px !important;
	}
	div.header_top_option div.header_brand, div.header_top_option div.clearfix {
		width: 640px;
	}
	div.header_top_option > div {
		padding-left: 30px;
	}
	.main-container {
		position: relative;
		width: 90% !important;
	}
	footer.main-footer {
		position: relative !important;
		left: 50% !important;
		width: 710px !important;
		margin-left: -355px !important;
	}
	footer.main-footer .nav-bar li.copyrightInfo{
		width:60%;
		padding-bottom:0;
	}
	footer.main-footer .nav-bar li.copyrightInfo .vodafone{
		font-weight:bold;
	}
	footer.main-footer .nav-bar li.legalInfo{
		width:60%;
		padding:10px 0 0 0;
	}
	footer.main-footer .nav-bar li.legalInfo .legend{
		padding-right:40px;
	}
	.only-sml{
		display:none;
	}
}

@media only screen and (min-width:950px) and (max-width: 1199px) {
	body > header {
		position: relative !important;
		left: 50% !important;
		width: 980px !important;
		margin-left: -480px !important;
	}
}

@media only screen and (min-width:950px) {
	div.header_top_option > div.header_brand {
		padding-left: 30px;
	}
	.main-container {
		width: 100% !important;
		position: relative;
	}
	#main-container {
		width: 100% !important;
	}
	#container {
		left: 5px;
	}
	footer.main-footer {
		position: relative !important;
		width: 100%;
	}
	footer.main-footer .nav-bar li,footer.main-footer .nav-bar li.legend {
		padding-right:40px;
	}
	footer.main-footer .nav-bar li.copyrightInfo{
		width:55%;
	}
	footer.main-footer .nav-bar li.legalInfo{
		float:right;
		padding-right:0;
		padding-top:0;
	}
	.only-sml{
		display:none;
	}
	
	div.header-banner .header-banner-text {
	  margin-top: 95px;
	  margin-left: 59.5px;	  
	}
}


@media screen and (min-width: 1400px) {
	body header {
		position: relative !important;
		left: 50% !important;
		width: 1200px !important;
		margin-left: -600px !important;
	}
	
	footer.main-footer .nav-bar{
		float:none;
		width:1200px;
		margin:0 auto;
	}
	
	.rhombus {
	  left: -1085px !important;
	  width: 1070px !important;
	}
	
	div.header_brand img.vodafone_you {
	  left: -35px;
	}
}

@media screen and (max-width: 1399px) and (min-width: 900px) {
	body header {
		position: relative !important;
		left: 50% !important;
		width: 900px !important;
		margin-left: -450px !important;
	}
	
	footer.main-footer .nav-bar{
		float:none;
		width:900px;
		margin:0 auto;
	}
	
	.rhombus {
	  left: -1078px !important;
	  width: 1070px !important;
	}
	
	div.header_brand img.vodafone_you {
	  left: -30px;
	}
	
	.cookies-policy{
		margin: 0;
	}
	
	.show-it{
		left: 50%;
	    margin-left: -450px;
	    width: 900px;
	}
}

@media screen and (max-width: 899px) and (min-width: 768px) {
	body header {
		position: relative !important;
		left: 50% !important;
		width: 768px !important;
		margin-left: -382px !important;
	}
	
	footer.main-footer .nav-bar{
		float:none;
		width:768px;
		margin:0 auto;
	}
}

/* 
 *****************************************************************************************************************
 * NUEVO LOOK DE MENU SUPERIOR
 *****************************************************************************************************************
 */
#top-list { margin: 5px 0 0 0; padding: 0; position: absolute; float: right; display: block; width: 100%; }
#top-list ul li { padding: 0 10px !important; }
#top-list ul li:last-child { padding-right: 0 !important; }
#top-list ul li:first-child { border-right: 1px solid #404042; }
#top-list ul li:nth-child(2) { border-right: 1px solid #404042; }
#top-list ul li a { padding: 0 !important; border: none !important; font-size: 1.2em; color: #333; margin: 0 !important;}
#navTabs .primary-nav  li { display: block; float: left; padding: 4px 25px; background: #676767; margin-left: 2px; }
#navTabs .primary-nav  li:first-child { margin-left: 120px; }
#navTabs .primary-nav  li.ui-state-active { background: #999999; }
#navTabs .primary-nav  li a { color: white; font-weight: bold; font-size: 1.4em; }
#navTabs .tabContent { border-top: 1px solid #999999; }
#navTabs .secondary-nav { display: none; min-height: 32px;  padding: 6px 30px 6px;background: #999999; background: -moz-linear-gradient(top, #999999 0%, #999999 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#999999)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #999999 0%,#999999 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #999999 0%,#999999 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #999999 0%,#999999 100%); /* IE10+ */background: linear-gradient(to bottom, #999999 0%,#999999 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-9 */}
#searchNav { text-align: center;}
#searchNav #search-form {float: none; margin: 0 auto; width: 440px; }
#searchNav #search-form input { padding: 0 !important; }
#searchNav #search-form input[type="search"] { width: 400px; background: white; height: 30px;text-align: center;float: left;padding: 0;margin: 0; font-size: 1.7em;	color: black;	}
#searchNav #search-form input[type="submit"] {	background: url("../img/search_form_lupa_new.png") no-repeat center center #676767;	border: 1px solid white;float: left;height: 30px;width: 30px;margin: 0;}
#filterNav > ul li { display: block; float: left; margin: 5px 5em 0 0; }
#filterNav > ul li:last-child { margin-right: 0; }
#filterNav ul li label { font-weight: bold; font-size: 1.6em; padding-left: 4px; cursor: pointer !important; } 
#filterNav .radio label { color: #FFB713; }
#filterNav .vivelo label{ color: #80B421; }
#filterNav .apps label { color: #CC28F9; }
#filterNav .tarifas label { color: #E60000; }
#filterNav input[type=checkbox] { display: inline; height: 14px !important; width: 14px !important; -webkit-appearance: checkbox !important;}
#filterNav select#sort { float: right; background: #999999; border: 1px solid white; color: white; padding: 4px 5px; font-size: 1.3em; width: 125px; }
#radioNav .yu-radio-msg { color: white; float: left; margin-right: 15px; font-size: 1.4em; padding-top: 5px; }
#radioNav .yu-radio-msg.icon { background: url(../img/bg_radio_off.png) no-repeat right center; padding: 4px 45px 6px 0; }
#radioNav .yu-tv-msg { background: url(../img/bg_yu_tv.png) no-repeat left center; float: left; padding-left: 30px; padding-top: 8px; padding-bottom: 5px;}
#radioNav .yu-tv-msg a { color: #ffb600; font-size: 1.2em; font-weight: bold; }
#radioNav .radio { float: left; display: block; }
#radioNav .radio #player-s { margin-left: 20px !important; height: 32px !important; }
#radioNav .radio-off-msg { color: #fff;float: left; font-size: 1.2em; margin: 7px 30px 5px 0;}

@media only screen and (max-width: 480px) {
	#navTabs .primary-nav  li:first-child { margin-left: 30px !important; }
	#navTabs .primary-nav  li { padding: 3px 7px !important;}
	#navTabs .primary-nav  li { margin-left: 1px; }
	#top-list { width: 125px !important; left: 180px !important; margin-top: 57px !important;}
	#top-list ul li.mivodafone   { padding: 3px 5px !important;}
	#top-list ul li.newsletter   { padding: 3px 5px !important;}
	#top-list ul li.help   { padding: 3px 0 3px 5px !important;}
	#top-list ul li { font-size: 86% !important;}
}

@media only screen and (max-width:720px) {
	div.header_top_option { height: 48px !important;	}
	#top-list ul li a { font-size: 1em;}
	#top-list ul li.help a { background: none !important;font-size: 1em !important;height: auto !important;padding-right: 0;width: auto !important;}
	#navTabs .primary-nav  li { float: left; padding: 3px 16px;}
	#navTabs .primary-nav  li:first-child { margin-left: 35px; }
	#navTabs .primary-nav  li a { font-size: 1.2em;}
	#top-list { margin-top: 59px; left: 240px; }
	#top-list a { font-size: 1.2em; }
	#filterNav > ul  {width: 70%; }
	#filterNav > ul li { display: block; float: none; margin: 10px 0;}
	#filterNav select#sort { width: 28%; }
	#searchNav #search-form { width: 410px !important;}
	#searchNav #search-form input[type="search"]  { width: 280px; }
	#searchNav #search-form input[type="submit"] { font-size: 1.9em !important; }
	#radioNav .yu-radio-msg, #radioNav .yu-tv-msg { display: block; float: none; }
	#radioNav .yu-radio-msg { width: 190px; padding-right: 30px; }
	#radioNav .radio-off-msg { font-size: 1.1em; margin-top: -3px; }
	#radioNav .yu-tv-msg { clear: both; background-position: right top; width: 220px; padding-left: 0; padding-right: 30px; margin-top: 30px; }
	#radioNav .radio #player-s { margin: 8px 0 12px 0 !important; height: 32px !important; }
}

@media only screen and (min-width:720px) and (max-width:950px){
	#navTabs .secondary-nav { padding: 10px 15px; }
	#filterNav select#sort { width: 110px; }
	#filterNav > ul li { margin-right: 15px; }
	#filterNav .radio label { font-size: 1.5em; }
	#navTabs .primary-nav  li:first-child { margin-left: 75px; }	
	#top-list {
		left: 360px;
	}
	div.header_brand {
		width: 680px !important;
	}
	.vodafone_logo_you {
		width: 200px;
	}
	#radioNav .yu-tv-msg {
		padding-left: 0px;
	}
}

@media only screen  and (min-width:950px) and (max-width:1200px){
	#radioNav .yu-tv-msg { float: right; }
	#top-list {
		left: 405px;
	}
}



/* filtro header list legacy - se copia del estilo viejo */
#filterNav ul li a {  font-size: 1.6em; font-weight: bold; height: 19px; text-align: center;    text-decoration: none;	margin-right: 30px;}
#filterNav ul li:last-child a {	margin-right: 0;}
#filterNav ul li a { padding: 0 0 0 2em;}
#filterNav ul li a:hover { text-decoration: underline;}
#filterNav ul li.type1 a {color: #e30b17; background: url("../img/check_radio.png") no-repeat 0 0;}
#filterNav ul li.type1 a.checked { background-position: 0 -19px !important;}
#filterNav ul li.type2 a {color: #cccccc; background: url("../img/check_afterclass.png") no-repeat 0 0;}
#filterNav ul li.type2 a.checked {background-position: 0 -19px !important;}
#filterNav ul li.type3 a {color: #4d4d4d;background: url("../img/check_smartphones.png") no-repeat 0 0;}
#filterNav ul li.type3 a.checked { background-position: 0 -19px !important; }
#filterNav ul li.type4 a {color: #ffffff; background: url("../img/check_tarifas.png") no-repeat 0 0; }
#filterNav ul li.type4 a.checked { background-position: 0 -19px !important; }
@media only screen  and (min-width:950px){
	#filterNav ul li a {margin-right: 3em;	}
}


/* 
 *****************************************************************************************************************
 * RHOMBUS VDFONE
 *****************************************************************************************************************
 */
 
.rhombus {
    height: 22px;
    width: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.rhombus:before {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 38px solid transparent;
    position: absolute;
    left: -23px;
}

.rhombus:after {
    content: ' ';
    width: 0;
    height: 0;
    border-right: 38px solid transparent;
    position: absolute;
    left: 41px;
}

.rhombus:before, .rhombus:after {
  	transform: scale(0.9999);
}

div.header_brand img.vodafone_you {
	position: absolute;
	z-index: 999;
	top: 10px;
	left: -62px;
}

@media only screen and (max-width:720px) {
	div.header_brand img.vodafone_you {
		width: 41px;
		height: 41px;
		top: 7px;
		left: 7px;
	}
	.rhombus:before {
		left: -29px;
	}
	.rhombus:after {
		left: 46px;
	}	
}

@media only screen and (min-width:720px) {
	.rhombus {
        height: 60px;
        left: -1182px;
        width: 1065px;
    }
    body.pageSimple .rhombus {
	  left: -1025px;
	  width: 1065px;
	}    
    .rhombus:before {
        content: ' ';
        width: 0;
        height: 0;
        border-right: 999px solid transparent;
        border-left: none;
        border-top: none;
        position: absolute;
        left: 86px;
        top: -984px
    }
    .rhombus:after {
        content: ' ';
        width: 0;
        height: 0;
        border-right: 999px solid transparent;
        position: absolute;
        left: 86px;
        top: 56px;
    }
}

/* 
 *****************************************************************************************************************
 * HACKS & FIXES
 *****************************************************************************************************************
 */
 
/* mobile devices - main content tweaks */
@media only screen and (max-width: 720px) {
	/*html, body { overflow-x: hidden; }*/
	footer.main-footer, footer.main-footer > nav, footer.main-footer > nav ul{ max-width: 100% !important;}
	footer.main-footer > nav ul{ margin-left:0;}
	footer.main-footer li.item3, footer.main-footer li.item4 { margin: 0 !important; }

	#container { width: 96% !important; }
	#container article.box0 { width: 48% !important;}
	#container > article { width: 48% !important; margin: 0 5px 10px 0 !important; }
	
	div.corner-stamp { width: 48% !important; margin-right: 0 !important; }
	div.corner-stamp article, div.corner-stamp iframe, div.corner-stamp article img { width: 100% !important; }

}
@media only screen and (min-width: 950px) and (max-width: 1199px) {
	footer.main-footer > nav ul{ width: 100% !important;}
	footer.main-footer .nav-bar li.legalInfo { width: 20%;}
	footer.main-footer .nav-bar li.copyrightInfo {width: 30%;}
	footer.main-footer .nav-bar li.socialMedia {width: 35%;}
}
@media only screen and (max-width: 479px) {
	/* una columna */ 
	#cont-box0, #container { width: 89% !important; }
	footer.main-footer .nav-bar li a.vodafone{display:inline-block;font-weight:bold;}
}

/* prettyPopin */
@media only screen and (max-width : 920px) {
	.prettyContent *, .prettyContent img { max-width: 390px !important; }
	.prettyPopin .prettyContent .prettyContent-container { width: 390px !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, #sectionTarifa .special.contratar .socials { width: 350px !important; }
	.prettyContent article.box {  width: 47% !important; }
	.prettyContent section.fullcontent article.box a { font-size: 0.5em;}
	.prettyContent section.fullcontent { padding: 60px 15px 15px !important; }
	.prettyContent section.fullcontent2 article header img { min-width: 165px ! important; }
}

/* comprar sim */
@media only screen and (max-width: 480px) {
	#contenedorCompraSim .bloque {
		width: 440px;
	}
}

@media only screen and (max-width: 949px) {
	#contenedorCompraSim .bloque {
		width: 100%;
	}
}

@media only screen and (min-width:950px) and (max-width: 1199px) {
	#contenedorCompraSim #paidSim .bloqueDerecha {
		width: 600px !important;
	}
	#contenedorCompraSim .bloque {
		width: 100%;
	}
}

#contenedorCompraSim div.header-banner img {
    right: 82px;
    z-index: auto;
}

#contenedorCompraSim div.header-banner .header-banner-text {
    
    z-index: auto;
}

@media only screen and (min-width: 620px) and (max-width: 719px) {
	
	div.header-banner .header-banner-img {
	  padding-top: 70px;
	}
	
	.vodafoneYou{
		background: #ededed url("../img/fondo-yu.png") no-repeat scroll center -100px;
	}
	
	.youPasos {
	    margin:120px 0 0 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	
	div.header-banner .header-banner-img {
	  padding-top: 85px;
	}
	
	.vodafoneYou{
		background: #ededed url("../img/fondo-yu.png") no-repeat scroll center -100px;
	}
	
	.youPasos {
	    margin:120px 0 0 0;
	}
}

@media only screen and (min-width: 180px) and (max-width: 479px) {
	
	div.header-banner .header-banner-img {
	  padding-top: 65px;
	}
	
	.vodafoneYou{
		background: #ededed url("../img/fondo-yu.png") no-repeat scroll center 0px;
	}
	
	.youPasos {
	    margin:90px 0 0 0;
	}
}

div#wrapper {
  min-width: 100%;
  position: relative;
}

@media only screen and (min-width: 767px) {
	div#wrapper {
		min-height: 100%;
	}
}