/***********************************************************************************************************************************************************************************************/
/******************************************************************************************  FUENTES  ******************************************************************************************/
@font-face {
	font-family: 'Roboto Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url('https://cdn.tenemosplan.com/repositorio/fonts/Roboto-Bold.woff2') format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Regular'), local('Roboto-Regular'), url('https://cdn.tenemosplan.com/repositorio/fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Light';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url('https://cdn.tenemosplan.com/repositorio/fonts/Roboto-Light.woff') format('woff');
}
@font-face {
	font-family: 'Roboto Thin';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url('https://cdn.tenemosplan.com/repositorio/fonts/Roboto-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: 100;
	src: local('Anton'), local('Anton'), url('https://cdn.tenemosplan.com/repositorio/fonts/Anton.woff') format('woff');
}
@font-face {
	font-family: 'OpenSans EB';
	font-style: normal;
	font-weight: 100;
	src: local('OpenSans-ExtraBold'), local('OpenSans-ExtraBold'), url('https://cdn.tenemosplan.com/repositorio/fonts/OpenSans-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Untitled-Regular';
	font-style: normal;
	font-weight: 100;
	src: local('Tenemos-Regular'), url('https://cdn.tenemosplan.com/repositorio/fonts/Tenemos-Regular.woff') format('woff');
}

/***********************************************************************************************************************************************************************************************/
/******************************************************************************************  GENERAL  ******************************************************************************************/
html {
	position: relative;
	min-height: 100%;
}
body {
	font-family: "Roboto Light";
	background-color: #fff;
	font-weight: 300;
	font-size: 14px;
    color: #5b5e62;
}
header {margin: 10px 0 2em;}
footer {
	position: absolute !important;
	bottom: 0;
	min-height: 85px;
	padding: 0.5em 0;
}
h1, h2, h3, h4, h5 {
	display: inline-block;
	font-weight: normal;
	margin: 0;
	font-size: 1em;
}
h1 {font-size: 2em;}
li {list-style: none;}
p {margin: 0;}
a {color: #36383a;}
a:hover, 
a:active,
a:focus { 
	color: #F9B20A;
}
input:focus {outline-width: 0;}
button {
	border: 0;
	box-sizing: border-box;
}
button.btn-default:hover,
button.btn-default:active,
button.btn-default:focus {
	background-color: #f9b20a;
	color: #fff;
}

.modal-content
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.float-right {float: right;}
.float-left {float: left;}
.clear {clear: both;}
.subtitulo {margin: 0.8em 0 0.7em;}
.centrado {
	margin: 0 auto;
	float: none;
}
.boton {padding: .4em 1em;}
.boton-small {padding: .2em 0.5em;}
a:hover,
a:active,
a:focus, 
.boton:hover {
	text-decoration: none;
}
.error {
	-webkit-box-shadow: inset 0 0 0 2px #e30613;
	-moz-box-shadow: inset 0 0 0 2px #e30613;
	box-shadow: inset 0 0 0 2px #e30613;
}
.error-2 {border-bottom: 2px solid #e30613 !important;}
.error-3 {border: 2px solid #e30613 !important;}
.acierto {border: 2px solid #73b62b !important;}
.acierto-bottom {border-bottom: 2px solid #73b62b !important;}
.underline {text-decoration: underline;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.text-center {text-align: center;}

.c-pointer {cursor: pointer;}
.c-default {cursor: default;}
.c-not-allowed {cursor: not-allowed;}

.nopadding {padding: 0;}
.nomargin {margin: 0;}

.va-middle {vertical-align: middle;}

.text-decoration-none,
.text-decoration-none-hover:hover {
	text-decoration: none;
}


/**********************************************************************************************************************************************************************************************/
/******************************************************************************************  TEXTOS  ******************************************************************************************/
.font-thin      {font-family: 'Roboto Thin';}
.font-regular   {font-family: 'Roboto';}
.font-bold      {font-family: 'Roboto Bold';}
.font-anton     {font-family: 'Anton';}
.font-open      {font-family: 'OpenSans EB';}
.font-logo      {font-family: 'Untitled-Regular'; line-height: 0em;}

.font-size-8   	{font-size: 8em;}
.font-size-5   	{font-size: 5em;}
.font-size-4   	{font-size: 4em;}
.font-size-3_5 	{font-size: 3.5em;}
.font-size-3   	{font-size: 3em;}
.font-size-2_5 	{font-size: 2.5em;}
.font-size-2   	{font-size: 2em;}
.font-size-1_8 	{font-size: 1.8em;}
.font-size-1_6 	{font-size: 1.6em;}
.font-size-1_5 	{font-size: 1.5em;}
.font-size-1_4 	{font-size: 1.4em;}
.font-size-1_2 	{font-size: 1.2em;}
.font-size-0_9	{font-size: .9em;}
.font-size-0_8	{font-size: .8em;}


/***********************************************************************************************************************************************************************************************/
/******************************************************************************************  COLORES  ******************************************************************************************/
.text-main-color,
.text-main-color-hover:hover,
.text-main-color-hover:active,
.text-orange,
.text-orange-hover:hover,
.text-orange-hover:active               {color: #f9b20a;}

.text-main-color-hover-important:hover	{color: #f9b20a !important;}

.text-gray                              {color: #5e5e5d;}
.text-gray-3                            {color: #838382;}
.text-gray-4                            {color: #616160;}
.text-gray-5                            {color: #b7b6b6;}
.text-gray-8,
.text-gray-8-hover:hover                {color: #36383a;}
.text-white,
.text-white-hover:hover,
.text-white-hover:active,
.text-white-hover:focus 				{color: #fff;}
.text-black,
.text-black-hover:hover,
.text-black-hover:active                {color: #000;}
.text-black-2                           {color: #5b5e62;}
.text-red                               {color: #e30613;}          
.text-lila                              {color: #9185BE;}
.text-green                             {color: #009640;}
.text-green-check 						{color: #75b735;}


.back-main-color,
.back-main-color:focus,
.back-main-color:active,
.back-main-color:hover,
.back-main-color-hover:hover,
.back-main-color-active:active,
.back-main-color-focus:focus        {background-color: #f9b20a;}
.back-main-color-2                  {background-color: #e6D092;}
.back-main-color-05-hover:hover     {background-color: #f9b20a7a;}
.back-gray                          {background-color: #cbcad0;}
.back-gray-2                        {background-color: #ccc;}
.back-gray-3                        {background-color: #838382;}
.back-gray-4                        {background-color: #616160;}
.back-gray-5,
.back-gray-5-disabled:disabled      {background-color: #b7b6b6;}
.back-gray-6                        {background-color: #ebebeb;}
.back-gray-7                        {background-color: #b0b0b0;}
.back-black                         {background-color: #000;}
.back-red                           {background-color: #e30613;}
.back-red-2                         {background-color: rgba(227, 6, 19, 0.35);}
.back-white,
.back-white-hover:hover,
.back-white-color-focus:focus		{background-color: #fff;}
.back-green                         {background-color: #009640;}


/**********************************************************************************************************************************************************************************************/
/******************************************************************************************  ICONOS  ******************************************************************************************/
.ico {
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Untitled-Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}
.ico + * {vertical-align: middle;}

.ico.flecha-abajo::before {content: 'A';}
.ico.atras-circulo::before {content: 'C';}
.ico.cerrar::before {content: 'D';}
.ico.compartir::before {content: 'E';}
.ico.carrito::before {content: 'F';}
.ico.borrar::before {content: 'G';}
.ico.descripcion::before {content: 'J';}
.ico.alerta::before {content: 'K';}
.ico.facebook::before {content: 'L';}
.ico.google-plus::before {content: 'M';}
.ico.galeria::before {content: 'N';}
.ico.info::before {content: 'O';}
.ico.instagram::before {content: 'P';}
.ico.flecha-atras::before {content: 'Q';}
.ico.localizacion::before {content: 'R';}
.ico.user::before {content: 'S';}
.ico.lupa::before {content: 'T';}
.ico.mano::before {content: 'U';}
.ico.pinterest::before {content: 'V';}
.ico.twitter::before {content: 'W';}
.ico.enlace-web::before {content: 'X';}
.ico.youtube::before {content: 'Y';}
.ico.impresora::before {content: 'Z';}
.ico.calendario::before {content: '1';}
.ico.check::before {content: '2';}
.ico.minus::before {content: '3';}
.ico.pdf::before {content: '4';}
.ico.whatsapp::before {content: '5';}
.loader {
	border: 16px solid #f9b20a; /* Light grey */
	border-top: 16px solid rgba(249, 178, 10, 0.25); /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin: 1em auto 3em;
}
#venta .ico.check {width: 100%;}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}