/*header*/
.navbar{	
	margin-bottom: 0;
}
.oculto
{
  display: none;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  /*width:auto;*/
  /*max-width: 500px;*/
  height: 98%;
  width: 75%;
  margin: auto;
   text-align: center;
}
.navbar-toggle
{
	position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: blue;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	
}
nav.navbar ul.nav li {
font-family: 'Sarala', sans-serif; 
font-size: 1.5em;
}
.mensaje_leyenda{
	    font-size: 15px;
    font-weight: bold;
    float: right;
    margin-top: 40px;
    font-weight: bold;
    /* margin-right: 200px; */
    left: 900px;
    position: absolute;
    text-align: "justify";
}
.leyenda2
{
	font-size: 16px;
    font-weight: bold;
    
    font-weight: bold;
    color: #D2691E;
   
}
.mensaje{

	font-size: 15px;
	font-weight: bold;
	float:right; margin-top:100px; font-weight:bold; margin-right:20px;

}
.encabezado{

/*	color: white;*/
	/*padding: 20px 0px;*/
}
.encabezado .primeraparte_titulo
{
	color: #485E88;	
	padding: 60px 0px;
	text-align:center;
	font-size:30px;
}
.encabezado .fucsia1
{
	color: #EC008B;	
	padding: 20px 0px;
	text-align:center;
	font-size:30px;
}
.encabezado .fucsia2
{
	color: #BE2871;	
	padding: 20px 0px;
	text-align:center;
	font-size:30px;
}
.encabezado .segundaparte_titulo
{
	color: #485E88;		
	padding: 20px 0px;
	text-align:center;
	font-weight:bold;
	font-size: 25px;

}
.encabezado .segundaparte_titulo_pequeno
{
	color: #485E88;		
	padding: 20px 0px;
	text-align:center;
	font-weight:bold;
	font-size: 20px;

}
.encabezado .segundaparte_titulo_otrocolor
{
	color: #46A6AF;		
	text-align:center;
	font-weight:bold;
	font-size: 32px;
	padding: 20px 0px;
}
.encabezado .segundaparte_titulo_otrocolor_pequeno
{
	color: #46A6AF;		
	text-align:center;
	font-weight:bold;
	font-size: 28px;
	padding: 20px 0px;
}
.encabezado .fucsia
{
	color: #EC008C;		
	text-align:center;
	font-weight:bold;
	padding: 20px 0px;
	font-size: 25px;
}
.encabezado .fucsia_pequeno
{
	color: #EC008C;		
	text-align:center;
	font-weight:bold;
	padding: 20px 0px;
	font-size: 20px;
}
.encabezado .titulo-sitio
{
	font-size: 50px;
}
/*maregenes del main*/
.main{
	margin-top: 20px;
	margin-bottom: 20px;
}
.posts .detalle
{
	float: left;
    margin-left: 20%;
    margin-top: -88%;
    position: absolute;
    width: 40%
    
}
.posts .detalle_derecha
{
	float: left;
    margin-left: 45%;
    margin-top: -98%;
    position: absolute;
    width: 40%;
	text-align: justify;
	font-weight: bold;
	font-size: 13px;
    
}
.posts .qr{
	float: left;
    margin-left: 20%;
    margin-top: -60%;
    position: absolute;
    width: 40%
}
.posts .qr_derecha{
	float: left;
    margin-left: 65%;
    margin-top: -60%;
    position: absolute;
    width: 40%
}

.post
{

	padding-bottom: 20px;
	margin-bottom: 20px;


}
/*.detalle
{
	 float: left;
    margin-left: 70%;
    margin-top: 25%;
    position: absolute;
}*/
.post .post-title a{ /*titulo debajo de la imagen*/
	font-size: 20px;
	color: #333;
}
.post .thumb{ /*imagen*/
	margin-right: 10px;
	width: 100%;	

}
.post .thumb_mitad{ /*imagen*/
	margin-right: 10px;
	width: 100%;
	height: auto;

}
.parte1{
	width: 50%;
	background: orange;
}
.parte2{
	width: 50%;
	background: red;
}
.post .thumb img{ /*tamaño de la imagen adaptada al contenedor*/
	width: 100%;
	max-width:500px;
}
.post .contenedor-botones{
	width: 100%
}
/*media querie*/
@media screen and(max-width: 768px){

	.post .thumb{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}	

}
@media screen and (max-width: 768px) {
    .lead {
        font-size:20px;
    }
}
 
@media screen and (max-width: 568px) {
    .lead {
        font-size:0.8em;
    }
}
.rojo{
	background: red;
	width: 100%
}
.centro
{
	margin-left:  60% ;
}
.posts .verde{
	color:#26ADBA;
	font-weight: bold;
	font-size:30px;
}
.panel-body{
	background: #fff;
	padding: 0;
}
.breadcrumb{
	background: #485E88;	
}
.breadcrumb .textobread{
	color: #fff;

}
.degradado
{
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
}


/* Text colors */

.text-color-white {
	color: #FFFFFF;
}

.text-color-black {
	color: #000000;
}

.text-color-theme {
	color: #6f5499;
}

/* Background colors */
.theme-bg{
	background: #6f5499;
}

.bg-black{
	background: #000000;
}

.secondary-bg {
	background: #f0ecf6;
}


/* Margin */

.margin-bottom-0 {
	margin-bottom: 0 !important;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-15 {
	margin-bottom: 15px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-70 {
	margin-bottom: 70px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.margin-bottom-90 {
	margin-bottom: 90px !important;
}

.margin-bottom-100 {
	margin-bottom: 100px !important;
}

.margin-bottom-120 {
	margin-bottom: 120px !important;
}

.margin-right-0 {
	margin-right: 0 !important;
}

.margin-right-5 {
	margin-right: 5px !important;
}

.margin-right-10 {
	margin-right: 10px !important;
}

/* Padding surround */

.padding-0 {
	padding: 0px !important;
}

.padding-30 {
	padding: 30px !important;
}

.padding-50 {
	padding: 40px !important;
}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
	 padding: 5px;
     -webkit-transform: scale(0.5);
     /* Browser Variations: */
     
     -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 #social-fb {
     color: #FFFFFF;
 }
 #social-tw {
     color: #FFFFFF;
 }
 #social-gp {
     color: #FFFFFF;
 }
 #social-em {
     color: #FFF;
 } 
 #social-em-modal
 {
 	color:orange;
 }

 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }

 /*estilos para el cuadro comparativo*/
 /***
User Profile Sidebar by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/***
Content
***/


/***
Pricing table
***/
.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 3px solid #eee;
}

.pricing-active {
  border: 3px solid #36d7ac;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}

.pricing:hover {
  border: 2px solid #337AB7;
}

.pricing:hover h4 {
  color: #36d7ac;
}

.pricing-head {
  text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
  font-weight: 300;
  color: #fafafa;
  padding: 12px 0;
  font-size: 27px;
  /*background: #f58834;*/
  background:#337AB7;
  border-bottom: solid 1px #41b91c;
}

.pricing-head h4 {
  color: #bac39f;
  padding: 5px 0;
  font-size: 20px;
  font-weight: 300;
  background: #fbfef2;
  border-bottom: solid 1px #f5f9e7;
}

.pricing-head-active h4 {
  color: #36d7ac;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: black;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
  color: #FFFFFF;
  background-color: #f3c200;
}
.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
    color: #FFFFFF;
    background-color: #cfa500;
}
.btn-primary{
	    color: white;
    background-color: orange;
    border-color: grey;
}
.btn-primary:hover{
	    color: #fff;
    background-color: #ec971f;
    border-color: grey;
}
.btn-primary .boton_gigante
{
	width: 100%;
}
.pricing-content .letra_transparente{
	color: transparent;

}
.list-group-item.active{
	z-index: 2;
    color: #fff;
    background-color: orange;
    border-color: transparent;
}
.list-group-item.active:hover{
	z-index: 2;
    color: #fff;
    background-color: #ec971f;
    border-color: orange;
}
.table{
	width: 80%;
	max-width: 100%;
	margin-bottom: 20px;
}
.panel-group {
    margin-bottom: 5px;
}
.col-md-offset-3{
	margin-left: 0%;
}
.panel-body{

	margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.glyphicon-asterisk
{
	
	color: red;
	
}

/* Por debajo de 700px */(
@media screen and (max-width: 700px){
body{
font-size:12px;
}
}
/* Por debajo de 400px */(
@media screen and (max-width: 400px){
body{
font-size:10px;
}
}