.cl-mcont
{
	padding-top: 0 !important;
}

.planes-container
{
	padding: 0 50px !important;
	font-family: 'Open Sans', sans-serif;
}

.block-flat
{
	margin-bottom: 20px;
	padding: 10px 20px 20px;
	background: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-left: 1px solid #efefef;
	/*border-right: 1px solid #efefef;*/
	border-bottom: 1px solid #e2e2e2;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

#banco .datos
{
	display: none;
}

.mobile-datos-bancarios
{
	display: none;
	border: none !important;
    margin-bottom: 0 !important;
    padding: 20px 20px 25px !important;
}

.mobile-datos-bancarios .content p.nota,
#banco .datos p.nota
{
	margin: 20px 0;
}

#banco .datos p:not(.nota)
{
	line-height: 20px;
}

.planes
{
	margin-top: -15px !important;
	font-weight: 400;
    font-size: 15px;
    color: #595959;
}

.plan1 .title, .plan2 .title, .plan3 .title
{
	font-size: 33px;
    text-align: center;
    height: 70px;
    padding-top: 25px;
    letter-spacing: -1px;
    color: #fff;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.planes .col-md-3
{
	padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0;
}

.planes .col-md-3.info
{
	margin-top: 165px;
    overflow: hidden;
}

.planes .col-md-3 .block-flat
{
	padding: 0 0 23px;
	background: #fbfbfb;
}

.planes .info .block-flat
{
	border-top: solid 7px #e2e2e2;
	padding-top: 29px;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding-bottom: 70px; /*17px;*/
}

.planes .col-md-3 .block-flat .price
{
	padding: 10px 0 0;
	border: none;
	text-align: center;
	color: #fff;
	letter-spacing: -1px;
}

.planes .col-md-3 .block-flat .price h1
{
	font-size: 50px;
    margin: 13px 0 0;
    padding: 0;
    line-height: 35px;
    font-weight: 500;
}

.planes .col-md-3 .block-flat .price h1 span
{
	font-size: 25px;
	vertical-align: middle;
	padding-right: 4px;
	margin-left: -8px;
}

.planes .col-md-3 .block-flat .price p
{
	font-size: 19px;
	padding: 0;
	margin: -2px 0 0;
	color: #FFF;
}

.ribbon
{
	width: 0px;
	height: 23px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 23px solid;
	margin-bottom: 20px;
}

.plan1 .price { background: #93eadf !important; text-shadow: 1px 1px 1px #5da399; }
.plan1 .ribbon { border-top-: 23px solid #93eadf; border-top-color: #93eadf; }
.plan1 .title { background: url(../img/header1.jpg) #10d1b8; background-size: cover; }
.plan1 button, .plan1 button:active, .plan1 button:focus { background: #10d1b8  !important; }
.plan1 button:hover { background: #0eaf9a; }

.plan2 .price { background: #9ccff9 !important; text-shadow: 1px 1px 1px #6a99c3; }
.plan2 .ribbon { border-top-: 23px solid #9ccff9; border-top-color: #9ccff9; }
.plan2 .title { background: url(../img/header2.jpg) #2494f2; background-size: cover; }

.plan3 .price { background: #aeaeae !important; text-shadow: 1px 1px 1px #7d7d7d; }
.plan3 .ribbon { border-top-: 23px solid #aeaeae; border-top-color: #aeaeae; }
.plan3 .title { background: url(../img/header3.jpg) #3d3d3d; background-size: cover; }
.plan3 button, .plan3 button:active, .plan3 button:focus { background: #4c4c4c !important; }
.plan3 button:hover { background: #262626; }

.planes ul.detail
{
	list-style: none;
	padding: 0 25px;
	margin-bottom: 30px;
}

.planes ul.detail li
{
	padding: 9px 0;
	border-bottom: solid 1px #e7e7e7;
}

.detail:not(.hidden-md) li span
{
	display: none;
}

.detail li span strike
{
	color: #BBB;
}

.planes button
{
    font-family: 'Lato', sans-serif;
}

.planes .protected
{
	font-size: 12px;
	color: #2494f2;
	padding: 16px 0;
}

.planes .protected i
{
	font-size: 16px;
	vertical-align: text-top;
}

.planes .fa-check
{
	color: #29c51d;
}

.planes .fa.fa-lg
{
	font-size: 1.6em;
}

.planes .pago
{
	display: none;
}

.planes .pago h3.tab-title
{
	margin: -10px 0 25px;
}

.planes .pago .header
{
	padding-top: 4px;
}

.planes .pago .header h4
{
	font-size: 20px;
    padding-bottom: 2px;
}

.planes .pago .tab-container
{
	margin-top: 20px;
}

.planes .pago .nav-tabs > li > a
{
	font-size: 13px;
}

.planes .pago .fa-cc-visa
{
	padding-left: 3px;
}

.planes .pago .fa-bank
{
	font-size: 18px;
    vertical-align: baseline;
    padding-left: 2px;
}

.planes .pago .fa-barcode
{
	font-size: 20px;
    vertical-align: bottom;
    padding-left: 2px;
}

.planes .pago .nav-tabs li a
{
	color: #777;
}

.planes .pago .nav-tabs li.active a
{
	color: #555;
}



@media (max-width: 767px)
{
	.planes
	{
		margin: -20px 10px 0 10px !important;
	}

	.planes .col-md-3:not(.plan3)
	{
		margin-bottom: 35px;
	}

	.planes > .block-transparent
	{
		margin-bottom: 20px;
	}
}

@media (max-width: 991px)
{
	.planes .col-md-3.info
	{
		display: none !important;
	}
}



.seleccionado-cont .block-transparent
{
	margin-bottom: 20px;
}



.planes .seleccionado-cont
{
	display: none;
}

.planes .plan-selected
{
	height: 80px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px;
    color: #fff;
}

.planes .plan-selected .content
{
	float: left;
	width: 80%;
	padding: 19px 25px 2px;
}

.planes .plan-selected .icon
{
	float: left;
	width: 20%;
	border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    height: 100%;
    padding-top: 27px;
    text-align: center;
}

.planes .plan-selected .icon .fa
{
	color: #fff;
	font-size: 30px;
}

.planes .plan-selected.selected1 { background: url(../img/header1.jpg) #10d1b8; background-size: cover; }
.planes .plan-selected.selected1 .icon { background: #10d1b8; }
.planes .plan-selected.selected2 { background: url(../img/header2.jpg) #2494f2; background-size: cover; }
.planes .plan-selected.selected2 .icon { background: #2494f2; }
.planes .plan-selected.selected3 { background: url(../img/header3.jpg) #3d3d3d; background-size: cover; }
.planes .plan-selected.selected3 .icon { background: #3d3d3d; }


.planes .plan-selected .title
{
	font-size: 26px;
    letter-spacing: -1px;
    line-height: 25px;
}

.header > h4
{
	font-size: 20px;
	letter-spacing: -.3px;
}

.planes .alert
{
	cursor: pointer;
	max-width: 580px;
}

.planes .alert .icon:after
{
    background: #c9c9c9;
    -webkit-transition: background 200ms;
	transition: background 200ms;
}

.planes .alert .icon
{
    background: #c9c9c9;
    -webkit-transition: background 200ms;
	transition: background 200ms;
}

.planes .alert.selected .icon:after
{
	border-color: #3A8ACE;
    background: #4D90FD;
}

.planes .alert.selected .icon
{
	border-color: #3A8ACE;
    background: #4D90FD;
}

.planes .alert.selected strong
{
	color: #4D90FD;
	-webkit-transition: color 200ms;
	transition: color 200ms;
}









#modalert_twice .tab-pane > p
{
	padding: 10px 0 5px;
}

#modalert_twice .alert
{
	cursor: pointer;
	text-align: left;
	padding: 18px  18px 18px 65px;
	margin: 15px 0;
}

#modalert_twice .alert .icon:after
{
    background: #c9c9c9;
    -webkit-transition: background 200ms;
	transition: background 200ms;
}

#modalert_twice .alert .icon
{
    background: #c9c9c9;
    -webkit-transition: background 200ms;
	transition: background 200ms;
}

#modalert_twice .alert.selected .icon:after
{
	border-color: #3A8ACE;
    background: #4D90FD;
}

#modalert_twice .alert.selected .icon
{
	border-color: #3A8ACE;
    background: #4D90FD;
}








/* Fix para que las animaciones no se distorcionen */
@media (max-width: 767px)
{
	.plan1, .plan2, .plan3
	{
		min-width: 100% !important;
	}

	.planes-container
	{
		padding: 0 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 1150px)
{
	.planes-container
	{
		padding: 0 30px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px)
{
	.planes .info, .plan1, .plan2, .plan3
	{
		max-width: 33.33333333%;
	}
}

@media (min-width: 992px)
{
	.planes .info, .plan1, .plan2, .plan3
	{
		max-width: 25%;
	}
}

@media (max-width: 1090px)
{
	.tab-title-lg
	{
		display: none;
	}
}

@media (min-width: 1091px)
{
	.tab-title-sm
	{
		display: none;
	}
}