/************************************************************
*************************FUENTES*****************************
*************************************************************/
@font-face
{
	font-family: "CondenseBlack";
	src: url('fonts/EncodeSansCondensed-Black.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseBold";
	src: url('fonts/EncodeSansCondensed-Bold.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseExtraBold";
	src: url('fonts/EncodeSansCondensed-ExtraBold.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseExtralight";
	src: url('fonts/EncodeSansCondensed-ExtraLight.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseLigth";
	src: url('fonts/EncodeSansCondensed-Light.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseMedium";
	src: url('fonts/EncodeSansCondensed-Medium.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseRegular";
	src: url('fonts/EncodeSansCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseSemiBold";
	src: url('fonts/EncodeSansCondensed-SemiBold.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}
@font-face
{
	font-family: "CondenseThin";
	src: url('fonts/EncodeSansCondensed-Thin.ttf') format('truetype');
	font-weight: normal;
  	font-style: normal;
  	font-variant: :normal;
}


/************************************************************
*************************************************************
_____________________________________________________________/


/************************************************************
*************************PERSONALIZADO***********************
*************************************************************/
body  /* para que el iframe sea transparente y no un fondo solido*/
{ 
	Background: transparent; 
	
	background:#000 url(../recursos/imagenes/fondo/stars.png) repeat top center;  
	z-index:0;
	overflow-x: hidden;
}
.margin-bootom-xs   /*Para generar un espacio entre columnas cuando estas se ponen una bajo otra*/
{
    margin-bottom: 5px;	
}
 
.margin-bootom-sm 	/*Para generar un espacio entre columnas cuando estas se ponen una bajo otra*/
{
    margin-bottom: 10px;
}
 
.margin-bootom-md 	/*Para generar un espacio entre columnas cuando estas se ponen una bajo otra*/
{
    margin-bottom: 20px;
}
 
.margin-bootom-lg 	/*Para generar un espacio entre columnas cuando estas se ponen una bajo otra*/
{
    margin-bottom: 40px;
}


.logo_cent
{
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
.logo_footer
{
	padding-top: 3em;
	padding-left: 5em;
	
}
.menu_cent
{
	padding-top: 3em;
	padding-bottom: 1em;
	padding-right: 2em;
}
.img_cent
{
	text-align: center;
}
.pleca_rombo
{
	padding-top: 4em;
	padding-bottom: 5em;
	
}
.pleca_rombo_blog
{
	padding-top: 4em;
	padding-bottom: 5em;
	padding-left: 4em;
}
.Banner_01_intro
{
	padding-top: 2em;
	padding-bottom: 1em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 32px;
	text-align: center;
}
.Banner_text_inter
{
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 28px;
	text-align: center;
}

.Banner_01_text_2
{
	padding-bottom: 4em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 28px;
	text-align: center;
}

.Banner_01_text_3
{
	padding-bottom: 1em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 28px;
	text-align: center;
}
.title_sec_calculo
{
	padding-bottom: 1em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 22px;
	text-align: center;
}

.Banner_02_intro_txt
{
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 32px;
	text-align: center;	
}
.Banner_02_intro
{
	padding-top: 4em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 32px;
	text-align: center;
}
.Banner_02_fin
{
	padding-bottom: 4em;
	color:#d7d7d7;
	font-family: CondenseThin;
	font-size: 32px;
	text-align: center;
}
.Banner_03_intro
{
	padding-top: 6em;
	padding-bottom: 5em;
	color:#d7d7d7;
	font-family: CondenseBold;
	font-size: 32px;
	text-align: center;
}
.titulo_calculo
{
	padding-top: 1em;
	color:#d7d7d7;
	font-family: CondenseSemiBold;
	font-size: 28px;
	text-align: center;
}
.titulos_secc_land
{
	color: #428d99;
	font-family: CondenseRegular;
	font-size: 24px;
	padding-left: 2em;
	padding-bottom: 1em;

}
.titulos_colecc
{
	color:#d7d7d7;
	font-family: CondenseRegular;
	font-size: 16px;
	text-align: center;
}	
@media (min-width: 281px) and (max-width: 764px)
{

	.titulos_colecc
	{
		color:#d7d7d7;
		font-family: CondenseRegular;
		font-size: 16px;
		text-align:left;
		padding-left: 3em;
	}	
}
@media (min-width: 765px) and (max-width: 990px)
{

	.titulos_colecc
	{
		color:#d7d7d7;
		font-family: CondenseRegular;
		font-size: 16px;	
		text-align:left;
		padding-left: 4em;
	}	
}
.titulos_prod
{
	color:#d7d7d7;
	font-family: CondenseRegular;
	font-size: 16px;
	text-align: center;
}
@media (min-width: 281px) and (max-width: 764px)
{

	.titulos_prod
	{
		color:#d7d7d7;
		font-family: CondenseRegular;
		font-size: 16px;
		text-align:left;
		padding-left: 6em;
	}	
}
@media (min-width: 765px) and (max-width: 990px)
{

	.titulos_prod
	{
		color:#d7d7d7;
		font-family: CondenseRegular;
		font-size: 16px;	
		text-align:left;
		padding-left: 7em;
	}	
}	
.titulos_menu
{
	font-family: CondenseThin;
	font-size: 16px;
}
.titulos_Tienda
{
	color: #428d99;
	font-family: CondenseRegular;
	font-size: 24px;
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}
.texto_socio_inicio
{
	color:#d7d7d7;
	font-family: CondenseLigth;
	font-size: 38px;
	text-align: center;
	padding-top: 4em;
}
.texto_socio_inter
{
	color:#d7d7d7;
	font-family: CondenseLigth;
	font-size: 32px;
	text-align: center;
}
.texto_socio_fin
{
	color:#d7d7d7;
	font-family: CondenseLigth;
	font-size: 32px;
	text-align: center;
	padding-bottom: 4em;
}
.tarjetas
{
	text-align: center;
	background-color: #1c1c1c;
	width: 95%;
	height: 90%;
	padding-top: 1em;
	padding-bottom: 2em;
}

.tarjetas p
{
	font-family: CondenseThin;
	font-size: 20px;
	color:#d7d7d7;
}
.tarjetas h2
{
	font-family: CondenseRegular;
	color:#d7d7d7;
}
.puntos_img
{
	padding-bottom: 2em;
	padding-top: 1em;
}
.texto_distr
{
	padding-top: 3em;
	padding-bottom: 1em;
	font-family: CondenseRegular;
	font-size: 16px;
	color:#d7d7d7;
	/**/
}
.texto_distr p
{
	text-align: justify;
}
.texto_distr a
{
	color:#d7d7d7;
}
.texto_distr a:hover
{
	 color:rgba(207, 205, 205, 0.2);
	text-decoration: none;
}
.texto_correo a
{
	color:#d7d7d7;
	text-decoration: none;
}
.texto_correo a:hover
{
	color:#d7d7d7;
	text-decoration: none;
}
.blog_texto_01
{
	font-family: CondenseLigth;
	font-size: 38px;
	color:#d7d7d7;
	padding-top: 4em;
	padding-bottom: 4em;
}
@media (min-width: 765px) and (max-width: 990px)
{
	.blog_texto_01
	{

	}
}

.blog_titulo_azul
{
	
	color: #428d99;
	font-size: 24px;
	font-family: CondenseRegular;
}
.blog_texto_art
{
	color:#d7d7d7;
	font-size: 16px;
	font-family: CondenseRegular;
	text-align: justify;
}
.blog_img_art
{
	padding-left: 5em;
	padding-top: 8em;
}
.blog_img_art_2
{
	padding-left: 5em;
	padding-top: 3em;
}
.blog_img_art_logo
{
	padding-left: 8em;
	padding-top: 6em;
}
.blog_img_margen
{
	padding-bottom: 1em;
	padding-right: .5em;
}
.blog_esp_bajo
{
	padding-bottom: 7em;
}
.index_titulo_calcula
{
	font-family: CondenseRegular;
	color:#d7d7d7;
	text-align: center;
}
.index_texto_calcula
{
	font-family: CondenseThin;
	color:#d7d7d7;
	text-align: center;
	padding-bottom: 2em;
}
.index_fondo_calculo
{
	background-color: #151515;
}
.index_dato_calc
{
	font-family: CondenseThin;
	color:#d7d7d7;
	font-size: 20px;
	padding-left: 3em;
}
.index_marg
{
		padding-bottom: 2em;
		padding-top: 3em;
}
.btn
{
	background-color: gray;
	color: #d7d7d7;
	font-family: CondenseLigth;
	font-size: 14px;
	width: 160px;
	
}
.frame
{
	width:250px; 
	height:400px;
}
.title_signo
{
	font-family: CondenseMedium;
	color: #d7d7d7;
}
.title_imix
{
	padding-left: 3px;
}
.title_ik
{
	padding-left: 13px;
}
.title_akbal
{
	padding-left: 13px;
}
.title_chikchan
{
	padding-left: 13px;
}
.title_manik
{
	padding-left: 9px;
}
.title_lamat
{
	padding-left: 10px;
}
.title_muluk
{
	padding-left: 10px;
}
.title_ok
{
	padding-left: 10px;
}
.title_eb
{
	padding-left: 10px;
}
.titulo_ben
{
	padding-left: 5px;
}
.title_ix
{
	padding-left: 13px;
}
.title_kib
{
	padding-left: 9px;
}
.title_kaban
{
	padding-left: 12px;
}
.title_etznab
{
	padding-left: 5px;
}
.title_kawak
{
	padding-left: 10px;
}
.title_ahaw
{
	padding-left: 11px;
}
.detalle_signo
{
	font-family: CondenseThin;
	color: #d7d7d7;
	text-align: justify;
	font-size: 16px;	
}
@media (min-width: 450px) and (max-width: 766px)
{
	.frame_centrado
	{
		padding-left: 60px;
	} 
}
@media (min-width: 994px) and (max-width: 1200px)
{
	.frame_centrado
	{
		padding-left: 45px;
	} 
}
@media (min-width: 1201px)
{
	.frame_centrado
	{
		padding-left: 60px;
	}
}

.index_frame
{
	padding-top: 0em;
}
.img_sello
{
	padding-left: 2em;
}
/************************************************************
*************************NAVBAR******************************
*************************************************************/
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(73, 137, 153, 1);
    background-color: rgba(255, 255, 255, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(73, 137, 153, 1);
    background-color: rgba(207, 205, 205, 0.2);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(72, 107, 153, 1);
    background-color: rgba(207, 205, 205, 0.22);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #cfcdcd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #cfcdcd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #cfcdcd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
/************************************************************
*************************************************************
_____________________________________________________________/


/************************************************************
						F O O T E R 
************************************************************/

.footer
{
    background-color:rgba(9,10,15,1);
	padding: 60px 40px;
	color: #428d99;
	margin-bottom: 20px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 6px;
	font-family: CondenseRegular;
	border-color: transparent;
}


.footer ul
{ 
	list-style:none; 
	padding:0px; 
	list-style:none;

}
.footer a
{
	color:#428d99;
}

.footer a:hover
{
	color:rgba(255,255,255,0.60); 
	text-decoration:none;
}

.footer-ns h4 
{
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p 
{
	font-size:12px; 
	color:rgba(255,255,255,0.70); 
}

@media (min-width: 768px) 
{
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns 
	{ 
		border-left:solid 1px rgba(255,255,255,0.10); 
	}
}


/************************************************************
*************************************************************
____________________________________________________________*/
/************************************************************
					C A R O U S E L  BLOG
************************************************************/
.media-carousel 
{
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
  	margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #1c1c1c;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #1c1c1c;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;

}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #1c1c1c;

}
.media-carousel .carousel-indicators .active 
{
  background: #1c1c1c;
}
.media-carousel img
{
  width: 150px;
  height: 150px;

}

/************************************************************
	contrael el menu antes de lo normal					
************************************************************/
@media (max-width: 991px) 
{ /* <-- esta línea es la clave */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* necesario desde la versión 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}




/************************************************************
*************************************************************
_____________________________________________________________*/
.morado
{
	background-color: purple;
}
.rojo
{
	background-color: red;
}
.amarillo
{
	background-color: yellow;
}
.gris
{
	background-color: gray;
}	
.rosa
{
	background-color: pink;
}
.azul
{
	background-color: blue;	
}	
.naranja
{
	background-color: orange;	
}