/*
	Theme Name:		Antel - Dale
	File theme:		app.css
	Author: 		Diego Delbono
	Version: 		1.0

*/

	/* font-family: 'Roboto Condensed', sans-serif; */

	body{
		background: white;
	}

	h1, h2, h3{
		color: white;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		margin: 0;
		text-transform: uppercase; }

		h1{ font-size: 26px; }
		h2{ font-size: 20px; }

	p, a, ul li, span{
		color: white;
		font-family: 'Roboto Condensed', sans-serif;
		margin: 0; }

	a{	-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
		transition: all 0.3s ease; }

	a:hover, a:focus{
		text-decoration: none;
	}

	ul, ul li{
		margin: 0;
		padding: 0;
		list-style-type: none; }	

/*	Header
	------------------------------------------ */	
	header{
		background: white; }

	header .logo-antel{}
	header .logo-antel a{
		display: block; }	
	header .logo-antel a img{
		width: 70px; }

	header .logo-dale{
		padding: 15px 0 0; }
	header .logo-dale a{
		display: block; }
	header .logo-dale a img{
		width: 70px }	

/*	Section
	------------------------------------------ */	
	section#content{
		padding-bottom: 100px; }	

	section#content .content-header{
		margin: 30px 0;
		text-align: center; }

	section#content.section-comprar{ 
		background: #172659;
	  	min-height: 100vh; }

	section#content.section-suscripciones{ 		
		background: #111;
		min-height: 100vh; }

	section#content.section-error{
		background: #111;
		min-height: 100vh; }


/*	Listado Thumb
	------------------------------------------ */		
	.item-portal{
		margin-bottom: 35px;
		text-align: center; }
	
	.item-portal .thumb{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin: 0 auto 15px;
		height: 100px;
		position: relative;
		overflow: hidden;
		width: 100px; }
	
	.item-portal .thumb img{
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-50%);
		min-width: 130px;
		width: 100%; }
	
	.item-portal h2{}	
	.item-portal p{
		font-size: 13px; }

	.item-portal button{
		background: transparent;
		border: none;
	}

/*	Confirmar Pago
	------------------------------------------ */
	.confirmar-pago{}
	.confirmar-pago .content-box{
		background: #27396b;
		margin-bottom: 10px; }

	.confirmar-pago .box{
		margin: 0 auto;
		width: 70%;
		padding: 20px; }

	.confirmar-pago .box h2{
		font-size: 18px;
		margin-bottom: 10px;
		text-align: center; }	

	.confirmar-pago .box .info-pago{}
	.confirmar-pago .box .info-pago p{
		font-weight: 400;
		font-size: 16px; }	

	.confirmar-pago .box ul{
		margin: 15px 0; }

	.confirmar-pago .box ul li{
		font-size: 13px; }	

	.confirmar-pago .box .btn{
		background: #111;
		color: white;
		font-size: 16px;
		margin: 15px auto 0;
		text-transform: uppercase; }
	
	.msg-cancelar{}
	.msg-cancelar p{
		font-size: 11px;
		text-align: center; }		

/*	Nav Tabs
	------------------------------------------ */
	.nav-tabs {
		border: none;    
		display: table;
		margin: 0 auto 20px;
		text-align: center; }
	
	.nav-tabs li{
		padding: 0 10px; }

	.nav-tabs li button{
		background: transparent !important;
		border: none !important;
		color: white !important;
		padding: 0;
		text-transform: uppercase; }

	.nav-tabs li.active button{
		border-bottom: 1px solid white !important; }

/*	Box category
	------------------------------------------ */		
	.box-category{
		margin-bottom: 25px; }

	.box-category h2{
		border-bottom: 1px solid #5d5d5d;
		padding: 10px 0;
		font-weight: 600; }

	.box-category .item-category{
		padding: 10px 0;
		border-bottom: 1px solid #5d5d5d; }

	.box-category .item-category .header-detalle{}
	.box-category .item-category .header-detalle .btn{
	    background: #172659;
	    font-size: 12px;
	    margin: 0;
	    margin-right: 5px;
	    min-width: 75px;		    
	    padding: 2px 5px;
	    vertical-align: top;
	    text-transform: uppercase;
	    width: 15%; }

	.header-detalle button{
		background: url(../assets/ico-arrow.svg) center right transparent no-repeat;
	    border: none;
	    display: block;
	    margin: 10px 0 0;
	    height: 7px;
	    text-indent: -9999px;
	    width: 7px; }

	.box-category .item-category h3{
		display: inline-block;
		font-size: 18px;
		margin: 2px 0;
		line-height: 20px;
		text-transform: initial;
		width: 60%; }

	.box-category .item-category .detalle{
		background: #242424;
		margin: 5px 0;
		padding: 10px; }

	.box-category .item-category .detalle h4{
		font-size: 14px;
		font-weight: 600; }

	.box-category .item-category .detalle p,
	.box-category .item-category .detalle ul li{
		font-size: 12px;
		margin-bottom: 2px; }	

/*	Nav
	------------------------------------------ */		
	nav{
		position: fixed;
		bottom: -200px;
		left: 0;
		width: 100%;
		z-index: 3; }	

	nav ul li:not(:last-child){
		border-bottom: 1px solid #5d5d5d; }	

	nav ul li a{
		background: #0f0f0f;
		padding: 10px;
		font-size: 22px;
		display: block;
		text-align: center;
		text-transform: uppercase; }	

	nav ul li a:hover,
	nav ul li a:focus{
		background: #172659;
		color: white;
		text-decoration: none; }

/*	Nav bar
	------------------------------------------ */	
	.nav-bar{
		background: #202021;		
		bottom: 0;
		height: 50px;
		left: 0;
		padding: 10px 0;
		position: fixed;
		width: 100%;
		z-index: 3; }

	.nav-bar .menu{		
		text-align: center; }	

	.nav-bar .menu a{
		color: white;
		font-size: 16px;
		text-transform: uppercase; }

	.nav-bar .help,
	.nav-bar .search{}

	.nav-bar .help img,
	.nav-bar .search img{		
		height: 30px; }

/*	Clases
	------------------------------------------ */		
	.body-fixed{
		overflow: hidden;
		position: fixed;
		width: 100%; }

	.radius{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; }

	.overlay-content {
	    background: rgba(15,15,15,0.8);
	    display: none;
	    position: fixed;
	    height: 100%;
	    left: 0;
	    width: 100%;
	    z-index: 2;
	    top: 0; }


	.blueButton{
		background: #172659;
		font-size: 12px;
		margin: 0;
		margin-right: 0px;
		margin-right: 5px;
		min-width: 210px;
		padding: 2px 5px;
		vertical-align: top;
		text-transform: uppercase;
		width: 20%;
	}