/*****************************************************************************************************************************
realizado por idominiun

www.idominiun.com
info@idominiun.com


******************************************************************************************************************************/
/*
		@screen_xs:             480px;
		@screen_sm:             768px;
		@screen_md:             1024px;
		*/
/* MENU */
/* TIPO DE MENU  */
.box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content {
  content: ' ';
  display: block;
  position: absolute;
}
/*****************************************************************************************************************************
	RESET
*****************************************************************************************************************************/
* {
  border: 0;
  margin: 0;
  padding: 0;
}
/** Elementos HTML5 **/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units 
* http://clagnut.com/blog/348/#c790 
* 2. Force vertical scrollbar in non-IE 
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted 
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ 
* 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom 
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ 
*/
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.531;
  margin: 0;
}
/* 
* These selection declarations have to be separate 
* No text-shadow: twitter.com/miketaylr/status/12228805301 
* Also: hot pink! */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
/** LINKS **/
a {
  word-wrap: break-word;
}
a:hover,
a:active {
  outline: 0;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
small {
  font-size: 80%;
}
abbr[title] {
  border-bottom: 1px dotted;
}
blockquote {
  margin: 0.5em 20px;
  padding: 10px 0 10px 50px;
}
dfn {
  font-style: italic;
}
hr {
  border: 0;
  border-top: 1px solid #000;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/** LISTAS **/
ul {
  margin: 0;
  list-style: none;
}
ul li {
  position: relative;
}
dd {
  margin: 0 0 0 40px;
}
/** IMAGENES **/
img {
  -ms-interpolation-mode: bicubic;
  border: none;
}
/** FORMULARIOS **/
form {
  text-align: left;
}

/*******************************************************************************************************************************
	CLASES GLOBALES DMN
*******************************************************************************************************************************/
.divisor {
  background-color: rgba(0, 0, 0, 0.2);
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
/** TEXTOS **/
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.text_center {
  text-align: center;
}
.text_justify {
  text-align: justify;
}
.ind {
  text-indent: 10px;
}
/** LISTAS **/
.lista_inline li {
  display: inline-block;
  margin-right: 5px;
}
/** MARGENES **/
.no_margin {
  margin: 0 !important;
}
.m_0 {
  margin: 0px !important;
}
.m_5 {
  margin: 5px !important;
}
.m_10 {
  margin: 10px !important;
}
.m_15 {
  margin: 15px !important;
}
.m_20 {
  margin: 20px !important;
}
.m_25 {
  margin: 25px !important;
}
.m_30 {
  margin: 30px !important;
}
.m_35 {
  margin: 35px !important;
}
.mt_0 {
  margin-top: 0px !important;
}
.mt_5 {
  margin-top: 5px !important;
}
.mt_10 {
  margin-top: 10px !important;
}
.mt_15 {
  margin-top: 15px !important;
}
.mt_20 {
  margin-top: 20px !important;
}
.mt_25 {
  margin-top: 25px !important;
}
.mt_30 {
  margin-top: 30px !important;
}
.mt_35 {
  margin-top: 35px !important;
}
.mt_40 {
  margin-top: 40px !important;
}
.mt_45 {
  margin-top: 45px !important;
}
.mt_50 {
  margin-top: 50px !important;
}
.ml_0 {
  margin-left: 0px !important;
}
.ml_5 {
  margin-left: 5px !important;
}
.ml_10 {
  margin-left: 10px !important;
}
.ml_15 {
  margin-left: 15px !important;
}
.ml_20 {
  margin-left: 20px !important;
}
.ml_25 {
  margin-left: 25px !important;
}
.ml_30 {
  margin-left: 30px !important;
}
.ml_35 {
  margin-left: 35px !important;
}
.mr_0 {
  margin-right: 0px !important;
}
.mr_5 {
  margin-right: 5px !important;
}
.mr_10 {
  margin-right: 10px !important;
}
.mr_15 {
  margin-right: 15px !important;
}
.mr_20 {
  margin-right: 20px !important;
}
.mr_25 {
  margin-right: 25px !important;
}
.mr_30 {
  margin-right: 30px !important;
}
.mr_35 {
  margin-right: 35px !important;
}
/** PADDINGS **/
.no_padding {
  padding: 0 !important;
}
.no_padding_lateral {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pd_5 {
  padding: 5px !important;
}
.pd_10 {
  padding: 10px !important;
}
.pd_15 {
  padding: 15px !important;
}
.pd_20 {
  padding: 20px !important;
}
.pd_25 {
  padding: 25px !important;
}
.pd_30 {
  padding: 30px !important;
}
.pd_35 {
  padding: 35px !important;
}
.no_pad_lat {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pd_lat_5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.pd_lat_10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pd_lat_15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.pd_lat_20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pd_lat_25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.pt_5 {
  padding-top: 5px !important;
}
.pt_10 {
  padding-top: 10px !important;
}
.pt_15 {
  padding-top: 15px !important;
}
.pt_20 {
  padding-top: 20px !important;
}
.pt_25 {
  padding-top: 25px !important;
}
.pb_5 {
  padding-bottom: 5px !important;
}
.pb_10 {
  padding-bottom: 10px !important;
}
.pb_15 {
  padding-bottom: 15px !important;
}
.pb_20 {
  padding-bottom: 20px !important;
}
.pb_25 {
  padding-bottom: 25px !important;
}
.pr_5 {
  padding-right: 5px !important;
}
.pr_10 {
  padding-right: 10px !important;
}
.pr_15 {
  padding-right: 15px !important;
}
.pr_20 {
  padding-right: 20px !important;
}
.pr_25 {
  padding-right: 25px !important;
}
.pl_5 {
  padding-left: 5px !important;
}
.pl_10 {
  padding-left: 10px !important;
}
.pl_15 {
  padding-left: 15px !important;
}
.pl_20 {
  padding-left: 20px !important;
}
.pl_25 {
  padding-left: 25px !important;
}
.h_20 {
  height: 20px;
}
.h_30 {
  height: 30px;
}
.h_40 {
  height: 40px;
}
.h_50 {
  height: 50px;
}
.h_100 {
  height: 100px;
}
.h_150 {
  height: 150px;
}
.h_200 {
  height: 200px;
}
.h_250 {
  height: 250px;
}
.h_300 {
  height: 300px;
}
.h_400 {
  height: 400px;
}
.h_450 {
  height: 450px;
}
.w_5 {
  width: 5px;
}
.w_10 {
  width: 10px;
}
.w_15 {
  width: 15px;
}
.w_20 {
  width: 20px;
}
.w_25 {
  width: 25px;
}
.w_30 {
  width: 30px;
}
.w_35 {
  width: 35px;
}
.w_40 {
  width: 40px;
}
.w_45 {
  width: 45px;
}
.w_50 {
  width: 50px;
}
.w_55 {
  width: 55px;
}
.w_60 {
  width: 60px;
}
.w_65 {
  width: 65px;
}
.w_70 {
  width: 70px;
}
.w_75 {
  width: 75px;
}
.w_80 {
  width: 80px;
}
.w_85 {
  width: 85px;
}
.w_90 {
  width: 90px;
}
.w_95 {
  width: 95px;
}
.w_100 {
  width: 100px;
}
.pc_5 {
  width: 5%;
}
.pc_10 {
  width: 10%;
}
.pc_15 {
  width: 15%;
}
.pc_20 {
  width: 20%;
}
.pc_25 {
  width: 25%;
}
.pc_30 {
  width: 30%;
}
.pc_33 {
  width: 33.33333333333%;
}
.pc_33.grupo_bloques:nth-child(3n +4) {
  clear: both;
}
.pc_35 {
  width: 35%;
}
.pc_40 {
  width: 40%;
}
.pc_45 {
  width: 45%;
}
.pc_50 {
  width: 50%;
}
.pc_50.grupo_bloques:nth-child(2n +3) {
  clear: both;
}
.pc_55 {
  width: 55%;
}
.pc_60 {
  width: 60%;
}
.pc_65 {
  width: 65%;
}
.pc_66 {
  width: 66.66666666666%;
}
.pc_70 {
  width: 70%;
}
.pc_75 {
  width: 75%;
}
.pc_80 {
  width: 80%;
}
.pc_85 {
  width: 85%;
}
.pc_90 {
  width: 90%;
}
.pc_95 {
  width: 95%;
}
.pc_100 {
  width: 100%;
}
.pc_5_fixed {
  width: 5% !important;
}
.pc_10_fixed {
  width: 10% !important;
}
.pc_15_fixed {
  width: 15% !important;
}
.pc_20_fixed {
  width: 20% !important;
}
.pc_25_fixed {
  width: 25% !important;
}
.pc_30_fixed {
  width: 30% !important;
}
.pc_33_fixed {
  width: 33.33333333333% !important;
}
.pc_35_fixed {
  width: 35% !important;
}
.pc_40_fixed {
  width: 40% !important;
}
.pc_45_fixed {
  width: 45% !important;
}
.pc_50_fixed {
  width: 50% !important;
}
.pc_55_fixed {
  width: 55% !important;
}
.pc_60_fixed {
  width: 60% !important;
}
.pc_65_fixed {
  width: 65% !important;
}
.pc_66_fixed {
  width: 66.66666666666% !important;
}
.pc_70_fixed {
  width: 70% !important;
}
.pc_75_fixed {
  width: 75% !important;
}
.pc_80_fixed {
  width: 80% !important;
}
.pc_85_fixed {
  width: 85% !important;
}
.pc_90_fixed {
  width: 90% !important;
}
.pc_95_fixed {
  width: 95% !important;
}
.pc_5_offset {
  width: 5% !important;
  margin-left: 95%;
}
.pc_10_offset {
  width: 10% !important;
  margin-left: 90%;
}
.pc_15_offset {
  width: 15% !important;
  margin-left: 85%;
}
.pc_20_offset {
  width: 20% !important;
  margin-left: 80%;
}
.pc_25_offset {
  width: 25% !important;
  margin-left: 75%;
}
.pc_30_offset {
  width: 30% !important;
  margin-left: 70%;
}
.pc_33_offset {
  width: 33.33333333333% !important;
  margin-left: 66.66666666%;
}
.pc_35_offset {
  width: 35% !important;
  margin-left: 65%;
}
.pc_40_offset {
  width: 40% !important;
  margin-left: 60%;
}
.pc_45_offset {
  width: 45% !important;
  margin-left: 55%;
}
.pc_50_offset {
  width: 50% !important;
  margin-left: 50%;
}
.pc_55_offset {
  width: 55% !important;
  margin-left: 45%;
}
.pc_60_offset {
  width: 60% !important;
  margin-left: 40%;
}
.pc_65_offset {
  width: 65% !important;
  margin-left: 35%;
}
.pc_66_offset {
  width: 66.66666666666% !important;
  margin-left: 33.3333333%;
}
.pc_70_offset {
  width: 70% !important;
  margin-left: 30%;
}
.pc_75_offset {
  width: 75% !important;
  margin-left: 25%;
}
.pc_80_offset {
  width: 80% !important;
  margin-left: 20%;
}
.pc_85_offset {
  width: 85% !important;
  margin-left: 15%;
}
.pc_90_offset {
  width: 90% !important;
  margin-left: 10%;
}
.pc_95_offset {
  width: 95% !important;
  margin-left: 5%;
}
.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.pc_5.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(5% - 20px);
  width: -webkit-calc(5% - 20px);
  width: calc(5% - 20px);
}
.pc_10.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(10% - 20px);
  width: -webkit-calc(10% - 20px);
  width: calc(10% - 20px);
}
.pc_15.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(15% - 20px);
  width: -webkit-calc(15% - 20px);
  width: calc(15% - 20px);
}
.pc_20.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(20% - 20px);
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
}
.pc_25.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(25% - 20px);
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
}
.pc_30.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(30% - 20px);
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
}
.pc_33.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(33.333333333333336% - 20px);
  width: -webkit-calc(33.333333333333336% - 20px);
  width: calc(33.333333333333336% - 20px);
}
.pc_35.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(35% - 20px);
  width: -webkit-calc(35% - 20px);
  width: calc(35% - 20px);
}
.pc_40.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(40% - 20px);
  width: -webkit-calc(40% - 20px);
  width: calc(40% - 20px);
}
.pc_45.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(45% - 20px);
  width: -webkit-calc(45% - 20px);
  width: calc(45% - 20px);
}
.pc_50.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
.pc_55.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(55% - 20px);
  width: -webkit-calc(55% - 20px);
  width: calc(55% - 20px);
}
.pc_60.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(60% - 20px);
  width: -webkit-calc(60% - 20px);
  width: calc(60% - 20px);
}
.pc_65.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(65% - 20px);
  width: -webkit-calc(65% - 20px);
  width: calc(65% - 20px);
}
.pc_66.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(66.66666666666667% - 20px);
  width: -webkit-calc(66.66666666666667% - 20px);
  width: calc(66.66666666666667% - 20px);
}
.pc_70.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(70% - 20px);
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
}
.pc_75.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(75% - 20px);
  width: -webkit-calc(75% - 20px);
  width: calc(75% - 20px);
}
.pc_80.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(80% - 20px);
  width: -webkit-calc(80% - 20px);
  width: calc(80% - 20px);
}
.pc_85.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(85% - 20px);
  width: -webkit-calc(85% - 20px);
  width: calc(85% - 20px);
}
.pc_90.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(90% - 20px);
  width: -webkit-calc(90% - 20px);
  width: calc(90% - 20px);
}
.pc_95.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(95% - 20px);
  width: -webkit-calc(95% - 20px);
  width: calc(95% - 20px);
}
.pc_100.con_margen {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.pc_5_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(5% - 20px) !important;
  width: -webkit-calc(5% - 20px) !important;
  width: calc(5% - 20px) !important;
}
.pc_10_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(10% - 20px) !important;
  width: -webkit-calc(10% - 20px) !important;
  width: calc(10% - 20px) !important;
}
.pc_15_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(15% - 20px) !important;
  width: -webkit-calc(15% - 20px) !important;
  width: calc(15% - 20px) !important;
}
.pc_20_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(20% - 20px) !important;
  width: -webkit-calc(20% - 20px) !important;
  width: calc(20% - 20px) !important;
}
.pc_25_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(25% - 20px) !important;
  width: -webkit-calc(25% - 20px) !important;
  width: calc(25% - 20px) !important;
}
.pc_30_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(30% - 20px) !important;
  width: -webkit-calc(30% - 20px) !important;
  width: calc(30% - 20px) !important;
}
.pc_33_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(33.333333333333336% - 20px) !important;
  width: -webkit-calc(33.333333333333336% - 20px) !important;
  width: calc(33.333333333333336% - 20px) !important;
}
.pc_35_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(35% - 20px) !important;
  width: -webkit-calc(35% - 20px) !important;
  width: calc(35% - 20px) !important;
}
.pc_40_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(40% - 20px) !important;
  width: -webkit-calc(40% - 20px) !important;
  width: calc(40% - 20px) !important;
}
.pc_45_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(45% - 20px) !important;
  width: -webkit-calc(45% - 20px) !important;
  width: calc(45% - 20px) !important;
}
.pc_50_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(50% - 20px) !important;
  width: -webkit-calc(50% - 20px) !important;
  width: calc(50% - 20px) !important;
}
.pc_55_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(55% - 20px) !important;
  width: -webkit-calc(55% - 20px) !important;
  width: calc(55% - 20px) !important;
}
.pc_60_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(60% - 20px) !important;
  width: -webkit-calc(60% - 20px) !important;
  width: calc(60% - 20px) !important;
}
.pc_65_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(65% - 20px) !important;
  width: -webkit-calc(65% - 20px) !important;
  width: calc(65% - 20px) !important;
}
.pc_66_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(66.66666666666667% - 20px) !important;
  width: -webkit-calc(66.66666666666667% - 20px) !important;
  width: calc(66.66666666666667% - 20px) !important;
}
.pc_70_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(70% - 20px) !important;
  width: -webkit-calc(70% - 20px) !important;
  width: calc(70% - 20px) !important;
}
.pc_75_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(75% - 20px) !important;
  width: -webkit-calc(75% - 20px) !important;
  width: calc(75% - 20px) !important;
}
.pc_80_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(80% - 20px) !important;
  width: -webkit-calc(80% - 20px) !important;
  width: calc(80% - 20px) !important;
}
.pc_85_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(85% - 20px) !important;
  width: -webkit-calc(85% - 20px) !important;
  width: calc(85% - 20px) !important;
}
.pc_90_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(90% - 20px) !important;
  width: -webkit-calc(90% - 20px) !important;
  width: calc(90% - 20px) !important;
}
.pc_95_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(95% - 20px) !important;
  width: -webkit-calc(95% - 20px) !important;
  width: calc(95% - 20px) !important;
}
.pc_100_fixed.con_margen {
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: -moz-calc(100% - 20px) !important;
  width: -webkit-calc(100% - 20px) !important;
  width: calc(100% - 20px) !important;
}
.grupo_idem .pc_25:nth-child(4n+1) {
  clear: both;
}
.grupo_idem .pc_33:nth-child(3n+1) {
  clear: both;
}
.grupo_idem .pc_50:nth-child(2n+1) {
  clear: both;
}
@media screen and (max-width: 1025px) {
  .grupo_idem .pc_33:nth-child(3n+1) {
    clear: none;
  }
  .grupo_idem .pc_25:nth-child(2n+1),
  .grupo_idem .pc_33:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .pc_20_md {
    width: 20% !important;
  }
  .pc_20_md.con_margen,
  .pc_20_md.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(20% - 20px) !important;
    width: -webkit-calc(20% - 20px) !important;
    width: calc(20% - 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pc_20_sm {
    width: 20% !important;
  }
  .pc_20_sm.con_margen,
  .pc_20_sm.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(20% - 20px) !important;
    width: -webkit-calc(20% - 20px) !important;
    width: calc(20% - 20px) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_20_xs {
    width: 20% !important;
  }
  .pc_20_xs.con_margen,
  .pc_20_xs.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(20% - 20px) !important;
    width: -webkit-calc(20% - 20px) !important;
    width: calc(20% - 20px) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .pc_25_md {
    width: 25% !important;
  }
  .pc_25_md.con_margen,
  .pc_25_md.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(25% - 20px) !important;
    width: -webkit-calc(25% - 20px) !important;
    width: calc(25% - 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pc_25_sm {
    width: 25% !important;
  }
  .pc_25_sm.con_margen,
  .pc_25_sm.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(25% - 20px) !important;
    width: -webkit-calc(25% - 20px) !important;
    width: calc(25% - 20px) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_25_xs {
    width: 25% !important;
  }
  .pc_25_xs.con_margen,
  .pc_25_xs.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(25% - 20px) !important;
    width: -webkit-calc(25% - 20px) !important;
    width: calc(25% - 20px) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .pc_33_md {
    width: 33.333333% !important;
  }
  .pc_33_md.con_margen,
  .pc_33_md.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(33% - 20px) !important;
    width: -webkit-calc(33% - 20px) !important;
    width: calc(33% - 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pc_33_sm {
    width: 33.333333% !important;
  }
  .pc_33_sm.con_margen,
  .pc_33_sm.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(33% - 20px) !important;
    width: -webkit-calc(33% - 20px) !important;
    width: calc(33% - 20px) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_33_xs {
    width: 33.333333% !important;
  }
  .pc_33_xs.con_margen,
  .pc_33_xs.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(33% - 20px) !important;
    width: -webkit-calc(33% - 20px) !important;
    width: calc(33% - 20px) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .pc_50_md {
    width: 50% !important;
  }
  .pc_50_md.con_margen,
  .pc_50_md.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(50% - 20px) !important;
    width: -webkit-calc(50% - 20px) !important;
    width: calc(50% - 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pc_50_sm {
    width: 50% !important;
  }
  .pc_50_sm.con_margen,
  .pc_50_sm.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(50% - 20px) !important;
    width: -webkit-calc(50% - 20px) !important;
    width: calc(50% - 20px) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_50_xs {
    width: 50% !important;
  }
  .pc_50_xs.con_margen,
  .pc_50_xs.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(50% - 20px) !important;
    width: -webkit-calc(50% - 20px) !important;
    width: calc(50% - 20px) !important;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .pc_100_md {
    width: 100% !important;
  }
  .pc_100_md.con_margen,
  .pc_100_md.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(98% - 20px) !important;
    width: -webkit-calc(98% - 20px) !important;
    width: calc(98% - 20px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pc_100_sm {
    width: 100% !important;
  }
  .pc_100_sm.con_margen,
  .pc_100_sm.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(98% - 20px) !important;
    width: -webkit-calc(98% - 20px) !important;
    width: calc(98% - 20px) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_100_xs {
    width: 100% !important;
  }
  .pc_100_xs.con_margen,
  .pc_100_xs.bloque {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: -moz-calc(98% - 20px) !important;
    width: -webkit-calc(98% - 20px) !important;
    width: calc(98% - 20px) !important;
  }
}
.con_margen_interior {
  padding: 10px 16px !important;
}
.full {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
}
/* TABLAS */
.tabla {
  display: table;
}
.tabla > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top;
}
.tabla .va_center {
  vertical-align: middle !important;
}
.tabla .va_bottom {
  vertical-align: bottom !important;
}
.tabla .a_left {
  align: left !important;
}
.tabla .a_right {
  align: right !important;
}
.tabla .a_center {
  align: center !important;
}
/** TIPOGRAFIA **/
.font_size_large {
  font-size: 2em !important;
}
.font_size_xl {
  font-size: 3em !important;
}
.no_border {
  border: none !important;
}
.alerta {
  color: #d9534f;
  font-weight: bold;
}
.block,
.show {
  display: block;
}
.hidden {
  display: none;
}
.items_inline li,
.items_inline a {
  display: inline-block;
}
.hide,
.hidden {
  display: none !important;
}
.show {
  display: block !important;
}
.salto {
  clear: both;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.static {
  float: none !important;
}
/*
	.inline > * {
		float: left;
		padding: 5px;
	}
	 */
.in_right {
  position: absolute;
  left: 100%;
}
.in_center {
  position: absolute;
  left: 0%;
}
.in_left {
  position: absolute;
  left: -100%;
}
.items_inline > * {
  display: inline-block;
}
.redondeadas {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.redondeadas_top_left {
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}
.redondeadas_top_right {
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.redondeadas_bottom_left {
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.redondeadas_bottom_right {
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
/**********************
 *  
 * FLEXBOX 
 *
**********************/
.flex,
.fila-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_top {
  align-self: flex-start;
}
.flex_bottom {
  align-self: flex-end;
}
.flex_items_spacebetween {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.flex_items_around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.flex_items_top {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.flex_items_bottom {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.flex_items_middle {
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
/********************* 
 *
 * CLEARFIX 
 *
 ********************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/***********************************************************************
 * CAJAS
 ***********************************************************************/
.caja,
.columna,
.fila,
.bloque,
.bloque_generico,
.bloque_contenedor {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.caja,
.columna,
.fila,
.bloque,
.bloque_generico,
.bloque_contenedor {
  float: left;
}
/* Caja */
/* Bloque */
.bloque {
  margin-top: 10px;
  /* generico */
  margin-bottom: 10px;
  /* generico */
  padding-bottom: 10px;
  /* generico */
  padding-left: 16px;
  /* generico */
  padding-right: 16px;
  /* generico */
  padding-top: 10px;
  /* generico */
}
.bloque.pc_5 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(5% - 20px);
  width: -webkit-calc(5% - 20px);
  width: calc(5% - 20px);
}
.bloque.pc_10 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(10% - 20px);
  width: -webkit-calc(10% - 20px);
  width: calc(10% - 20px);
}
.bloque.pc_15 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(15% - 20px);
  width: -webkit-calc(15% - 20px);
  width: calc(15% - 20px);
}
.bloque.pc_20 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(20% - 20px);
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
}
.bloque.pc_25 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(25% - 20px);
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
}
.bloque.pc_30 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(30% - 20px);
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
}
.bloque.pc_33 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(33.333333333333336% - 20px);
  width: -webkit-calc(33.333333333333336% - 20px);
  width: calc(33.333333333333336% - 20px);
}
.bloque.pc_35 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(35% - 20px);
  width: -webkit-calc(35% - 20px);
  width: calc(35% - 20px);
}
.bloque.pc_40 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(40% - 20px);
  width: -webkit-calc(40% - 20px);
  width: calc(40% - 20px);
}
.bloque.pc_45 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(45% - 20px);
  width: -webkit-calc(45% - 20px);
  width: calc(45% - 20px);
}
.bloque.pc_50 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
.bloque.pc_55 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(55% - 20px);
  width: -webkit-calc(55% - 20px);
  width: calc(55% - 20px);
}
.bloque.pc_60 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(60% - 20px);
  width: -webkit-calc(60% - 20px);
  width: calc(60% - 20px);
}
.bloque.pc_65 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(65% - 20px);
  width: -webkit-calc(65% - 20px);
  width: calc(65% - 20px);
}
.bloque.pc_66 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(66.66666666666667% - 20px);
  width: -webkit-calc(66.66666666666667% - 20px);
  width: calc(66.66666666666667% - 20px);
}
.bloque.pc_70 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(70% - 20px);
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
}
.bloque.pc_75 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(75% - 20px);
  width: -webkit-calc(75% - 20px);
  width: calc(75% - 20px);
}
.bloque.pc_80 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(80% - 20px);
  width: -webkit-calc(80% - 20px);
  width: calc(80% - 20px);
}
.bloque.pc_85 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(85% - 20px);
  width: -webkit-calc(85% - 20px);
  width: calc(85% - 20px);
}
.bloque.pc_90 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(90% - 20px);
  width: -webkit-calc(90% - 20px);
  width: calc(90% - 20px);
}
.bloque.pc_95 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(95% - 20px);
  width: -webkit-calc(95% - 20px);
  width: calc(95% - 20px);
}
.bloque.pc_100,
.bloque:not([class*="pc_"]) {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.fila,
.fila_flex,
.fila_tabla {
  clear: both;
  display: block;
  width: 100%;
}
.fila {
  display: block;
}
.fila_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  /*
		&.flex_col { flex-direction: column }  
		&.flex_row { flex-direction: row}
		&.flex_wrap { flex-wrap: wrap; }
		&.flex_nowrap { flex-wrap: nowrap; }
		
		.item_flex {
			
		}
		
		@media (min-width: @screen_md_min) and (max-width: @screen_md_max) { 
			//flex-direction: column;
			//justify-content: center;
			//text-align: center;
			&.flex_col_md { flex-direction: column; text-align: center; }
			&.flex_row_md { flex-direction: row; text-align: left; }
		}
		
 		@media (min-width: @screen_sm_min) and (max-width: @screen_sm_max) {	 
			flex-direction: column;
			text-align: center;
			&.flex_col_sm { flex-direction: column; text-align: center; }
			&.flex_row_sm { flex-direction: row; text-align: left; }
		}
		
		@media screen and (max-width: @screen_xs_max) {
			flex-direction: column;
			text-align: center;
			&.flex_col_xs { flex-direction: column; text-align: center; }
			&.flex_row_xs { flex-direction: row; text-align: left; }			 
		}
		*  */
}
.fila_tabla {
  display: table;
  border-collapse: collapse;
}
.fila_tabla > .columna {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  float: none;
  vertical-align: top;
}
.bloque_contenedor {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: none;
  height: 100%;
  max-width: 1600px;
  margin: auto;
  min-width: 240px;
  width: 100%;
  /*
		@media screen and (max-width: @screen_lg) {
			width: 90% !important;
		}
		@media screen and (max-width: @screen_sm_max) {
			width: 96% !important;
		}
		@media screen and (max-width: @screen_xs_max) {
			width: 98% !important;
		}
		 */
}
.cabecera_bloque,
.cuerpo_bloque,
.pie_bloque {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  padding: 0 0;
  width: 100%;
}
.cabecera_bloque {
  font-weight: normal;
}
.cuerpo_bloque .encabezado {
  margin-top: 1.000em;
}
.cuerpo_bloque p + p {
  margin-top: 0.666em;
}
.cuerpo_bloque .encabezado + p {
  margin-top: 0.666em;
}
.cuerpo_bloque p:first-child,
.cuerpo_bloque ul:first-child,
.cuerpo_bloque ol:first-child {
  padding-top: 0;
  margin-top: 0;
}
.bloque_bloque {
  padding-left: 0;
  padding-right: 0;
}
.bloque_bloque > .cabecera_bloque,
.bloque_bloque > .pie_bloque {
  margin-left: 16px;
  margin-right: 16px;
}
.bloque_bloque > .cuerpo_bloque {
  margin-left: 16px;
  margin-right: 16px;
}
.bloque_bloque .bloque {
  padding: 0;
}
.bloque_bloque .bloque .cabecera_bloque,
.bloque_bloque .bloque .cuerpo_bloque,
.bloque_bloque .bloque .pie_bloque {
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
}
/* Grupo de bloques */
.grupo_bloques {
  display: table;
}
.grupo_bloques .item_cell {
  display: table-cell !important;
  float: none;
  padding: 20px;
  position: static !important;
}
.pos_right {
  left: 100%;
}
/*********************************************************
	 * 
	 * MENSAJES
	 *
	 ********************************************************/
.mensaje {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 10px 16px;
}
.mensaje.mensaje_error {
  background-color: #d9534f;
  color: white;
}
.mensaje.mensaje_ok {
  background-color: rgb(54, 156, 42);
  color: white;
}
.mensaje.mensaje_aviso {
  background-color: #f0ad4e;
  color: white;
}
.mensaje .texto_mensaje {
  font-weight: 300;
}
/*********************************************************
	 * 
	 * MODAL
	 *
	 ********************************************************/
.modal {
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.contenido_modal {
  background-color: white;
  max-width: 50%;
  margin: auto;
  padding: 20px 20px;
}
.msg:empty {
  padding: 0;
  margin: 0;
}
/*************************************************************
 	 *
 	 * BOTON UP
 	 *
 	 **************************************************************/
#up {
  display: none;
}
#btn_up {
  bottom: 20px;
  display: none;
  position: fixed;
  /*background-color: rgba(153, 186, 54, 0.8);*/
  background-color:rgb(54, 156, 42);
  
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
  z-index: 9999;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
#btn_up .fa {
  color: white;
}
#btn_up:hover {
  cursor: hand;
  cursor: pointer;
}
#btn_up.visible {
  display: block;
  z-index: 100000000;
  right: 5px;
}
#btn_up.oculto {
  display: block;
  right: -120px;
}
/*************************************************************
 	 *
 	 * GUARDANDO
 	 *
 	 **************************************************************/
.guardando {
  display: inline-block;
  width: auto;
  vertical-align: baseline;
}
.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.inline_flex {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/****************************************************************************************************************************
	FORMULARIOS
*****************************************************************************************************************************/
/** GENERICO **/
/*
		fieldset {
			border: @gris_claro 1px solid;
			margin-bottom: @margin_1;
			margin-top: @margin_1;
			padding: @padding_base_vertical @padding_base_horizontal;
		}
		
		legend {
			font-size: @font_size_base;
			padding: @padding_base_vertical @padding_base_horizontal;
		}
		 */
.contenedor_input {
  /* bloque que contiene label + input/textarea, etc... */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  padding: 10px;
}
.contenedor_input > label,
.contenedor_input > .label {
  display: block;
  text-align: left !important;
  width: 100%;
}
.contenedor_input .input,
.contenedor_input input:not(.boton),
.contenedor_input textarea,
.contenedor_input select {
  background-color: #fff;
  border: #ccc 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555555;
  height: 45px;
  font: 1em 'Open Sans', sans-serif;
}
.contenedor_input input:not(.boton),
.contenedor_input textarea,
.contenedor_input select {
  padding: 10px 16px;
  width: 100%;
}
.contenedor_input textarea {
  height: 180px;
  min-height: 45px;
  resize: vertical;
}
.contenedor_input input[type="file"] {
  background-color: transparent;
  border: none;
  padding: 0;
}
form > p,
form > .label {
  padding: 10px;
}
/*
		label, .label {
			display: block;
			text-align: left !important;
			width: @full;
		}
		*/
label span {
  margin-left: 10px;
}
.input,
input:not(.boton),
textarea,
select {
  background-color: #fff;
  border: #ccc 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555555;
  height: 45px;
  font: 1em 'Open Sans', sans-serif;
}
input:not(.boton),
textarea,
select {
  padding: 10px 16px;
  width: 100%;
}
textarea {
  height: 180px;
  min-height: 45px;
  resize: vertical;
}
.contenedor_input.required label:after,
.contenedor_input.obligatorio label:after,
label.obligatorio:after,
.label.obligatorio:after,
label.required:after,
.label.required:after {
  content: "*";
  color: #d9534f;
  margin-left: 5px;
}
.input_inline {
  /*
			display: table;		
			
			input,
			textarea,
			select,
			label,
			.label {
				display: table-cell;
				vertical-align: middle;
				width: auto;
			}
			input { 
				width: 100%;
				&[type="checkbox"],
				&[type="radio"] {
					width: @input_height_base;
				}
				&[type="checkbox"] + label,
				&[type="radio"] + label {
					padding-left: @margin_1;
					width: @full;
				}
				
			}
			* */
}
.input_inline input,
.input_inline input:not(.boton),
.input_inline textarea,
.input_inline select,
.input_inline label,
.input_inline .label {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  width: auto;
}
.input_inline label {
  padding-right: 0;
  padding-left: 10px;
}
.input_inline label:first-child {
  padding-right: 10px;
  padding-left: 0;
}
.boton {
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555555;
  display: inline-block;
  font: 1em 'Open Sans', sans-serif;
  font-weight: normal;
  height: 45px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.boton:not(span) {
  line-height: 45px;
}
.boton > span {
  display: inline-block;
  vertical-align: middle;
}
.boton:hover {
  cursor: pointer;
}
.btn_size_default {
  width: 120px;
}
.btn_size_full {
  width: 100%;
}
.btn_size_auto {
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
.btn_size_large {
  width: 240px;
}
.btn_size_small {
  width: 60px;
}
.btn_size_xs {
  width: 30px;
}
.btn_size_xl {
  width: 480px;
}
.btn_height_auto {
  height: auto;
  line-height: 150% !important;
  padding: 10px 16px;
}
.btn_height_full {
  height: 100%;
}
.btn_height_large {
  height: 67.5px;
  line-height: 67.5px;
}
.btn_height_small {
  height: 22.5px;
  line-height: 22.5px;
  font-size: 0.8em;
}
.w_default {
  width: 120px;
}
.w_small {
  width: 60px;
}
.w_large {
  width: 240px;
}
.w_xs {
  width: 30px;
}
.w_xl {
  width: 480px;
}
.btn_circulo {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.btn_left {
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}
.btn_center {
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}
.btn_right {
  text-align: right;
  padding-left: 16px;
  padding-right: 16px;
}
/**************************************************
 * ESTILOS PREDEFINIDOS
 */
.estilo_boton_default {
  background-color: white;
  border-color: #999999;
  color: #555555;
}
.estilo_boton_default:hover,
.estilo_boton_default.activo {
  background-color: #464646;
  color: white;
}
.estilo_boton_inverso {
  background-color: #111;
  color: #eeeeee;
}
.estilo_boton_inverso:hover,
.estilo_boton_inverso.activo {
  background-color: #999999;
  color: white;
}
/*
.estilo_boton_base,
.estilo_boton_base_inverso {
	color: white;
	&:hover {
		background-color: @gris_claro; // darken(@color_base_1, @oscurecer);
		//border-color: @gris_claro; //darken(@color_base_1, @oscurecer);
		color: black;
	}		
}
 */
.estilo_boton_base {
  background-color: rgb(54, 156, 42);
  /*border: rgb(54, 156, 42) 1px solid;*/
  color: #fff;
}
.estilo_boton_base:hover,
.estilo_boton_base.activo {
  background-color: #000;
  border-color: #000;
  color: white;
}
.estilo_boton_base_inverso {
  background-color:rgb(54, 156, 42);
  border: rgb(54, 156, 42) 1px solid;
  color: #fff;
}
.estilo_boton_base_inverso:hover {
  background-color: #000;
  border-color: #fff;
  color: #fff;
}

.estilo_boton_base_inverso_2 {
  background-color: #000;
  border: #000 1px solid;
  color: #fff;
}
.estilo_boton_base_inverso_2:hover {
  background-color: rgb(54, 156, 42);
  border-color: #fff;
  color: #fff;
}


.estilo_boton_ok {
  background-color:rgb(54, 156, 42);
  color: #fff;
}
.estilo_boton_ok:hover,
.estilo_boton_ok.activo {
  background-color: #222222;
  color: #fff;
}
.estilo_boton_ok:disabled {
  background-color: #acacac;
  color: #fff;
  cursor:default;
}
.estilo_boton_alerta {
  background-color: #d9534f;
  color: #fff;
}
.estilo_boton_alerta:hover,
.estilo_boton_alerta.activo {
  background-color: #a02622;
  color: white;
}
.estilo_boton_info {
  background-color: #5bc0de;
  color: #222222;
}
.estilo_boton_info:hover {
  background-color: #2390b0;
  color: white;
}
.estilo_boton_aviso {
  background-color: #f0ad4e;
  color: #fff;
}
.estilo_boton_aviso:hover,
.estilo_boton_aviso.activo {
  background-color: #c77c11;
  border-color: #c77c11;
  color: white;
}
.estilo_boton_link {
  background-color: transparent;
  border-color: transparent;
  color: rgb(54, 156, 42);
}
.estilo_boton_link:hover,
.estilo_boton_link.activo {
  text-decoration: underline;
}
.btn_especial {
  line-height: 120% !important;
  padding: 10px 16px !important;
  height: auto;
  overflow: hidden;
  clear: both;
  display: block;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  /*
		&.flex_col { flex-direction: column }  
		&.flex_row { flex-direction: row}
		&.flex_wrap { flex-wrap: wrap; }
		&.flex_nowrap { flex-wrap: nowrap; }
		
		.item_flex {
			
		}
		
		@media (min-width: @screen_md_min) and (max-width: @screen_md_max) { 
			//flex-direction: column;
			//justify-content: center;
			//text-align: center;
			&.flex_col_md { flex-direction: column; text-align: center; }
			&.flex_row_md { flex-direction: row; text-align: left; }
		}
		
 		@media (min-width: @screen_sm_min) and (max-width: @screen_sm_max) {	 
			flex-direction: column;
			text-align: center;
			&.flex_col_sm { flex-direction: column; text-align: center; }
			&.flex_row_sm { flex-direction: row; text-align: left; }
		}
		
		@media screen and (max-width: @screen_xs_max) {
			flex-direction: column;
			text-align: center;
			&.flex_col_xs { flex-direction: column; text-align: center; }
			&.flex_row_xs { flex-direction: row; text-align: left; }			 
		}
		*  */
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.btn_especial.caja_demo_1 {
  -webkit-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.btn_especial small {
  display: block;
}
.grupo_botones .boton {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
.grupo_botones .boton:not(:first-child) {
  border-left: none;
}
/** MENUS GENERICOS **/
.menu,
.menu ul,
.menu li,
.menu a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.menu_inline li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 7px;
}
.menu_fichas {
  height: 45px;
}
.menu_fichas li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 7px;
}
.menu_fichas:before {
  background-color: rgba(0, 0, 0, 0.2);
  content: ' ';
  display: block;
  position: absolute;
  height: 1px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.menu_fichas li {
  height: 100%;
  padding-right: 5px;
  position: relative;
}
.menu_fichas li a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: white;
  border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
  height: 100%;
  padding: 0 16px;
}
.menu_fichas li a.activo {
  background-color: #99ba36;
  color: #333333;
  border-color: #99ba36;
}
/* TABLAS */
table {
  text-align: left;
  width: 100%;
}
table td,
table th {
  padding: 15px;
}
table.estilo_tabla_1 {
  border: #ccc 1px solid;
}
table.estilo_tabla_1 th {
  background-color: #dedede;
}
.tabla {
  display: table;
  table-layout: fixed;
}
.tabla .tabla_caption {
  display: table-caption;
}
.tabla .tabla_tr {
  display: table-row;
}
.tabla .tabla_td {
  display: table-cell;
  vertical-align: middle;
}
.tabla .tabla_td.va_top {
  vertical-align: top !important;
}
.tabla .tabla_td.va_bottom {
  vertical-align: bottom !important;
}
.tabla .tabla_td.a_left {
  text-align: left !important;
}
.tabla .tabla_td.a_right {
  text-align: right !important;
}
.tabla .tabla_td.a_center {
  text-align: center !important;
}
.tabla.margen_td .tabla_td {
  border-style: solid;
  border-width: 1px;
}
.tabla_responsive {
  overflow-x: auto;
}
/***********************************************************************
 * BREADCRUMB
 ***********************************************************************/
.breadcrumb {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  width: 100%;
  display: block;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 20px;
}
.breadcrumb ul {
  background-color: white;
  border: #ccc 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 33px;
  margin-left: 10px;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}
.breadcrumb ul li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
.breadcrumb ul a {
  background-color: white;
  color: #555555;
  display: inline-block;
  margin-left: -15px;
  padding: 5px 45px 5px 30px;
  position: relative;
  text-decoration: none;
  z-index: 2;
}
.breadcrumb ul a:after {
  background-color: white;
  content: ' ';
  display: block;
  position: absolute;
  height: 22px;
  right: -10px;
  top: 4px;
  width: 22px;
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.breadcrumb ul a:before {
  background-color: white;
  content: ' ';
  display: block;
  position: absolute;
  height: 22px;
  left: -10px;
  top: 4px;
  width: 22px;
  border-top: #ccc 1px solid;
  border-right: #ccc 1px solid;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
.breadcrumb ul a:hover {
  color: black;
}
.breadcrumb ul li:first-child a:before {
  border: none;
  height: 0;
  width: 0;
}
.breadcrumb ul li > span {
  padding-left: 25px;
}
/*
 
 	.breadcrumb {
 		background-color: @bg_web;
 		.box_sizing;
 		display: block;
 		.fila;
 		font-style: italic;
 		padding: @padding_base_vertical*2 @padding_base_horizontal;
 		
 		ul {
 			 background-color: white;
 			
 		 	li {
	 			color :@gris_claro;
	 			display: inline-block;
	 			padding: @padding_base_vertical @padding_base_horizontal;	
	 			
	 			a {
	 				.estilo_enlace_1;
	 				text-decoration :none
	 			}
	 			
	 			&:not(:first-child) {
	 				margin-left: 20px;
	 				
	 				&:before {
	 					.crea_content('left');
	 				}
	 			}
	 		}	
 			
 		}
		 	
 	}
 	*  */
#barra_top {
  background-color: #313030;;
  color: #eeeeee;
  height: 35px;
  line-height: 35px;
  padding-bottom: 1px;
}
#barra_top .menu_top {
  float: right;
}
#barra_top .menu_top li {
  display: inline-block;
  height: 35px;
  line-height: 35px;
}
#barra_top .menu_top a {
  color: #fff;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 16px;
  text-decoration: none;
}
#barra_top .menu_top a:hover {
  background-color: rgb(54, 156, 42);
  color: #fff;
}
#barra_top .menu_top a.activo {
  background-color: #333333;
  color: rgb(54, 156, 42);
}
#barra_top .menu_idiomas .idioma {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  padding: 5px;
  width: 35px;
}
#barra_top .menu_idiomas .idioma img {
  border: #000000 2px solid;
  height: 21px;
  width: 21px;
  border-radius: 50%;
}
#barra_top .menu_idiomas .idioma.activo img {
  border-color: #000000;
}
#barra_top .menu_login a.btn_logout .fa {
  color: #d9534f;
}
/** MENU PIE **/
#menu_pie li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
#menu_pie li a {
  color: white;
  margin: 10px;
  text-decoration: none;
}
#menu_pie li a:hover {
  color: rgb(54, 156, 42);
}
/* MENU PRINCIPAL */
#menu_principal {
  background-color: #000000;
  height: 50px;
  /* responsive */
  /*
	width: -moz-calc(~"100% - @{ancho}");
	width: -webkit-calc(~"100% - @{ancho}");
	width: calc(~"100% - @{ancho}");
	*/
  width: 100%;
  z-index: 1;
  /*
	&:before {
		//.crea_item('top_left'; @ancho: 20px; @alto: 59%;);
		content: ' ';
		width: 0;
		height: 0; 
		border-bottom: 100px solid @bg_btn_menu_principal; 
		border-left: 100px solid transparent;
		position :absolute;
		top :0;
		left: -30px;
	}
	
	&:after {
		//.crea_item('top_left'; @ancho: 20px; @alto: 59%;);
		content: ' ';
		width: 0;
		height: 0; 
		border-top: 100px solid @bg_btn_menu_principal;
		border-right: 100px solid transparent;
		position :absolute;
		top :0;
		right: 0px;
	}
	 */
  /*
	
	@media screen and (max-width: @screen_xs_max) {
		&>ul {
			top:  @alto_cabecera_xs;
		}
	}
 */
}
#menu_principal ul {
  background-color: #000000;
  min-width: 240px;
  /*text-align: right;*/
}
#menu_principal ul li {
  display: inline-block;
  height: auto;
}
#menu_principal a:not(.min_menu) {
  background-color: #000000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: auto;
  line-height: 40px;
  letter-spacing: 1px;
  /* centrar verticalmente siempre y cuando solo haya una linea */
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  /*
		&:after {
			.crea_item('bottom_left'; 100%; 0; 0; 0; @color_base_1);
			.transicion();
		}
		* 
		*/
}
#menu_principal a:not(.min_menu).destacado {
  background-color: rgba(70, 70, 70, 0.4);
  color: #fff;
}
#menu_principal a:not(.min_menu):hover:not(.min_menu):not(.activo) {
  background-color: rgb(54, 156, 42);
}
#menu_principal a:not(.min_menu) i {
  color: #fff;
  font-size: 2em;
  margin-bottom: 10px;
}
#menu_principal a:not(.min_menu) span {
  display: block;
}
#menu_principal a:not(.min_menu):hover:not(.activo) i {
  color: white;
}
#menu_principal a:not(.min_menu).activo:not(.min_menu),
#menu_principal a:not(.min_menu).activo.destacado {
  background-color: #464646;
  color: #fff;
}
#menu_principal a:not(.min_menu).activo:not(.min_menu):after,
#menu_principal a:not(.min_menu).activo.destacado:after {
  background-color: #900;
}
#menu_principal .min_menu {
  border: #999999 1px solid;
  color: #999999;
  display: none;
  display: none !important;
  padding: 5px 10px;
  position: absolute;
  right: 0px;
  top: 20px;
  width: auto;
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
}
#menu_principal .submenu a {
  padding-left: 20px;
}
#menu_principal .submenu a:hover:not(.min_menu) {
  color: white;
  padding-left: 25px;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.menu_principal_desplegable {
  position: fixed;
}
/** MENU TOP **/
#menu_top {
  text-align: center;
}
#menu_top li {
  display: inline-block;
  margin-right: 20px;
}
#menu_top li a {
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
}
#menu_top li a:hover {
  color: #fff;
}
#menu_top li a .fa {
  color: #fff;
  border-right: #333333 1px solid;
  padding-right: 5px;
}
#menu_top li span {
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  #destacados_min .fila_flex {
    flex-direction: row;
  }
  #destacados_min .fila_flex .fila_flex {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  #destacados_min .fila_flex .fila_flex {
    flex-direction: column;
  }
}
/******************************************************************
 * MENU
 *****************************************************************/
/**************************************************
 * BLOQUE
 **************************************************/
.destacado {
  padding: 0;
}
.destacado {
  height: 300px;
}
.destacado a:hover .texto_destacado {
  background-color: white;
  top: 50%;
}
/***************************************************
 * REGLAS COMUNES PARA VARIOS ELEMENTOS
 ***************************************************/
.imagen_destacado,
.texto_destacado {
  position: absolute;
}
.titulo_destacado,
.titulo_destacado_min,
.texto_destacado,
.texto_destacado_min,
.pie_destacado,
.pie_destacado_min,
.imagen_destacado,
.imagen_destacado_min {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/***************************************************************
 * TEXTO
 ***************************************************************/
.texto_destacado {
  background-color: rgba(255, 255, 255, 0.7);
  display: block;
  height: 150px;
  left: 0;
  padding: 10px 16px;
  top: 205px;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  width: 100%;
  z-index: 5;
}
/***********************************************************
 * TITULO
 **********************************************************/
.titulo_destacado {
  color: #333333;
}
/*************************************************************
 * AUTOR
 */
.autor_destacado {
  color: #333333;
  padding: 10px 0;
}
.autor_destacado .usuario,
.autor_destacado .imagen_usuario {
  display: inline-block;
  vertical-align: middle;
}
.autor_destacado .imagen_usuario {
  height: 32px;
  width: 32px;
}
/*************************************************************
 * IMAGEN
 ************************************************************/
.imagen_destacado {
  height: 250px;
  position: relative;
}
.imagen_destacado img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.imagen_destacado img.mask_left {
  background-position: 0 0;
  background-size: 200%;
}
.imagen_destacado img.mask_right {
  background-position: 100% 0;
  background-size: 200%;
}
.imagen_destacado {
  height: 300px;
}
/******************************************************************
 * PIE
 *****************************************************************/
.pie_destacado {
  margin-top: 10px;
}
.pie_destacado .boton_pie_destacado_min {
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555555;
  display: inline-block;
  font: 1em 'Open Sans', sans-serif;
  font-weight: normal;
  height: 45px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #99ba36;
  border: #99ba36 1px solid;
  color: #464646;
}
.pie_destacado .boton_pie_destacado_min:not(span) {
  line-height: 45px;
}
.pie_destacado .boton_pie_destacado_min > span {
  display: inline-block;
  vertical-align: middle;
}
.pie_destacado .boton_pie_destacado_min:hover {
  cursor: pointer;
}
.pie_destacado .boton_pie_destacado_min:hover,
.pie_destacado .boton_pie_destacado_min.activo {
  background-color: #464646;
  border-color: #99ba36;
  color: white;
}
#proyectos_min {
  padding-bottom: 20px;
  padding-top: 20px;
}
#proyectos_min .info_proyectos_min {
  text-align: center;
}
#proyectos_min .info_proyectos_min .cabecera_bloque {
  text-align: left;
}
#proyectos_min .info_proyectos_min .cuerpo_bloque {
  text-align: justify;
  padding-left: 25px;
}
#proyectos_min .info_proyectos_min .cuerpo_bloque:before {
  background-color: #000;
  content: ' ';
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 15px;
  background: #99ba36;
  background: -moz-linear-gradient(top, #99ba36 0%, #464646 50%, #333333 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(0%, #99ba36), color-stop(100%, #464646));
  background: -webkit-linear-gradient(top, #99ba36 0%, #99ba36 100%);
  background: -o-linear-gradient(top, #99ba36 0%, #464646 100%);
  background: -ms-linear-gradient(top, #99ba36 0%, #464646 100%);
  background: linear-gradient(to bottom, #99ba36 0%, #464646 50%, #333333 100%);
}
#proyectos_min .info_proyectos_min .boton {
  margin: 20px auto;
  height: 62px;
  line-height: 62px;
  width: 62px;
  font-size: 32px;
  font-weight: 300;
}
#proyectos_min .proyectos_destacados {
  flex-wrap: wrap;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
#proyectos_min .proyectos_destacados .proyecto {
  width: 220px;
  margin: 16px 20px;
}
#proyectos_min .fila_flex {
  flex-direction: row;
  justify-content: center;
}
#proyectos_min .fila_flex .columna {
  width: 100% !important;
}
#proyectos_min .bloque {
  padding-bottom: 32px;
}
@media screen and (max-width: 1025px) {
  #proyectos_min .fila_flex {
    justify-content: center;
    text-align: center;
  }
  #proyectos_min .fila_flex .columna {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
  #proyectos_min {
    flex-direction: column;
  }
  #proyectos_min .columna {
    width: 100% !important;
  }
}

/*******************************************************


  PROYECTOS DESTACADOS HOME


  ****************************************************/
  
  .contenedor_proyectos_min, .paginado_proyectos_min  {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

   .proyecto_min_destacado{
    background-color: white;
    height: 320px;
    padding: 0;
  }
  .proyecto_min_destacado a:hover .info_proyecto_min_destacado {
    background-color: white;
    bottom: -50%;
  }
  /***************************************************
     
     * REGLAS COMUNES PARA VARIOS ELEMENTOS
     
     ***************************************************/
  .imagen_proyecto_min_destacado,
  .info_proyecto_min_destacado {
    position: absolute;
  }
  .titulo_proyecto_min_destacado,
  .info_proyecto_min_destacado,
  .pie_proyecto_min_destacado,
  .imagen_proyecto_min_destacado,
  .tags_proyecto_min_destacado {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
   /***************************************************************
     
     * IMAGEN
     
     ***************************************************************/ 
     #bloque_proyectos_cajas_fondo .imagen_proyecto_min {
       
       display: flex;
       justify-content: center;
       align-items: center;
       flex-wrap: nowrap;
       background-size: cover;
      
       position: relative;

     }
     #bloque_proyectos_cajas_fondo .imagen_proyecto_min img.img_bg{
      -webkit-filter: blur(8px);
      -moz-filter: blur(8px);
      -o-filter: blur(8px);
      -ms-filter: blur(8px);
      filter: blur(8px);
      position :absolute;
      top: 0;
      left: 0;
      z-index: 1;
      height:100%;
    }
    #bloque_proyectos_cajas_fondo .imagen_proyecto_min img.img_primer_plano{
      position: relative;
      z-index: 2;
    }
    #bloque_proyectos_cajas_fondo .imagen_proyecto_min.horizontal img.img_primer_plano{
      height: auto;
      width: 100%;
    }
    #bloque_proyectos_cajas_fondo .imagen_proyecto_min.vertical img.img_primer_plano{
      height: 100%;
      width: auto;
    }
    #bloque_proyectos_cajas_fondo .proyecto_min .info_proyecto_min {

      z-index: 5;
      position: relative;
    }
    @media screen and (min-width: 770px) {
      .caja_imagen_destacado {
        width:100%;
        height:320px;
        }
    }
    @media screen and (max-width: 769px) {
      .caja_imagen_destacado {
        width:100%;
        height:500px !important;
        overflow: hidden;
        /*  
        width:100%;
          height:auto;
        */
        }
        .img_bg{
          /*display:none !important;*/
        }
       #bloque_proyectos_cajas_fondo .imagen_proyecto_min.vertical img.img_primer_plano{
          height:auto;
          width:100%;
        }
    }

  /***************************************************************
     
     * TEXTO
     
     ***************************************************************/
  .info_proyecto_min_destacado {
    background-color: rgba(255, 255, 255, 0.85);
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    padding: 10px 16px;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* no funciona en IE9 */
    width: 100%;
    z-index: 5;
  }
  /***********************************************************
     
     * TITULO
     
     **********************************************************/
  .titulo_proyecto_min_destacado {
    color: #333333;
  }
  .titulo_proyecto_min_destacado h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
  }
  /*************************************************************
     
     * AUTOR PROYECTO
     
     ************************************************************/
  .autor_proyecto_min_destacado {
    color: #333333;
    padding: 5px 0;
  }
  .autor_proyecto_min_destacado .usuario,
  .autor_proyecto_min_destacado .imagen_usuario {
    display: inline-block;
    vertical-align: middle;
  }
  .autor_proyecto_min_destacado .imagen_usuario {
    height: 28px;
    width: 28px;
  }
  .autor_proyecto_min_destacado .usuario {
    font-size: 12px;
  }
  /*************************************************************
     
     * MEDIA VOTOS
     
     ************************************************************/
  .media_votos {
    color: #333333;
    text-align: right;
  }
  
  .media_votos .fa {
    margin-right: 3px;
  }
  .media_votos span {
   display: inline-block;
    vertical-align: middle;
    line-height: 100%;
    font-size: 24px;
  }
  .media_votos small {
    font-size: 16px;
  }

  
  /*************************************************************
     
     * IMAGEN PROYECTO
     
     ************************************************************/
  .imagen_proyecto_min_destacado {
    height: 320px;
    position: relative;
  }
  .imagen_proyecto_min_destacado img {
    background-image: url(../imagenes/cargando.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
  }
  .imagen_proyecto_min_destacado img.mask_left {
    background-position: 0 0;
    background-size: 200%;
  }
  .imagen_proyecto_min_destacado img.mask_right {
    background-position: 100% 0;
    background-size: 200%;
  }
  /*************************************************************
    
     * TAGS PROYECTO
    
     ************************************************************/
  .tags_proyecto_min_destacado {
    color: #555555;
    display: block;
    font-size: 11px;
    line-height: 110%;
    padding-left: 20px;
    position: relative;
    width: 100%;
  }
  .tags_proyecto_min_destacado:before {
    content: "\f02b";
    font-family: "FontAwesome";
    left: 0px;
    position: absolute;
  }
  /*************************************************************
    
     * VOTACION DEL PROYECTO
    
     ************************************************************/
  .estilo_votacion_proyecto .votos {
    border: white 1px solid;
    padding: 10px;
  }
  .estilo_votacion_proyecto.block .contenedor_voto {
    border-bottom: white 1px solid;
    padding-top: 5px;
  }
  .estilo_votacion_proyecto.block .contenedor_voto:last-child {
    border-bottom: none;
  }
  .estilo_votacion_proyecto .boton_votacion {
    background-color: #99ba36;
  }
  .estilo_votacion_proyecto .boton_votacion:hover {
    background-color: #333333;
    color: #99ba36;
  }





/* Iconos redes sociales */
.iconos_redes_sociales a {
  color: #eeeeee;
  font-size: 2.000em;
  margin-left: 5px;
  text-decoration: none;
}
.iconos_redes_sociales a:first-child {
  margin-left: 0;
}
.iconos_redes_sociales a:hover {
  color: #99ba36;
}
header .iconos_redes_sociales {
  display: inline;
  float: right;
}
header .iconos_redes_sociales li {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  margin-left: 16px;
}
header .iconos_redes_sociales li:first-child {
  margin-left: 0;
}
header .iconos_redes_sociales a {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #999999;
  display: block;
  font-size: 1.3em;
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
  padding: 0;
  text-align: center;
  transition: all .3s ease;
  width: 34px;
}
/* 
		#barra_top {
						
			.iconos_redes_sociales {
				
				.posicion('bottom_right');
				
				li {
					display: inline-block;
					margin-left: @padding_base_horizontal;
					&:first-child { margin-left: 0; }
				}
				
				a {
					font-size: 1.500em;
				}
			}			
		}
		
		 */
/*
		aside,
		#sidebar,
		.sidebar {
			position: relative;
			overflow: visible;
			.iconos_redes_sociales {
				.fila_flex;
				justify-content: space-around;
				//float: right;
				padding-top: 30px;
				padding-right: 20%;
				.posicion('top_right'; @y: 500px);
				//text-align: right;
				a {
					//.con_texto;
					
				}
			}			
		}
		 */
#cuerpo_contenido .iconos_redes_sociales {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: 10px;
  /* generico */
  margin-bottom: 10px;
  /* generico */
  padding-bottom: 10px;
  /* generico */
  padding-left: 16px;
  /* generico */
  padding-right: 16px;
  /* generico */
  padding-top: 10px;
  /* generico */
  text-align: center;
}
#cuerpo_contenido .iconos_redes_sociales.pc_5 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(5% - 20px);
  width: -webkit-calc(5% - 20px);
  width: calc(5% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_10 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(10% - 20px);
  width: -webkit-calc(10% - 20px);
  width: calc(10% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_15 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(15% - 20px);
  width: -webkit-calc(15% - 20px);
  width: calc(15% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_20 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(20% - 20px);
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_25 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(25% - 20px);
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_30 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(30% - 20px);
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_33 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(33.333333333333336% - 20px);
  width: -webkit-calc(33.333333333333336% - 20px);
  width: calc(33.333333333333336% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_35 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(35% - 20px);
  width: -webkit-calc(35% - 20px);
  width: calc(35% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_40 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(40% - 20px);
  width: -webkit-calc(40% - 20px);
  width: calc(40% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_45 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(45% - 20px);
  width: -webkit-calc(45% - 20px);
  width: calc(45% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_50 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_55 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(55% - 20px);
  width: -webkit-calc(55% - 20px);
  width: calc(55% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_60 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(60% - 20px);
  width: -webkit-calc(60% - 20px);
  width: calc(60% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_65 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(65% - 20px);
  width: -webkit-calc(65% - 20px);
  width: calc(65% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_66 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(66.66666666666667% - 20px);
  width: -webkit-calc(66.66666666666667% - 20px);
  width: calc(66.66666666666667% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_70 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(70% - 20px);
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_75 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(75% - 20px);
  width: -webkit-calc(75% - 20px);
  width: calc(75% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_80 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(80% - 20px);
  width: -webkit-calc(80% - 20px);
  width: calc(80% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_85 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(85% - 20px);
  width: -webkit-calc(85% - 20px);
  width: calc(85% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_90 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(90% - 20px);
  width: -webkit-calc(90% - 20px);
  width: calc(90% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_95 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(95% - 20px);
  width: -webkit-calc(95% - 20px);
  width: calc(95% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales.pc_100,
#cuerpo_contenido .iconos_redes_sociales:not([class*="pc_"]) {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
#cuerpo_contenido .iconos_redes_sociales li {
  margin-left: 16px;
  margin-right: 16px;
  display: inline-block;
}
#cuerpo_contenido .iconos_redes_sociales li a {
  border: white 1px solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0;
  transition: all .3s ease;
  width: 45px;
}
#cuerpo_contenido .iconos_redes_sociales li a:hover {
  background-color: white;
}
#cuerpo_contenido .iconos_redes_sociales li a:hover .fa {
  color: #99ba36;
}
@media screen and (max-width: 1024px) {
  #cuerpo_contenido .iconos_redes_sociales {
    text-align: center;
  }
  #cuerpo_contenido .iconos_redes_sociales li {
    display: inline-block;
    margin-left: 16px;
  }
  #cuerpo_contenido .iconos_redes_sociales li .fa {
    width: 100%;
  }
}
footer .iconos_redes_sociales,
#pie_web .iconos_redes_sociales {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-top: 10px;
  /* generico */
  margin-bottom: 10px;
  /* generico */
  padding-bottom: 10px;
  /* generico */
  padding-left: 16px;
  /* generico */
  padding-right: 16px;
  /* generico */
  padding-top: 10px;
  /* generico */
  text-align: center;
}
footer .iconos_redes_sociales.pc_5,
#pie_web .iconos_redes_sociales.pc_5 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(5% - 20px);
  width: -webkit-calc(5% - 20px);
  width: calc(5% - 20px);
}
footer .iconos_redes_sociales.pc_10,
#pie_web .iconos_redes_sociales.pc_10 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(10% - 20px);
  width: -webkit-calc(10% - 20px);
  width: calc(10% - 20px);
}
footer .iconos_redes_sociales.pc_15,
#pie_web .iconos_redes_sociales.pc_15 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(15% - 20px);
  width: -webkit-calc(15% - 20px);
  width: calc(15% - 20px);
}
footer .iconos_redes_sociales.pc_20,
#pie_web .iconos_redes_sociales.pc_20 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(20% - 20px);
  width: -webkit-calc(20% - 20px);
  width: calc(20% - 20px);
}
footer .iconos_redes_sociales.pc_25,
#pie_web .iconos_redes_sociales.pc_25 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(25% - 20px);
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
}
footer .iconos_redes_sociales.pc_30,
#pie_web .iconos_redes_sociales.pc_30 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(30% - 20px);
  width: -webkit-calc(30% - 20px);
  width: calc(30% - 20px);
}
footer .iconos_redes_sociales.pc_33,
#pie_web .iconos_redes_sociales.pc_33 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(33.333333333333336% - 20px);
  width: -webkit-calc(33.333333333333336% - 20px);
  width: calc(33.333333333333336% - 20px);
}
footer .iconos_redes_sociales.pc_35,
#pie_web .iconos_redes_sociales.pc_35 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(35% - 20px);
  width: -webkit-calc(35% - 20px);
  width: calc(35% - 20px);
}
footer .iconos_redes_sociales.pc_40,
#pie_web .iconos_redes_sociales.pc_40 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(40% - 20px);
  width: -webkit-calc(40% - 20px);
  width: calc(40% - 20px);
}
footer .iconos_redes_sociales.pc_45,
#pie_web .iconos_redes_sociales.pc_45 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(45% - 20px);
  width: -webkit-calc(45% - 20px);
  width: calc(45% - 20px);
}
footer .iconos_redes_sociales.pc_50,
#pie_web .iconos_redes_sociales.pc_50 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
footer .iconos_redes_sociales.pc_55,
#pie_web .iconos_redes_sociales.pc_55 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(55% - 20px);
  width: -webkit-calc(55% - 20px);
  width: calc(55% - 20px);
}
footer .iconos_redes_sociales.pc_60,
#pie_web .iconos_redes_sociales.pc_60 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(60% - 20px);
  width: -webkit-calc(60% - 20px);
  width: calc(60% - 20px);
}
footer .iconos_redes_sociales.pc_65,
#pie_web .iconos_redes_sociales.pc_65 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(65% - 20px);
  width: -webkit-calc(65% - 20px);
  width: calc(65% - 20px);
}
footer .iconos_redes_sociales.pc_66,
#pie_web .iconos_redes_sociales.pc_66 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(66.66666666666667% - 20px);
  width: -webkit-calc(66.66666666666667% - 20px);
  width: calc(66.66666666666667% - 20px);
}
footer .iconos_redes_sociales.pc_70,
#pie_web .iconos_redes_sociales.pc_70 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(70% - 20px);
  width: -webkit-calc(70% - 20px);
  width: calc(70% - 20px);
}
footer .iconos_redes_sociales.pc_75,
#pie_web .iconos_redes_sociales.pc_75 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(75% - 20px);
  width: -webkit-calc(75% - 20px);
  width: calc(75% - 20px);
}
footer .iconos_redes_sociales.pc_80,
#pie_web .iconos_redes_sociales.pc_80 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(80% - 20px);
  width: -webkit-calc(80% - 20px);
  width: calc(80% - 20px);
}
footer .iconos_redes_sociales.pc_85,
#pie_web .iconos_redes_sociales.pc_85 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(85% - 20px);
  width: -webkit-calc(85% - 20px);
  width: calc(85% - 20px);
}
footer .iconos_redes_sociales.pc_90,
#pie_web .iconos_redes_sociales.pc_90 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(90% - 20px);
  width: -webkit-calc(90% - 20px);
  width: calc(90% - 20px);
}
footer .iconos_redes_sociales.pc_95,
#pie_web .iconos_redes_sociales.pc_95 {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(95% - 20px);
  width: -webkit-calc(95% - 20px);
  width: calc(95% - 20px);
}
footer .iconos_redes_sociales.pc_100,
#pie_web .iconos_redes_sociales.pc_100,
footer .iconos_redes_sociales:not([class*="pc_"]),
#pie_web .iconos_redes_sociales:not([class*="pc_"]) {
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
footer .iconos_redes_sociales li,
#pie_web .iconos_redes_sociales li {
  margin-left: 16px;
  margin-right: 16px;
  display: inline-block;
}
footer .iconos_redes_sociales li a,
#pie_web .iconos_redes_sociales li a {
  border: white 1px solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  display: block;
  height: 54px;
  line-height: 54px;
  padding: 0;
  transition: all .3s ease;
  width: 54px;
}
footer .iconos_redes_sociales li a:hover,
#pie_web .iconos_redes_sociales li a:hover {
  background-color: white;
}
footer .iconos_redes_sociales li a:hover .fa,
#pie_web .iconos_redes_sociales li a:hover .fa {
  color: #99ba36;
}
@media screen and (max-width: 1024px) {
  footer .iconos_redes_sociales,
  #pie_web .iconos_redes_sociales {
    text-align: center;
  }
  footer .iconos_redes_sociales li,
  #pie_web .iconos_redes_sociales li {
    display: inline-block;
    margin-left: 16px;
  }
  footer .iconos_redes_sociales li .fa,
  #pie_web .iconos_redes_sociales li .fa {
    width: 100%;
  }
}
/* DATOS PIE */
.bloque_datos_pie {
  color: #999999;
}
.bloque_datos_pie a {
  color: #999999;
  text-decoration: none;
}
/**********************************************************************
 * 
 * BLOQUE VOTACION
 * 
 **********************************************************************/
.label_voto,
.voto,
input[type="radio"].voto {
  display: block;
  margin: 0;
  padding: 0;
}
.bloque_votacion.text_right {
  text-align: right;
}
.bloque_votacion.text_right .votos {
  float: right;
}
.bloque_votacion.text_right .boton_votacion {
  float: right;
}
.bloque_votacion.text_left {
  text-align: left;
}
.bloque_votacion.text_left .votos {
  float: left;
}
.bloque_votacion.text_left .boton_votacion {
  float: left;
}
.bloque_votacion.text_center {
  text-align: center;
}
.bloque_votacion.text_center .fila,
.bloque_votacion.text_center form {
  text-align: center;
}
.bloque_votacion.text_center .votos,
.bloque_votacion.text_center .boton_votacion {
  display: inline-block;
  float: none;
  margin: auto;
}
.bloque_votacion.inline .contenedor_voto {
  display: inline-block;
  width: 35px;
}
.bloque_votacion.inline .contenedor_voto .label_voto,
.bloque_votacion.inline .contenedor_voto .voto,
.bloque_votacion.inline .contenedor_voto input[type="radio"].voto {
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.bloque_votacion.block .contenedor_voto {
  display: block;
  width: 70px;
}
.bloque_votacion.block .contenedor_voto .label_voto,
.bloque_votacion.block .contenedor_voto .voto,
.bloque_votacion.block .contenedor_voto input[type="radio"].voto {
  display: inline-block;
  margin-right: -4px;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}
.votos {
  width: auto;
}
.contenedor_voto {
  width: 35px;
}
.label_voto,
.voto,
input[type="radio"].voto {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.voto,
input[type="radio"].voto {
  height: 25px;
}

.contenedor_voto_concurso {

 /* text-align: left;*/
}
.subcontenedor_voto_concurso{
  display:inline-flex;
  width:100%;
}
.votos_concurso{
  width:auto;
  margin-left:20%;
}
.voto_concurso{
  width:auto !important;
  margin-right:7px !important;

}
.label_voto_concurso{
  font-size: 19px;
  text-align: left;
  display: inherit;
}
/**********************************************************************
 * 
 * BLOQUE COMENTARIOS
 * 
 **********************************************************************/
.columna_izquierda {
  height: 45px;
  width: 50px;
  padding-right: 16px;
}
.columna_izquierda .avatar {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.columna_derecha {
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
/*****************************************************************************************
// SECCION HOME
******************************************************************************************/
.seccion_home {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  width: 100%;
  display: block;
  /*padding-bottom: 48px;
  padding-top: 48px;*/
  /*
		@media screen and (max-width: @screen_sm_max) {	
			padding-top: @padding_large_vertical;
			.cabecera_seccion_home {
				font-size: 2.4em;
			}
		}
		 */
}
.seccion_home .cabecera_seccion_home {
  color: #333333;
  font-weight: 300;
  padding: 20px 16px;
  position: relative;
  text-align: center;
}
.seccion_home .cabecera_seccion_home strong {
  color: #99ba36;
  font-weight: 400;
}
.seccion_home .cabecera_seccion_home .texto,
.seccion_home .cabecera_seccion_home small {
  display: block;
  font-size: 1.000em;
  font-weight: 300;
  line-height: 120%;
  margin-top: 10px;
  width: 100%;
}
.seccion_home .cabecera_seccion_home.cabecera_mini {
  font-size: 2.00em;
}
.seccion_home .bloque_home_1 {
  text-align: center;
  padding-bottom: 32px;
}
.seccion_home .bloque_home_1 .cabecera_bloque {
  font-weight: 600;
  margin-bottom: 10px;
  background-color: white;
  color: #464646;
  padding: 25px 16px;
  font-size: 1.428em;
  margin-top: -10px;
  padding-top: 20px;
}
.seccion_home .bloque_home_1 .cabecera_bloque:after {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  top: 0;
  width: 100%;
}
.seccion_home .bloque_home_1 .cuerpo_bloque {
  text-align: justify;
}
.seccion_home .bloque_home_1 .pie_bloque {
  height: 20px;
  bottom: 0px;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  width: 200px;
}
/************************************************
	 * ESLOGANS
	 */
#eslogan,
#eslogan_principal {
  background-color: #464646;
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
}
#eslogan .eslogan,
#eslogan_principal .eslogan {
  padding: 20px 25px;
}
#eslogan .eslogan .titulo_eslogan_principal,
#eslogan_principal .eslogan .titulo_eslogan_principal,
#eslogan .eslogan .titulo_eslogan,
#eslogan_principal .eslogan .titulo_eslogan {
  color: #99ba36;
  font-weight: 300;
}
#eslogan .eslogan .texto_eslogan_principal,
#eslogan_principal .eslogan .texto_eslogan_principal,
#eslogan .eslogan .texto_eslogan,
#eslogan_principal .eslogan .texto_eslogan {
  margin-top: 16px;
  color: #eeeeee;
}
.eslogan_home {
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  overflow: hidden;
  padding: 80px 20px;
  text-align: center;
}
.eslogan_home .eslogan {
  background-color: #e7e7df;
  font-weight: 300;
  padding: 20px 25px;
  color: white;
}
.eslogan_home .eslogan .titulo_eslogan {
  margin-bottom: 10px;
}
.eslogan_home .eslogan .titulo_eslogan strong {
  color: #99ba36;
  font-weight: 400;
}
.eslogan_home .mask {
  background: url(../imagenes/overlay.png);
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
#eslogan_1 {
  background-image: url(../imagenes/img_big_1.jpg);
}
#eslogan_2 {
  background-image: url(../imagenes/img_big_2.jpg);
}
/**************************************
	 * PROMOCION
	 */
#promocion .bg_blur {
  background-image: url(../imagenes/banner_promocion.jpg);
  background-attachment: fixed;
  background-size: cover;
  display: block;
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  filter: blur(15px);
  height: 100%;
  left: 0;
  min-height: 500px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}
#promocion .bloque_contenedor {
  z-index: 51;
}
#promocion .bloque_promocion .fila_flex {
  -webkit-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#promocion .bloque_promocion .img_promocion {
  width: 400px;
}
#promocion .bloque_promocion .img_promocion img {
  max-width: 400px;
  width: 100%;
}
#promocion .bloque_promocion .info_promocion {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #333333;
  color: #999999;
  padding: 20px 25px;
}
#banner_destacado {
  background-color: rgba(51, 51, 51, 0.7);
  position: absolute;
  right: 0px;
  top: 600px;
  width: auto;
  width: 300px;
  z-index: 999999999;
  padding: 20px;
}
#horario .fila_flex {
  align-items: center;
  justify-content: center;
}
#horario .fa,
#horario .texto {
  display: inline;
}
#horario .texto {
  font-weight: 300;
  margin-left: 16px;
}
/********************************************************************************************************
	
	
	SECCION PROYECTOS

* 
*********************************************************************************************************/
/**************************************************
	* CUERPO CONTENIDO Y SIDEBAR
	* .contenido_proyectos, .sidebar_categorias
	*
	**************************************************/
.sidebar_categorias {
  width: 260px;
}
.contenido_proyectos {
  float: right;
  width: -moz-calc(100% - 260px);
  width: -webkit-calc(100% - 260px);
  width: -o-calc(100% - 260px);
  width: calc(100% - 260px);
}
/***************************************************************************************************
	
	 * BLOQUE PROYECTO MIN
	
   **************************************************************************************************/
.w215 {
  width: 195px !important;
}
.proyecto_min,
.grid-item {

 /* background-color: white; */

  width: 240px;
  margin: 10px;

  float: left;
}
.grid-item img {
  width: 100%;
  display: block;
}

.proyecto_min a {
  text-decoration: none;
}
.proyecto_min a:hover .info_proyecto_min {
  background-color: rgb(54, 156, 42);
  
}
.proyecto_min a:hover .info_proyecto_min .media_votos .fa { 
  color: #fff;
}
.proyecto_min a:hover .info_proyecto_min .media_votos{ 
  color: #fff;
}
.proyecto_min a:hover .info_proyecto_min .titulo_proyecto_min{ 
  color: #fff;
}
.proyecto_min a:hover .info_proyecto_min .autor_proyecto_min{ 
  color: #fff;
}
.proyecto_min a:hover .info_proyecto_min .tags_proyecto_min{ 
  color: #fff;
}
.proyecto_min a:hover .info_proyecto_min .divisor{ 
  background-color: #fff;
}


.proyecto_min .info_proyecto_min {
  background-color: white;
}
.grid-item-hidden {
  display: block;
  overflow: hidden;
  opacity: 0 !important;
}

.fila-loading {
  text-align: center;
}

@media screen and (max-width: 540px) {
	#continue-scroll {
    max-width: 250px !important;
    margin:auto;
  }

}

/***************************************************
	 
	 * REGLAS COMUNES PARA VARIOS ELEMENTOS
	 
	 ***************************************************/
/*
   .imagen_proyecto_min,
.info_proyecto_min {
  position: absolute;
}
*/
.titulo_proyecto_min,
.info_proyecto_min,
.pie_proyecto_min,
.imagen_proyecto_min,
.tags_proyecto_min {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/***************************************************************
	 
	 * TEXTO
	 
	 ***************************************************************/
.info_proyecto_min {
  padding: 10px 16px;
  overflow: hidden;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/***********************************************************
	 
	 * TITULO
	 
	 **********************************************************/
.titulo_proyecto_min {
  color: #333333;
}
.titulo_proyecto_min h4 {
  font-size: 13px;
  font-weight: 700;
  line-height: 120%;
}
/*************************************************************
	 
	 * AUTOR PROYECTO
	 
	 ************************************************************/
.autor_proyecto_min {
  color: #333333;
  padding: 0;
}
.autor_proyecto_min .usuario,
.autor_proyecto_min .imagen_usuario {
  display: inline-block;
  vertical-align: middle;
}
.autor_proyecto_min .imagen_usuario {
  height: 28px;
  width: 28px;
}
.autor_proyecto_min .usuario {
  font-size: 12px;
}
/*************************************************************
	 
	 * MEDIA VOTOS
	 
	 ************************************************************/
.media_votos {
  color: #333333;
  text-align: right;
}

.media_votos .fa {
  margin-right: 3px;
}
.media_votos span {
 display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  font-size: 18px;
}
.media_votos small {
	font-size: 16px;
}
/*************************************************************
	 
	 * IMAGEN PROYECTO
	 
	 ************************************************************/
.imagen_proyecto_min {
  /*
  max-height: 400px;
  min-height: 200px;
  max-width:400px;
  
  position: relative;
  */
}
.imagen_proyecto_min img {
  background-image: url(../imagenes/cargando.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  /*
  max-height: 400px;
  min-height: 200px;
  max-width:400px;
  */
  width :100%;
}
.imagen_proyecto_min img.mask_left {
  background-position: 0 0;
  background-size: 200%;
}
.imagen_proyecto_min img.mask_right {
  background-position: 100% 0;
  background-size: 200%;
}
/*************************************************************
	
	 * TAGS PROYECTO
	
	 ************************************************************/
.tags_proyecto_min {
  color: #555555;
  display: block;
  font-size: 11px;
  line-height: 110%;
  padding-left: 20px;
  position: relative;
  width: 100%;
}
.tags_proyecto_min:before {
  content: "\f02b";
  font-family: "FontAwesome";
  left: 0px;
  position: absolute;
}
/*************************************************************
	
	 * VOTACION DEL PROYECTO
	
	 ************************************************************/
.estilo_votacion_proyecto .votos {
  border: white 1px solid;
  padding: 10px;
}
.estilo_votacion_proyecto.block .contenedor_voto {
  border-bottom: white 1px solid;
  padding-top: 5px;
}
.estilo_votacion_proyecto.block .contenedor_voto:last-child {
  border-bottom: none;
}
.estilo_votacion_proyecto .boton_votacion {
  background-color: #99ba36;
}
.estilo_votacion_proyecto .boton_votacion:hover {
  background-color: #333333;
  color: #99ba36;
}
/*******************************************************
	
	 * CONTENIDO PROYECTO
	
	 ******************************************************/
/*******************************************************
	
	 * SIDEBAR PROYECTO
	
	 ******************************************************/
.contenido_proyecto {
  width: -moz-calc(100% - 320px);
  width: -webkit-calc(100% - 320px);
  width: calc(100% - 320px);
}
.sidebar_proyecto {
  padding: 0;
  width: 320px;
}
.sidebar_proyecto.sidebar_fixed {
  right: 0;
}
.sidebar_proyecto .bloque_contenedor {
  width: 100%;
}
.sidebar_fixed {
  left: auto;
  max-height: 100vh;
  position: fixed;
  top: 0;
  right: auto;
  z-index: 999999;
  overflow-y: auto;
}
.sidebar_fixed .bloque {
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  margin-top: 0;
  margin-bottom: 0;
}
.sidebar_fixed .imagen_usuario {
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  width: 64px;
  height: 64px;
  float: left;
}
.sidebar_fixed .nombre_autor_proyecto,
.sidebar_fixed .web_autor_proyecto,
.sidebar_fixed .divisor {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  display: inline;
  float: left;
  padding-left: 20px;
  width: -moz-calc(100% - 64px);
  width: -webkit-calc(100% - 64px);
  width: calc(100% - 64px);
}
.sidebar_fixed .bloque_votacion {
  padding: 10px 2px 5px !important;
}
.sidebar_fixed .bloque_votacion .fila.mt_20 {
  margin-top: 0 !important;
}
.sidebar_fixed .bloque_votacion .cabecera_bloque {
  display: none;
}
.sidebar_static {
  position: static;
}
.sidebar_absolute {
  bottom: 0;
  position: absolute;
}
/*******************************************************
	 * COMENTARIOS MIN
	 ******************************************************/
.comentario_min {
  border-bottom: #ccc 1px solid;
  padding: 10px;
}
.comentario_min a {
  color: black;
  font-weight: 300;
  text-decoration: none;
  font-size: 12px;
}
.comentario_min .nombre_proyecto_comentario,
.comentario_min .nombre_autor_comentario,
.comentario_min .texto_comentario {
  margin-top: 0 !important;
}
.comentario_min .nombre_proyecto_comentario {
  font-size: 12px;
}
.comentario_min .nombre_proyecto_comentario a {
  color: rgb(54, 156, 42);
}
.comentario_min .nombre_proyecto_comentario a:hover {
  text-decoration: underline;
}
.comentario_min .nombre_autor_comentario,
.comentario_min .texto_comentario {
  display: block;
  width: 100%;
}
.comentario_min .nombre_autor_comentario {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  width: 20%;
}
.comentario_min .texto_comentario {
  color: black;
  font-size: 12px;
}
/************************************************************************
 * 
 * NUEVO PROYECTO
 * 
 ************************************************************************/
/*************************************************
	 * MENU FASES
	 ************************************************/
.menu_fases_proyecto li {
  display: inline-block;
}
.menu_fases_proyecto a {
  height: auto;
  line-height: 120%;
  padding: 10px 16px;
}
/*************************************************
	 * LISTADO DE CATEGORIAS
	 ************************************************/
.buscador_categorias_sidebar {
  padding: 0;
}
#check_categorias.bonsai {
  width: 100%;
  border-bottom: #ccc 1px solid;
}
#check_categorias.bonsai ul {
  font-weight: 400;
}
#check_categorias.bonsai > li > a {
  color: black;
  font-weight: bold;
}
#check_categorias.bonsai li {
  border-top: #ccc 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
#check_categorias.bonsai li span {
  color: black;
  display: block;
  padding: 5px !important;
  font-weight: 600;
}
#check_categorias.bonsai li a {
  color: #555555;
  display: block;
  padding: 5px 30px 5px 15px;
  text-decoration: none;
}
#check_categorias.bonsai li a:hover {
  background-color: white;
  color: #464646;
}
#check_categorias.bonsai li .thumb {
  top: 5px;
}
#check_categorias.bonsai .thumb:after {
  font-family: "FontAwesome";
  font-size: 14px;
  backgorund-color: red;
}
#check_categorias.bonsai li.has-children > .thumb {
  right: 0;
  top: 0;
}
#check_categorias.bonsai li.has-children > .thumb:after {
  background-color: white;
  display: block;
  font-family: "FontAwesome";
  font-size: 14px !important;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
#check_categorias.bonsai li.has-children.expanded > .thumb::after {
  content: "\f068";
  color: black;
}
#check_categorias.bonsai li.has-children.collapsed > .thumb::after {
  content: "\f067";
  color: #999999;
}
#check_categorias.bonsai li li:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 14px !important;
  left: 15px;
  position: absolute;
  top: 5px;
}
/*************************************************
	 * CATEGORIAS SELECCIONADAS EN PROYECTO
	 ************************************************/
.tag_categoria_producto {
  background-color: #464646;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  padding: 6px 10px;
}
.tag_categoria_producto_min:after {
  content: ',';
}
.tag_categoria_producto_min:last-child:after {
  content: '';
}
/*************************************************
	 * IMAGEN DEL PROYECTO
	 ************************************************/
.imagen_proyecto {
  width: 300px;
  height: 300px;
  background-color: white;
  overflow: hidden;
}
/***************************************************
	 * DATOS DEL PROYECTO
	 **************************************************/
.datos_proyecto li {
  border-bottom: #eeeeee 1px solid;
  height: 65px;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 10px;
}
.datos_proyecto li.inline .label,
.datos_proyecto li.inline .texto {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.datos_proyecto li.inline .texto {
  text-align: right;
}
.datos_proyecto li.block .label,
.datos_proyecto li.block .texto {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.datos_proyecto li .label {
  color: #555555;
}
.datos_proyecto li .texto {
  color: #222222;
}
.datos_proyecto li .texto.media_votos {
  font-size: 4em;
  font-weight: bold;
}
/*************************************************************************************************************
 * 
 * COMENTARIOS DEL PROYECTO
 * 
 ************************************************************************************************************/
/***************************************
 *  CAPTCHA
 **************************************/
.captcha img {
  height: 45px;
  width: auto;
}
/**************************************************************************************************************
 * 
 * VOTACION DEL PROYECTO
 * 
 **************************************************************************************************************/
/**************************************************************************
  *
  * NUEVO PROYECTO
  *
  *************************************************************************/
.menu_creacion ul {
  counter-reset: pasos;
}
.menu_creacion ul li {
  counter-increment: pasos;
  display: inline-block;
  margin: 10px;
}
.menu_creacion ul li:before {
  background-color: #99ba36;
  color: #333333;
  content: counter(pasos);
  margin-right: 5px;
  padding: 5px 10px;
}
.menu_creacion .caja small {
  background-color: #333333;
  color: #eeeeee;
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px;
}
.menu_creacion .caja:first-child small {
  background-color: #99ba36;
  color: #333333;
}
/*********************************
	  * IMAGEN
	  */
.imagen_principal {
  border: #999999 1px solid;
}
.imagen_nuevo_proyecto {
  border: #ccc 1px solid;
  width: 100%;
  height: 180px;
  background-color: white;
  overflow: hidden;
}
.imagen_nuevo_proyecto img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.imagen_nuevo_proyecto .editar_avatar {
  width: 300px;
}
.imagen_disponible_proyecto {
  background: #eeeeee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 5px;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.imagen_disponible_proyecto.imagen_disponible_seleccionada {
  background-color: rgb(54, 156, 42);
}
.imagen_disponible_proyecto:hover {
  background-color: #464646;
  cursor: pointer;
  cursor: hand;
}
/*******************************
	  * PASOS
	  */
.pasos_creacion {
  counter-reset: pasos;
}
.bloque_paso {
  background-color: #fbfbfb;
  border: #cccccc 1px solid;
  color: #555555;
  padding: 0;
}
.bloque_paso .cuerpo_bloque {
  padding: 10px 16px;
}
.contenido_paso {
  padding: 20px 25px;
}
.paso {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: both;
  width: 100%;
  display: block;
}
.paso .numero_paso {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 100px;
  /*
	  			&:before {
			  		 		//.crea_item('top_left'; @ancho: 20px; @alto: 59%;);
					content: ' ';
					width: 0;
					height: 0; 
					border-top: 150px solid @color_base_1;
					border-right: 100px solid transparent;
					position :absolute;
					top :0;
					right: 0px;
			  	}
			  	&:after {
			  		content: counter(pasos);
			  		font-size: 3em;
			  		font-weight: bold;
			  		position: absolute;
			  		top :0;
					right: 60px;
			  	}
			  	*/
}
.paso .numero_paso span {
  background-color: rgb(54, 156, 42);
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  color: #fff;
  font-size: 1.2em;
  padding: 10px 25px;
}
.paso .numero_paso .texto_paso {
  background-color: #464646;
  color: #eeeeee;
}
/************************************
	   * PASO IMAGEN
	   */
.paso_imagen .contenido_paso:after {
  background-color: #b3b3b3;
  content: ' ';
  display: block;
  position: absolute;
  height: 180px;
  right: 0;
  top: 60px;
  width: 1px;
}
.paso_imagen .contenido_paso:last-child:after {
  content: none;
}
.paso_imagen .contenido_paso:first-child:after {
  background-color: #b3b3b3;
  content: ' ';
  display: block;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0px;
  width: 1px;
}
/***************************************
	  * MENU PASOS
	  */
.contenedor_menu_pasos {
  height: 36px;
}
.menu_pasos {
  margin: 0;
  text-align: right;
}
.menu_pasos.fixed {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.menu_pasos.static {
  position: static;
  float: right;
}
.menu_pasos li {
  background-color: white;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}
.menu_pasos li:first-child {
  padding: 0 16px;
}
.menu_pasos li a {
  background-color: #000;
  color: #fff;
  display: block;
  font-size: 100%;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  width: 36px;
}
.menu_pasos li a.completado {
  background-color: #464646;
  color: #99ba36;
}
.menu_pasos li a.activo {
  background-color: rgb(54, 156, 42);
  color: #fff;
}
/*****************************************
	  * IDIOMAS
	  ****************************************/
#btn_multiidioma.activo {
  background-color: #5bc0de;
}
#btn_multiidioma.desactivado {
  background-color: #eeeeee;
  color: #bbbbbb;
}
#btn_multiidioma.desactivado:hover {
  cursor: default;
  pointer: default;
}
.seleccion_idiomas {
  margin-bottom: 20px;
  margin-left: 5px;
  margin-top: 5px;
}
.seleccion_idiomas .idioma_proyecto {
  height: 45px;
  line-height: 45px;
  margin-left: 5px;
  padding: 0 16px;
}
.seleccion_idiomas .idioma_proyecto.idioma_activo {
  position: relative;
}
.seleccion_idiomas .idioma_proyecto.idioma_activo:before {
  background-color: rgb(54, 156, 42);
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.seleccion_idiomas .idioma_proyecto.idioma_activo label {
  padding-left: 0;
}
.idiomas_nuevo_proyecto {
  border-bottom: #ccc 1px solid;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.campo_idiomas {
  position: relative;
}
.campo_idiomas:after {
  background-color: transparent;
  content: ' ';
  display: block;
  position: absolute;
  height: 32px;
  right: 10px;
  top: 0px;
  width: 50px;
  background-size: cover;
}
.idioma_es:after {
  background-image: url('../imagenes/bandera_es.jpg');
}
.idioma_en:after {
  background-image: url('../imagenes/bandera_en.jpg');
}
.idioma_fr:after {
  background-image: url('../imagenes/bandera_fr.jpg');
}
.idioma_de:after {
  background-image: url('../imagenes/bandera_de.jpg');
}
/* Let's get this party started */
::-webkit-scrollbar {
  width: 10px;
  background-color: #d1d1c2;
}
/* Track */
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(153, 186, 54, 0.8);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(153, 186, 54, 0.4);
}
.mce-i-browse {
  width: auto !important;
}
.mce-i-browse:after {
  content: 'Photos';
  margin-left: 10px;
}
.mce-i-browse:before {
  content: "\e014" !important;
}
#noticias_min {
  background-color: #464646;
  /*
			background-attachment: fixed;
		 	background-size: cover;
		 	background-repeat: no-repeat;
			//background-image: url(../imagenes/img_big_3.jpg);
			 */
  /* Cabecera en home */
}
#noticias_min .cabecera_seccion_home {
  color: white;
}
#noticias_sidebar {
  background-color: #dedede;
}
.noticia_sidebar {
  margin-bottom: 16px;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
}
.noticia_sidebar a {
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.noticia_sidebar a:hover img {
  box-shadow: inset 0 0 50px #99ba36;
  background-position: 0 0;
}
.noticia_sidebar a:hover .titulo {
  background-color: #464646;
  color: #99ba36;
}
.noticia_sidebar img {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  transition: all .5s ease;
}
.noticia_sidebar .titulo {
  background-color: #99ba36;
  color: white;
  line-height: 120%;
  margin-top: -6px;
  padding: 10px 16px;
  transition: all .5s ease;
}
/******************************************************************************************
	
	MI CUENTA
	
******************************************************************************************/
.datos_cuenta_usuario {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.avatar_usuario {
  width: 176px;
}
.avatar_usuario .editar_avatar {
  width: 160px;
}
.datos_cuenta_usuario {
  padding-left: 32px;
  width: -moz-calc(100% - 176px);
  width: -webkit-calc(100% - 176px);
  width: calc(1005 - 176px);
}
.datos_cuenta_usuario .nombre_usuario {
  margin-left: 10px;
}
.imagen_usuario {
  height: 160px;
  overflow: hidden;
  position: relative;
  width: 160px;
}
.imagen_usuario img {
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
}
#mis_proyectos {
  border: #ccc 1px solid;
  margin-top: 10px;
}
#mis_proyectos th,
#mis_proyectos .sorting {
  background: #464646;
  border: #E7E7DF 1px solid;
  /*
		border-collapse: collapse;
		border-spacing: 4px;
		 */
  color: white;
  position: relative;
}
#mis_proyectos th:after,
#mis_proyectos .sorting:after {
  color: white;
  font-family: "FontAwesome";
  position: absolute;
  right: 5px;
  top: 10px;
}
#mis_proyectos .sorting_asc:after {
  content: '\f106';
}
#mis_proyectos .sorting_desc:after {
  content: '\f107';
}
#mis_proyectos td {
  border: #E7E7DF 1px solid;
}
/*
#mis_proyectos_length {
	
	label {
		display: inline-block;	
		margin-top: -10px;
		v-align: middle;
		vertical-align: midddle;
	}

	
	.ui-selectmenu-button {
		background: white;
		border: @gris_claro 1px solid;
		display: inline-block;
		height: 30px;
		margin-top: 10px;
		padding: 0;
		width :auto !important;
	
		span.ui-selectmenu-text {
			margin-left: 0;
			padding: 5px 30px 5px 11px;
		}
		
	}
}

#mis_proyectos_filter {
	input {
		border: @gris_claro 1px solid;
		border-radius: 5px;
		height :30px;
		padding: 5px 11px;
	}
}
 */
.img_left {
  float: left;
  margin: 0 16px 10px 0;
}
.img_right {
  float: right;
  margin: 0 0 10px 16px;
}
.img_full {
  height: auto;
  width: 100%;
}
.img_mask {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.img_mask.mask_left {
  background-position: 0 0;
  background-size: 200%;
}
.img_mask.mask_right {
  background-position: 100% 0;
  background-size: 200%;
}
.img_bg_blur {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.img_bg_blur img {
  height: auto;
  position: relative;
  width: 70%;
  z-index: 2;
}
.img_bg_blur .img_mask {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  filter: blur(10px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.image-link {
  display: block;
  overflow: hidden;
  position: relative;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.image-link img {
  position: relative;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.image-link:after {
  background-color: rgb(54, 156, 42);
  content: ' ';
  display: block;
  position: absolute;
  height: 32px;
  right: 10px;
  bottom: 10px;
  width: 32px;
  content: '\f002';
  color: #fff;
  font-family: 'FontAwesome';
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.image-link:hover {
  /*
		img {
			background-position: -5px;
			width: 150%;
		}
		* 
		*/
}
.image-link:hover:after {
  background-color: #000;
  color: #fff;
}
/***********************************************************************
 * 
 * EFECTO HOVER
 *
 **********************************************************************/
.efecto_hover {
  display: block;
  height: 100%;
  width: 100%;
}


#cabecera {
  background-color: transparent;
  height: auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  /*
		&:before {
			.crea_item('bottom_left'; @ancho: 100%; @alto: 5px; @bg: darken(@bg_btn_menu_principal, 10%));
		}
		* 
		*/
  /*
		&:after {
			.crea_item('bottom_left'; @ancho: 100%; @alto: @alto_menu_principal; @y:5px; @bg: @bg_btn_menu_principal);
		}
		* 
		*/
}

#cabecera > .bloque_contenedor {
  height: auto;
}
#logotipo {
  height: auto;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left;
  z-index: 5;
}

#cabecera .buscador {
  width: 420px;
}

.columna_logotipo {
  float: left;
  width: 290px;
}
.columna_contenido {
  float: left;
  width: calc(100% - 290px);
}

.columna_contenido .buscador {
  margin: auto;
}


#logotipo img {
  /*
			background-image: url(../imagenes/logotipo.jpg); 
			background-repeat: no-repeat;
			background-size: cover;
			height: @alto_logotipo;
			width: @ancho_logotipo;
			 */
}
/**************************************************
	 * BANNER TOP
	 */
.banner_top {
  background-color: black;
  text-align: center;
}
.banner_top a {
  display: block;
  overflow: hidden;
}
.banner_top img {
  max-height: 65px;
  max-width: 1170px;
}
.dmn_paginador .control_pagina,
.dmn_paginador .numero_pagina {
  background-color: #eeeeee;
  border: #999999 1px solid;
  color: #333333;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  width: 36px;
}
.dmn_paginador .control_pagina:hover,
.dmn_paginador .numero_pagina:hover {
  cursor: pointer;
  background-color: #999999;
  border-color: #999999;
  color: white;
}
.dmn_paginador .control_pagina.active,
.dmn_paginador .numero_pagina.active,
.dmn_paginador .control_pagina.activo,
.dmn_paginador .numero_pagina.activo {
  background-color: #000;
  border-color: #000;
  color: white;
}
.dmn_paginador .control_pagina.disabled,
.dmn_paginador .numero_pagina.disabled,
.dmn_paginador .control_pagina.disabled:hover,
.dmn_paginador .numero_pagina.disabled:hover {
  background-color: #eeeeee;
  border-color: #cccccc;
  cursor: default;
  color: #cccccc;
}
/******* PAGINADOR *********/
.pager .dmnItemPager,
.pager .pageNumbers a {
  background-color: #eeeeee;
  border: #999999 1px solid;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 36px;
}
.pager .pageNumbers a:hover,
.pager .controlPage:hover {
  cursor: pointer;
  background-color: #99ba36;
  border-color: #99ba36;
  color: white;
}
.pager .pageNumbers {
  background-color: transparent;
  border: none;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}
.pageNumbers a {
  color: #333333;
  margin-left: 1px;
  margin-right: 1px;
}
.pageNumbers a.active {
  background-color: #999999;
  color: white;
}
.dmn_galeria {
  background-color: #99ba36;
  height: 280px;
  padding-left: 10px;
  position: relative;
}
.dmn_galeria:before {
  background-color: #000;
  content: ' ';
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 10px;
  background: #99ba36;
  background: -moz-linear-gradient(top, #99ba36 0%, #464646 50%, #333333 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(0%, #99ba36), color-stop(100%, #464646));
  background: -webkit-linear-gradient(top, #99ba36 0%, #99ba36 100%);
  background: -o-linear-gradient(top, #99ba36 0%, #464646 100%);
  background: -ms-linear-gradient(top, #99ba36 0%, #464646 100%);
  background: linear-gradient(to bottom, #99ba36 0%, #464646 50%, #333333 100%);
}
.load_image:hover {
  cursor: pointer;
}
.dmn_galeria_mini {
  height: 160px;
  padding: 0;
  padding-bottom: 5px;
}
.dmn_galeria_mini img {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.dmn_galeria_mini:before {
  background-color: #000;
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #99ba36;
  background: -moz-linear-gradient(left, #99ba36 0%, #464646 50%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99ba36), color-stop(100%, #464646));
  background: -webkit-linear-gradient(left, #99ba36 0%, #99ba36 100%);
  background: -o-linear-gradient(left, #99ba36 0%, #464646 100%);
  background: -ms-linear-gradient(left, #99ba36 0%, #464646 100%);
  background: linear-gradient(to right, #99ba36 0%, #464646 50%, #333333 100%);
}
/****************************************************************************************************************************
	SLIDERS
*****************************************************************************************************************************/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/** Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/** FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  display: block;
  width: 100%;
}
.flexslider .slides:after {
  clear: both;
  content: "\0020";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/** No JavaScript Fallback 
 	If you are not using another script, such as Modernizr, make sure you
 	include js that eliminates this class on page load **/
.no-js .slides > li:first-child {
  display: block;
}
/** FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  /* no funciona en IE9 */
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/** Direction Nav **/
.flex-direction-nav {
  *height: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.flex-direction-nav a {
  cursor: pointer;
  display: block;
  height: 160px;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  width: 80px;
}
.flex-direction-nav .flex-disabled {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default;
}
/* .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }*/
/* .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }*/
/** Pause/Play **/
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
/** Control Nav **/
.flex-control-nav {
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  position: absolute;
  width: 200px;
  z-index: 99;
}
.flex-control-nav li {
  *display: inline;
  display: inline-block;
  margin: 0 6px;
  zoom: 1;
}
.flex-control-nav li a {
  background: #99ba36;
  cursor: pointer;
  display: block;
  height: 13px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 13px;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-nav li a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flex-control-paging li a.flex-active {
  background-color: white;
  cursor: default;
  opacity: 1;
  filter: alpha(opacity=100);
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/*****************************************************************************************************
	REGLAS ESPECIFICAS PARA CADA GALERIA
*****************************************************************************************************/
/***************************************************************************************************
 * ANIMACIONES DE CONTENIDO
 */
.animable {
  position: absolute;
}
.anim_1 {
  top: 50%;
}
.anim_2 {
  bottom: 60%;
}
.flex-active-slide .anim_1 {
  top: 50%;
  -o-animation-name: in-top;
  -webkit-animation-name: in-top;
  animation-name: in-top;
  -o-animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.flex-active-slide .anim_2 {
  bottom: 60%;
  -o-animation-name: in-bottom;
  -webkit-animation-name: in-bottom;
  animation-name: in-bottom;
  -o-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
/************************
	RESPONSIVE
************************/
@media screen and (max-width: 1024px) {
  .flex-direction-nav a {
    height: 30px;
    margin-top: -15px;
    width: 30px;
  }
  .flex-direction-nav a:before {
    font-size: 28px;
  }
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
@media screen and (max-width: 860px) {
  .flex-direction-nav a {
    height: 20px;
    margin-top: -10px;
    width: 20px;
  }
  .flex-direction-nav a:before {
    font-size: 20px;
  }
}
/** Contenido dinamico **/
.contenido_dinamico img {
  max-width: 100%;
  height: auto;
  /*
		width: auto;
		height: auto;
		*/
  /*
		float: right;
		margin-bottom: @padding_xl_vertical;
		margin-left: @padding_xl_horizontal;
		max-width: 500px;
		*/
}
/******************************************************************************************
	
	EDITAR IMAGEN AVATAR
	
******************************************************************************************/
.imagen_avatar {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.editar_avatar {
  top: 100px;
  position: absolute;
  text-align: right;
  width: inherit;
}
.editar_avatar .fa {
  color: #fff;
}
.editar_avatar .fa-circle {
  color: rgb(54, 156, 42);
}
.fileUpload {
  overflow: hidden;
  margin: 10px;
}
.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#uploadFile {
  width: 160px;
}
#uploadFile.oculto {
  opacity: 0;
  filter: alpha(opacity=0);
}
#uploadFile.visible {
  opacity: 1;
  filter: alpha(opacity=1);
}
/************************************
 * Transiciones
 */
.anim_height_max {
  height: 100% !important;
  -webkit-transition: height 2s ease;
  /* For Safari 3.1 to 6.0 */
  transition: height 2s ease;
}
.anim_height_min {
  height: 0 !important;
  -webkit-transition: height 2s ease;
  /* For Safari 3.1 to 6.0 */
  transition: height 2s ease;
}
.fade_in {
  -o-animation-name: fadein;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.fade_out {
  opacity: 0;
  -o-animation-name: fadeout;
  -webkit-animation-name: fadeout;
  animation-name: fadeout;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.fade_in_ani {
  -o-animation-name: fadein;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.fade_out_ani {
  -o-animation-name: fadeout;
  -webkit-animation-name: fadeout;
  animation-name: fadeout;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: initial;
  -webkit-animation-iteration-count: initial;
  animation-iteration-count: initial;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.to_center_from_right {
  -o-animation-name: tocenter_fromright;
  -webkit-animation-name: tocenter_fromright;
  animation-name: tocenter_fromright;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.to_right_from_center {
  -o-animation-name: toright_fromcenter;
  -webkit-animation-name: toright_fromcenter;
  animation-name: toright_fromcenter;
  -o-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -o-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
/*******************************
  * Animaciones
  */
@keyframes height_auto {
  0% {
    height: 0;
  }
  100% {
    height: 5;
  }
}
@-webkit-keyframes height_auto {
  0% {
    height: 0;
  }
  100% {
    height: 500;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tocenter_fromright {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@-webkit-keyframes tocenter_fromright {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
  }
}
@-o-keyframes tocenter_fromright {
  from {
    -o-transform: translateX(100%);
  }
  to {
    -o-transform: translateX(0%);
  }
}
@keyframes toright_fromcenter {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@-webkit-keyframes toright_fromcenter {
  from {
    -webkit-transform: translateX(0%);
  }
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes in-bottom {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 60%;
  }
}
@-webkit-keyframes in-bottom {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 60%;
  }
}
@keyframes in-top {
  0% {
    top: -100px;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes in-top {
  0% {
    top: -100px;
  }
  100% {
    top: 50%;
  }
}
/*
////////////////////////////////////////
 Absolute Centering
//////////////////////////////////////// 
*/
.Absolute-Center {
  height: 50%;
  /* Set your own height: percents, ems, whatever! */
  width: 50%;
  /* Set your own width: percents, ems, whatever! */
  overflow: auto;
  /* Recommended in case content is larger than the container */
  margin: auto;
  /* Center the item vertically & horizontally */
  position: absolute;
  /* Break it out of the regular flow */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* Set the bounds in which to center it, relative to its parent/container */
}
/* //////////////////////////////////////// */
/* Make sure our center blocks stay in their container! */
.Center-Container {
  position: relative;
}
/* //////////////////////////////////////// */
/* Fixed floating element within viewport */
.Absolute-Center.is-Fixed {
  position: fixed;
  z-index: 999;
}
/* //////////////////////////////////////// */
/* Min/Max Width */
.Absolute-Center.is-Responsive {
  width: 60%;
  height: 60%;
  min-width: 200px;
  max-width: 400px;
  padding: 40px;
}
/* //////////////////////////////////////// */
/* Align Right, still vertically centered */
.Absolute-Center.is-Right {
  left: auto;
  right: 20px;
  text-align: right;
}
/* //////////////////////////////////////// */
/* Align Left, still vertically centered */
.Absolute-Center.is-Left {
  right: auto;
  left: 20px;
  text-align: left;
}
/* //////////////////////////////////////// */
/* Responsive image, still absolutely centered! Apply the classes to the image itself. */
.Absolute-Center.is-Image {
  width: 50%;
  height: auto;
  padding: 0;
}
.Absolute-Center.is-Image img {
  width: 100%;
  height: auto;
}
/* //////////////////////////////////////// */
/* Set content overflow if your content may go too long */
.Absolute-Center.is-Overflow {
  height: 250px;
  max-height: 100%;
  overflow: auto;
}
/* //////////////////////////////////////// */
/* Variable content height with display: table; 
Breaks cross browser compatibility, but now has a Modernizr test available!

Modernizr test adds ".absolutecentercontent" to <html> if the browser will center correctly with a variable height, and ".no-absolutecentercontent" if it will not be centered with a variable height so that you can add fallback styles in your CSS or use Javascript to manually center it. */
.absolutecentercontent .Absolute-Center.is-Variable {
  display: table;
  height: auto;
  /* Only necessary because height was already declared */
}
/* //////////////////////////////////////// */
/* Allow the user to resize */
.Absolute-Center.is-Resizable {
  min-width: 20%;
  max-width: 90%;
  min-height: 20%;
  max-height: 80%;
  resize: both;
}
.absolutecentercontent .Absolute-Center.is-Resizable {
  /* necessary to override settings from .is-Variable, if used */
  display: block !important;
}
/* 
////////////////////////////////////////
 Other Techniques  
//////////////////////////////////////// 
*/
/* //////////////////////////////////////// */
/* Negative Margin Technique */
.Center-Block.is-Negative {
  width: 300px;
  height: 200px;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -170px;
  /* (width + padding)/2 */
  margin-top: -120px;
  /* (height + padding)/2 */
}
/* //////////////////////////////////////// */
/* Display: Table Technique */
.Center-Container.is-Table {
  display: table;
}
.is-Table .Table-Cell {
  display: table-cell;
  vertical-align: middle;
}
.is-Table .Center-Block {
  width: 50%;
  margin: 0 auto;
}
/* //////////////////////////////////////// */
/* Inline-Block Technique */
.Center-Container.is-Inline {
  text-align: center;
  overflow: auto;
}
.Center-Container.is-Inline:after,
.is-Inline .Center-Block {
  display: inline-block;
  vertical-align: middle;
}
.Center-Container.is-Inline:after {
  content: ' ';
  height: 100%;
  margin-left: -0.25em;
  /* to offset spacing. may vary with fonts */
}
.is-Inline .Center-Block {
  text-align: left;
  max-width: 80%;
  /* Prevents issues with long content causes the content block to be pushed to the top */
  /* max-width: calc(100% - 0.25em) /* Only for IE9+ */
}
.lt-ie8 .is-Inline .Center-Block {
  /* IE7 Support */
  display: block;
  margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}
/* //////////////////////////////////////// */
/* Transform Technique */
.is-Translated {
  width: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* //////////////////////////////////////// */
/* Flexbox Technique */
.Center-Container.is-Flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/*********************************************************************
 * CAJAS PRINCIPALES
 *********************************************************************/
/*		html { 
			height: @full;
			width: @full;
		}
*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
  background-attachment: fixed;
	background-image: url('../imagenes/fondo_pagina.png');
  color: #333333;
}
#cabecera  .contenedor_cabecera {
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: none;
  height: 100%;
  max-width: 1600px;
  margin: auto;
  min-width: 240px;
  width: 100%;
  position: relative;
}
#contenedor {
  max-width: 100%;
  min-width: 240px;
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
}
#contenido,
#pie {
  overflow: hidden;
}
#contenido {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 2200px;
  min-width: 240px;
  /*padding-bottom: 16px;*/
  padding-top: 0;
  width: 100%;
}
#pie {
  background: #000;
  height: auto;
  position: relative;
  width: 100%;
}
#pie .bloque_contenedor {
  background-color: transparent;
  padding-bottom: 50px;
  padding-top: 16px;
}
#pie:before {
  background-color: #000;
  content: ' ';
  display: block;
  position: absolute;
  height: 1px;
  left: 0;
  top: 0;
  width: 100%;
  background: #99ba36;
  background: -moz-linear-gradient(left, #99ba36 0%, #464646 50%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99ba36), color-stop(100%, #464646));
  background: -webkit-linear-gradient(left, #99ba36 0%, #99ba36 100%);
  background: -o-linear-gradient(left, #99ba36 0%, #464646 100%);
  background: -ms-linear-gradient(left, #99ba36 0%, #464646 100%);
  background: linear-gradient(to right, #99ba36 0%, #464646 50%, #333333 100%);
}
/*****************************************************************
	ELEMENTOS CONTENIDO
******************************************************************/
#cuerpo_contenido {
  /*
			@media screen and (max-width: @screen_xl) {
				//padding-right: 0;
				padding-left: 0;
				padding-right: 0;
			}
			
			@media screen and (max-width: @screen_sm) {
				width :100%;
			}
			 */
}
#cuerpo_contenido.seccion {
  padding-right: 0;
}
/*
		.en_index {
			#cuerpo_contenido {
				background-color: @bg_web;
				margin-top: @alto_galeria;
				overflow: hidden;
				padding-left: 0;
				padding-right: 0;
				position :relative;
				width: 100%;
				z-index: 999;
			}
		}
		 */
#sidebar {
  background-color: #f7f7f5;
  padding-bottom: 20px;
  /*
			@media screen and (max-width: @screen_sm) {
				width :100%;
			}
			 */
  /*
			.bloque {
				margin: 0;
				padding: 0;
				margin-top: @margen_base_bloque;
			}
			* 
			*/
}
.email {
  position: relative;
}
.email:before {
  content: 'cesarhouse88@gmail.com';
  position: relative;
}
/*****************************************************************
	ELEMENTOS PIE
******************************************************************/
#idominiun {
  bottom: 0;
  position: absolute;
  right: 10px;
}
/****************************************************************************************************************************************************************************
 * ESTILOS
 */
/** TIPOGRAFIA **/
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 150%;
}
h1 {
  font-size: 1.714em;
}
h2 {
  font-size: 1.42em;
}
h3 {
  font-size: 1.285em;
}
h4 {
  font-size: 1.142em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
/* Enlaces genericos */
a {
  color: rgb(54, 156, 42);
}
a:hover {
  color: #464646;
}
p,
ul,
ol,
li {
  line-height: 1.50em;
}

p + p {
	margin-top: 20px;
}

/* COLORES */
.bg_gris {
  background-color: #555555;
}
.bg_gris_claro {
  background-color: #999999;
}
.bg_gris_mas_claro {
  background-color: #eeeeee;
}
.bg_negro,
.bg_dark,
.bg_black {
  background-color: black;
}
.bg_blanco,
.bg_white {
  background-color: white;
}
.bg_base_1 {
  background-color: rgb(54, 156, 42);
}
.bg_base_2 {
  background-color: #464646;
}
.bg_base_3 {
  background-color: #333333;
}
.bg_ok {
  background-color: rgb(54, 156, 42);
}
.bg_info {
  background-color: #5bc0de;
}
.bg_alerta {
  background-color: #d9534f;
}
.bg_aviso {
  background-color: #f0ad4e;
}
.estilo_base {
  color: rgb(54, 156, 42);
}
.estilo_secundario {
  color: #464646;
}
.color_gris {
  color: #555555;
}
.color_gris_claro {
  color: #999999;
}
.color_gris_mas_claro {
  color: #eeeeee;
}
.color_negro {
  color: black;
}
.color_blanco {
  color: white;
}
.color_base_1 {
  color: rgb(54, 156, 42);
}
.color_base_2 {
  color: #464646;
}
.color_base_3 {
  color: #333333;
}
.color_ok {
  color: rgb(54, 156, 42);
}
.color_info {
  color: #5bc0de;
}
.color_alerta {
  color: #d9534f;
}
.color_aviso {
  color: #f0ad4e;
}
/*********************************************************************
 *  CAJAS 
 ********************************************************************/
.estilo_caja_1 {
  background-color: #464646;
  color: white;
}
.estilo_caja_2 {
  background-color: #99ba36;
  color: #333333;
}
.estilo_caja_3 {
  background-color: #464646;
  color: white;
}
.estilo_caja_4 {
  background-color: #333333;
  color: #999999;
}
.estilo_caja_5 {
  background-color: #99ba36;
  color: white;
}
.estilo_caja_6 {
  background-color: #111;
  color: #eeeeee;
}
/*********************************************************************
 * BLOQUES
 ********************************************************************/
/* Estilos genericos */
.estilo_bloque_gris {
  background-color: #999999;
}
.estilo_bloque_gris_claro {
  background-color: #eeeeee;
}
.estilo_bloque_blanco {
  background-color: white;
}
.estilo_cabecera_gris {
  color: #555555;
}
.estilo_cabecera_gris_oscuro {
  color: #555555;
}
.estilo_cabecera_negro {
  color: black;
}
/* Estilos personalizables */
.estilo_bloque_1 {
  background-color: #fbfbfb;
  border: #cccccc 1px solid;
  color: #555555;
  padding: 0;
}
.estilo_bloque_1 .cuerpo_bloque {
  padding: 10px 16px;
}
.estilo_bloque_2 {
  background-color: rgb(54, 156, 42);
  color: #333333;
  color: #222222;
  padding: 20px 25px;
}
.estilo_bloque_3 {
  background-color: #464646;
  color: white;
  padding: 20px 25px;
}
.estilo_bloque_3:before {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.estilo_bloque_4 {
  background-color: white;
}
.estilo_bloque_4:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  top: 0;
  width: 100%;
}
.estilo_bloque_5 {
  border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
}
/**************************************************************
	 * CABECERAS
	 **************************************************************/
/* PAGINA */
.cabecera_pagina {
  border-bottom: #999999 1px solid;
  margin: 10px;
  padding: 0;
}
.cabecera_pagina h1 {
  color: #464646;
  font-size: 1.714em;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
}
.cabecera_pagina h1 span {
  display: block;
  position: relative;
  width: 100%;
  z-index: 2;
}
.cabecera_pagina h1 small {
  display: block;
  letter-spacing: 0;
  margin-top: 10px;
  font-weight: 300;
  width: 100%;
}
.cabecera_pagina.estilo_cabecera_pagina_1 {
  background-color: #555555;
  border-top: #464646 5px solid;
}
.cabecera_pagina.estilo_cabecera_pagina_1 h1 {
  color: white;
}
.cabecera_pagina.estilo_cabecera_pagina_2 {
  border-bottom: #999999 1px dotted;
  margin-left: 16px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .cabecera_pagina h1 {
    font-size: 2em;
    padding-bottom: 0;
  }
}
/* BLOQUES */
.cabecera_bloque.inline {
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
.cabecera_bloque small {
  display: block;
  width: 100%;
}
.estilo_cabecera_1,
.estilo_cabecera_2,
.estilo_cabecera_3,
.estilo_cabecera_4 {
  font-weight: 600;
  margin-bottom: 10px;
}
.estilo_cabecera_1 {
  background-color: white;
  color: #464646;
  padding: 25px 16px;
}
.estilo_cabecera_1:after {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  top: 0;
  width: 100%;
}
/* CABECERA 2 */
.estilo_cabecera_2 {
  border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
  color: #464646;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 10px 16px 10px 0;
  text-transform: uppercase;
}
/* CABECERA 3 */
.estilo_cabecera_3 {
  background-color: #464646;
  color: white;
}
/* CABECERA 4 */
.estilo_cabecera_4 {
  background-color: #333333;
  color: #999999;
}
.bloque:not(.estilo_bloque_4) .estilo_cabecera_4 {
  padding: 20px 16px 10px 16px;
}
/** CUERPOS **/
.estilo_cuerpo_1 {
  margin-bottom: 0.833em;
  margin-top: 0.833em;
}
.estilo_cuerpo_1 img + p {
  margin-top: 0.666em;
}
.estilo_cuerpo_1 p + p {
  margin-top: 0.666em;
}
.estilo_cuerpo_2 {
  margin-bottom: 1.000em;
  margin-top: 1.000em;
}
.estilo_cuerpo_2 img + p {
  margin-top: 0.833em;
}
.estilo_cuerpo_2 p + p {
  margin-top: 0.833em;
}
/** PIES **/
.estilo_pie_1 {
  border-top: #DEDEDE 1px dashed;
  margin-top: 5px;
  padding: 5px;
}
.estilo_pie_2 {
  border-top: #DEDEDE 1px dashed;
  margin-top: 5px;
  padding: 5px;
}
.estilo_pie_3 {
  border-top: #999 1px dashed;
  margin-top: 5px;
  padding: 5px;
}
/*******************************************************************
 *  ENLACES 
 ******************************************************************/
.estilo_enlace_1 {
  color: #99ba36;
  text-decoration: underline;
}
.estilo_enlace_1:hover {
  color: #999999;
}
.estilo_enlace_2 {
  color: #000 !important;
  text-decoration: none;
}
.estilo_enlace_2:hover {
  color: #464646 !important;
}
.estilo_enlace_3 {
  color: #99ba36 !important;
  text-decoration: none;
}
.estilo_enlace_3:hover {
  color: #000 !important;
}
.estilo_enlace_4 {
  color: #464646 !important;
  text-decoration: none;
}
.estilo_enlace_4:hover {
  color: #99ba36 !important;
}
.estilo_enlace_5 {
  color: white !important;
  text-decoration: none;
}
.estilo_enlace_5:hover {
  color: white !important;
  text-decoration: underline;
}
/* IMAGENES */
/*************************************************************************
 *
 *	LISTAS
 *
 ************************************************************************/
.estilo_lista_0 {
  margin-bottom: 10px;
}
.estilo_lista_1 {
  margin-bottom: 10px;
  margin-left: 15px;
  padding-left: 15px;
}
ul.estilo_lista_1 {
  list-style: disc;
}
ol.estilo_lista_1 {
  list-style: decimal;
}
.estilo_lista_2,
.estilo_lista_3 {
  margin-bottom: 10px;
  padding-left: 15px;
}
.estilo_lista_2 > li,
.estilo_lista_3 > li {
  margin-bottom: 0.833em;
  padding-left: 20px;
  position: relative;
  transition: all .3s ease;
}
.estilo_lista_2 > li:before,
.estilo_lista_3 > li:before {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 10px;
  left: 0;
  top: 5px;
  width: 10px;
}
.estilo_lista_2 li:hover {
  padding-left: 25px;
}
.estilo_lista_2 li:hover:before {
  background-color: #99ba36;
}
.estilo_lista_3 li:hover {
  padding-left: 25px;
}
.estilo_lista_3 li:hover:before {
  background-color: #99ba36;
}
/*
		.estilo_lista_3 {
			margin-bottom: 10px;
		}
		.estilo_lista_3 > li { 
			color: #ccc;
			padding-left: 15px;
		}
		.estilo_lista_3 > li:before,
		.estilo_lista_3 > li::before { 
			color: #23C3FF;
			content: '>';
			font-size: 1;
			margin-right: 5px;
		}
	*/
/* FORMULARIOS */
input.no_validado:focus {
  border-color: #d9534f;
  box-shadow: 0 0 5px #d9534f;
  outline: transparent auto 1px;
}
.estilo_formulario_1 label,
.estilo_formulario_1 .label {
  font-weight: 600;
  color: #333333;
}
/*************************************************************************
 *
 *	MENUS
 *
 ************************************************************************/
.estilo_menu_1 li:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: ' ';
  display: block;
  position: absolute;
  height: 50%;
  left: 0;
  top: 25%;
  width: 1px;
}
.estilo_menu_1 li:last-child:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: ' ';
  display: block;
  position: absolute;
  height: 50%;
  right: 0;
  top: 25%;
  width: 1px;
}
.estilo_menu_1 a {
  background-color: transparent;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.estilo_menu_1 a:hover {
  background-color: #99ba36;
  color: #464646;
}
.estilo_menu_1 a.activo {
  background-color: #464646;
  color: #99ba36;
}
.estilo_menu_ficha_1 {
  height: 45px;
}
.post,
noticia {
  background-color: white;
  margin-left: 10px;
  margin-right: 10px;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  overflow: hidden;
  padding: 0;
  padding-bottom: 50px;
}
.post:after,
noticia:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: ' ';
  display: block;
  position: absolute;
  height: 5px;
  left: 0;
  top: 0;
  width: 100%;
}
.post_min,
.noticia_min {
  padding: 10px 16px 10px 32px;
  background-color: #464646;
  color: white;
}
.post_min:before,
.noticia_min:before {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 16px;
}
.post_max,
.noticia_max {
  border-bottom: rgba(0, 0, 0, 0.2) 1px solid;
  padding: 0;
}
.titulo_post,
.img_post,
.texto_post,
.info_post,
.pie_post,
.titulo_post_max,
.img_post_max,
.texto_post_max,
.info_post_max,
.pie_post_max {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  text-align: left;
}
/***********************************************
	* CABECERA POST
	***********************************************/
.cabecera_post_destacado {
  color: #99ba36;
  font-style: italic;
  margin-bottom: 5px;
  text-align: center;
}
.cabecera_post_destacado * {
  background-color: #e7e7df;
  display: inline;
  font-weight: 300;
  padding: 0 16px;
  position: relative;
  width: auto;
  z-index: 2;
}
.cabecera_post_destacado:before {
  background-color: #999999;
  content: ' ';
  display: block;
  position: absolute;
  height: 1px;
  left: 0;
  top: 20px;
  width: 100%;
  z-index: 1;
}
.titulo_post {
  background-color: #99ba36;
  color: #333333;
}
.titulo_post a,
.titulo_post span {
  color: white;
  display: block;
  font-weight: 300;
  padding: 20px 25px 10px;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.titulo_post a:hover {
  background-color: #999999;
  color: #333333;
  text-decoration: none;
}
.titulo_post_max {
  background-color: #464646;
  color: white;
  font-size: 2.0em;
  font-weight: 700;
  padding: 20px 16px;
}
.img_post,
.img_post_max {
  text-align: center;
}
.img_post img,
.img_post_max img {
  margin: 0;
  max-width: 100%;
}
.img_post a,
.img_post_max a {
  display: block;
}
.texto_post,
.texto_post_max {
  color: #999999;
  padding: 20px 25px;
}
.texto_post.enlace_boton a,
.texto_post_max.enlace_boton a {
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #555555;
  display: inline-block;
  font: 1em 'Open Sans', sans-serif;
  font-weight: normal;
  height: 45px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: #99ba36;
  border: #99ba36 1px solid;
  color: #464646;
  margin-top: 10px !important;
}
.texto_post.enlace_boton a:not(span),
.texto_post_max.enlace_boton a:not(span) {
  line-height: 45px;
}
.texto_post.enlace_boton a > span,
.texto_post_max.enlace_boton a > span {
  display: inline-block;
  vertical-align: middle;
}
.texto_post.enlace_boton a:hover,
.texto_post_max.enlace_boton a:hover {
  cursor: pointer;
}
.texto_post.enlace_boton a:hover,
.texto_post_max.enlace_boton a:hover,
.texto_post.enlace_boton a.activo,
.texto_post_max.enlace_boton a.activo {
  background-color: #464646;
  border-color: #99ba36;
  color: white;
}
.texto_post h3,
.texto_post_max h3,
.texto_post h4,
.texto_post_max h4 {
  margin-top: 10px;
}
.texto_post h3:first-child,
.texto_post_max h3:first-child,
.texto_post h4:first-child,
.texto_post_max h4:first-child {
  margin-top: 0;
}
.texto_post ul,
.texto_post_max ul {
  padding-left: 0 !important;
  margin-bottom: 10px;
  margin-left: 15px;
  padding-left: 15px;
}
.texto_post ul li,
.texto_post_max ul li {
  line-height: 120%;
  padding-left: 16px !important;
}
.texto_post ul ul,
.texto_post_max ul ul {
  padding-left: 5px !important;
  margin-bottom: 10px;
  padding-left: 15px;
}
.texto_post ul ul > li,
.texto_post_max ul ul > li {
  margin-bottom: 0.833em;
  padding-left: 20px;
  position: relative;
  transition: all .3s ease;
}
.texto_post ul ul > li:before,
.texto_post_max ul ul > li:before {
  background-color: #464646;
  content: ' ';
  display: block;
  position: absolute;
  height: 10px;
  left: 0;
  top: 5px;
  width: 10px;
}
.texto_post ul ul li:hover,
.texto_post_max ul ul li:hover {
  padding-left: 25px;
}
.texto_post ul ul li:hover:before,
.texto_post_max ul ul li:hover:before {
  background-color: #99ba36;
}
.info_post,
.info_post_2,
.info_post_max,
.info_post_max_2 {
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 10px 25px 0;
}
.info_post p,
.info_post_2 p,
.info_post_max p,
.info_post_max_2 p,
.info_post a,
.info_post_2 a,
.info_post_max a,
.info_post_max_2 a {
  text-align: right !important;
}
.info_post,
.info_post_max {
  color: #999999;
}
.info_post_2,
.info_post_max_2 {
  background-color: #99ba36;
  color: #333333;
  padding: 10px 16px;
}
.info_post_2 + .info_post_2,
.info_post_max_2 + .info_post_max_2 {
  padding-top: 0;
}
.pie_post,
.pie_post_max {
  bottom: 0;
  position: absolute;
  padding: 0;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
}
.pie_post {
  background-color: #333333;
  color: #999999;
}
.pie_post a {
  background-color: #99ba36;
  border: #99ba36 1px solid;
  color: #464646;
  display: block;
  padding: 5px 8px;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
  /*
			&:hover { 
				background-color: @gris_claro;
				color: @gris_oscuro;
			}
			* 
			*/
}
.pie_post a:hover,
.pie_post a.activo {
  background-color: #464646;
  border-color: #99ba36;
  color: white;
}
.titulo_widget {
  background-color: #99ba36;
  color: #333333;
}
.titulo_widget a,
.titulo_widget span {
  color: white;
  display: block;
  padding: 20px 25px 10px;
  text-decoration: none;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* no funciona en IE9 */
}
.titulo_widget a:hover {
  background-color: #999999;
  color: #333333;
  text-decoration: none;
}
.bloque_formulario {
  background-color: #fbfbfb;
  border: #cccccc 1px solid;
}
.cabecera_bloque_formulario {
  border-bottom: #cccccc 1px dotted;
  color: #555555;
  font-weight: 400;
  padding: 10px 0;
}
.bloque_formulario .contenedor_input input:not(.boton),
.bloque_formulario .contenedor_input textarea {
  height: 30px;
  padding: 0 5px;
}
.bloque_formulario .contenedor_input input:not(.boton):focus,
.bloque_formulario .contenedor_input textarea:focus {
  border-color: #99ba36;
  box-shadow: 0 0 5px #99ba36;
}
/****************************************************************************************************************************************************************************
 * ELEMENTOS PROPIOS
 */
.bloque_horario {
  background-size: cover;
  padding: 0 !important;
}
.bloque_horario .info {
  background-color: #99ba36;
  color: white;
  text-align: center;
}
.bloque_horario .info .icono,
.bloque_horario .info .texto {
  padding: 10px 10px;
}
.bloque_horario .info .icono {
  background-color: #464646;
}
.bloque_horario .info .telefono {
  font-size: 2em;
}
/****************************************************************************************************************************
		MEDIA QUERY
	*****************************************************************************************************************************/
/*
	 * 		@phone: @screen_xs_max;
			@mobile: @phone; // en desuso
			@tablet: @screen_sm_max;
			@desktop: @screen_md_max;
			@lg_desktop: @screen_lg;
	 */
.only_tablet,
.only_phone {
  display: none !important;
}
/************************************************************
	 MAXIMO 1600PX
	************************************************************/
@media screen and (max-width: 1600px) {
  #cabecera .bloque_contenedor {
    /* width: 90%; */
  }
}


/************************************************************
	 Minimo 1400px
	************************************************************/
  @media screen and (max-width: 1400px) {
/*-------------------------------
			Menu principal
		--------------------------------*/
    #menu_principal {
      height: auto;
      /*width: auto;*/
      position: static;
    }
    #menu_principal:after,
    #menu_principal:before {
      display: none;
    }
    #menu_principal ul {
      background-color: transparent;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
    }
    #menu_principal a:not(.min_menu) {
      height: auto;
      display: inline-block;
      margin-right: -4px;
      vertical-align: middle;
      line-height: 100%;
      padding: 10px 20px;
    }
    #menu_default {
      margin-right: 0;
    }
  }
/************************************************************
	 Minimo 1280px
	************************************************************/
@media screen and (max-width: 1280px) {
  /*---------------------------------------------------
		 * 
		 * CABECERA
		 * 
		 --------------------------------------------------*/
  .bloque_contenedor {
    max-width: 96%;
    width: 100%;
  }
}
/************************************************************
	 
	 DESKTOP
	 Maximo 1279px
	
	************************************************************/
@media screen and (max-width: 1279px) {
  /**********************************************
		* MENU PRINCIPAL
		**********************************************/
  /*********************************************
		 	* GALERIA PRINCIPAL
		 	********************************************/
  #galeria_principal .slides li img {
    background-position: center;
    height: 100%;
  }
  #galeria_principal .flex-direction-nav {
    top: 220px;
  }
  #galeria_principal .flex-direction-nav li a:before {
    font-size: 4em;
  }



  /**********************************************
			* DESTACADOS
			**********************************************/
  .destacado {
    height: auto;
  }
  .destacado .img_destacado {
    background-size: cover;
  }
}
/************************************************************
	 
	 TABLET
	 Maximo 1024px Min 768px
	
	************************************************************/
@media screen and (max-width: 1024px) {
  /*------------------------------
		 * Genericos
		 ------------------------------*/
  .no_tablet {
    display: none !important;
  }
  .only_tablet {
    display: block;
    display: block !important;
  }
  /*-------------------------------
			Contenido dinamico
		--------------------------------*/
  .contenido_dinamico img {
    height: auto;
    width: 100%;
  }
  /*-------------------------------
			Cabecera
		--------------------------------*/
  #cabecera {
    height: auto;
  }
  #cabecera .bloque_contenedor {
    height: auto;
  }
  /*-------------------------------
			Logotipo
		--------------------------------*/
  #logotipo {
    height: auto;
    overflow: hidden;
    /*margin-bottom: 10px;*/
    position: static;
  }
  
  /*--------------------------------
		 * Proyectos
		 -------------------------------*/
  .proyecto_min,
  .imagen_destacado {
    height: 310px;
    overflow: hidden;
  }

  .info_proyecto_min {
    background-color: white;
    height: auto;
    overflow: hidden;
    position: static;
    padding-top: 10px;
  }
  .info_proyecto_min .titulo_proyecto_min * {
    font-weight: 600;
  }
  .info_proyecto_min .media_votos {
    font-size: 80%;
  }
  .info_proyecto_min .tags_proyecto_min {
    font-size: 95%;
    line-height: 120%;
  }
  /*--------------------------------
		 * Proyecto
		 -------------------------------*/
  .imagen_destacada_proyecto.pc_50 {
    width: 100%;
  }
  .sidebar_proyecto {
    font-size: 90%;
  }
}/*
@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
  /*--------------------------------
		 * Proyecto
		 -------------------------------*/
  /*******************************************************
		 * SIDEBAR PROYECTO
		 ******************************************************/
/*  .contenido_proyecto {
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
  }
  .sidebar_proyecto {
    font-size: 85%;
    width: 200px;
  }
  .sidebar_proyecto .bloque {
    margin: 0;
  }
  .sidebar_proyecto .bloque:first-child {
    margin-top: 10px;
  }
  .sidebar_proyecto .imagen_usuario {
    height: 70px;
    width: 70px;
  }
}*/
@media screen and (max-width: 950px) and (min-width: 768px) {
  /*-------------------------------
			Menu principal
			--------------------------------*/
  #menu_principal {
    height: auto;
    width: 100%;
  }
  #menu_principal:after,
  #menu_principal:before {
    display: none;
  }
  #menu_principal ul {
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  #menu_principal a:not(.min_menu) {
    height: auto;
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    font-size: 1.1em;
    line-height: 100%;
    padding: 16px 20px;
  }
  #menu_default {
    margin-right: 0;
  }
  #logotipo img {
    height: 80px;
    width: auto;
  }
}
/************************************************************
	 
	 PHONE
	 Maximo 767px
	
	************************************************************/
@media screen and (max-width: 767px) {
	

  /*------------------------------
		 * Genericos
		 ------------------------------*/
  .no_mobile,
  .no_phone,
  .only_tablet {
    display: none !important;
  }
  .solo_mobile,
  .only_phone {
    display: block;
    display: block !important;
  }
  .fixed_mobile {
    position: fixed;
    z-index: 9999999;
  }
  .pc_5,
  .pc_10,
  .pc_15,
  .pc_20,
  .pc_25,
  .pc_30,
  .pc_33,
  .pc_35,
  .pc_40,
  .pc_45,
  .pc_50,
  .pc_55,
  .pc_60,
  .pc_66,
  .pc_70,
  .pc_75,
  .pc_80,
  .pc_85,
  .pc_90,
  .pc_95 {
    width: 100%;
  }

  .pcg-50{
    width: 50%;
  }
  .pcg-100{
    width: 100%;
  }
  .con_margen.pc_5,
  .bloque.pc_5,
  .con_margen.pc_10,
  .bloque.pc_10,
  .con_margen.pc_15,
  .bloque.pc_15,
  .con_margen.pc_20,
  .bloque.pc_20,
  .con_margen.pc_25,
  .bloque.pc_25,
  .con_margen.pc_30,
  .bloque.pc_30,
  .con_margen.pc_33,
  .bloque.pc_33,
  .con_margen.pc_35,
  .bloque.pc_35,
  .con_margen.pc_40,
  .bloque.pc_40,
  .con_margen.pc_45,
  .bloque.pc_45,
  .con_margen.pc_50,
  .bloque.pc_50,
  .con_margen.pc_55,
  .bloque.pc_55,
  .con_margen.pc_60,
  .bloque.pc_60,
  .con_margen.pc_65,
  .bloque.pc_65,
  .con_margen.pc_66,
  .bloque.pc_66,
  .con_margen.pc_70,
  .bloque.pc_70,
  .con_margen.pc_75,
  .bloque.pc_75,
  .con_margen.pc_80,
  .bloque.pc_80,
  .con_margen.pc_85,
  .bloque.pc_85,
  .con_margen.pc_90,
  .bloque.pc_90,
  .con_margen.pc_95,
  .bloque.pc_95,
  .bloque.pc_100 {
    margin: 2px;
    width: -moz-calc(100% - 4px);
    width: -webkit-calc(100% - 4px);
    width: calc(100% - 4px);
  }
  .bloque {
    padding: 5px;
  }
  table td {
    padding: 2px;
  }
  table td a {
    width: 50%;
  }
  /*-----------------------------
		 * Modals
		 *---------------------------*/
  .contenido_modal {
    max-width: 90%;
  }
  .contenido_modal li {
    width: 50% !important;
  }
  .contenido_modal .boton {
    height: auto ;
    line-height: 100%;
    padding: 10px 16px;
  }
  .bg_full {
    display: none;
    /*
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 150vh;
    background-color: rgba(255, 255, 255, 0.9);
    */
  }
  /*------------------------------
		 * Cabecera
		 ------------------------------*/
  #cabecera {
    height: 334px;
    overflow: hidden;
    
    z-index: 999;
    top: 0;
  }
  #cabecera > .bloque_contenedor {
    height: 150vh;
  }
  #barra_top .bloque_contenedor {
    height: 35px;
  }
  #barra_top .menu_top {
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    margin-left: 0 !important;
    width: 50%;
  }
  #barra_top .menu_top .menu_idiomas {
    text-align: right;
  }
  #barra_top .menu_top .menu_idiomas .idioma {
    height: 25px;
    width: 25px;
  }
  #barra_top .menu_top .menu_login {
    width: 100%;
  }
  #barra_top .menu_top .menu_login li {
    text-align: right;
    width: 100%;
  }
  #barra_top .menu_top .menu_login a {
    display: inline-block;
    font-size: 11px;
  }
  #logotipo {
    position: absolute;
    width: 100%;
    display:flex;
    justify-content: center;
  }
  /*******************************************
		* CONTENIDO
		* ******************************************/
  #contenido {
    /*margin-top: 333px;*/
  }
  #contenido > .bloque_contenedor {
    padding-top: 50px;
  }
  /*******************************************
		* MENU PRINCIPAL
		*******************************************/
  #menu_principal {
    background-color: transparent;
    left: 0;
    
    padding-bottom: 10px;
    top: 301px;
    width: 100%;
  }
  #menu_principal > .bloque_contenedor {
    height: 100vh;
  }
  #menu_principal #menu_default {
    border-top: #000 5px solid;
    position: absolute;
    top: 301px;
    width: calc(100% - 20px);
    margin-bottom: 20px;
  }
  #menu_principal #menu_default li {
    display: block;
    float: left;
    max-width: 100%;
    width: 100%;
  }
  #menu_principal #menu_default li a:not(.min_menu) {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 2px;
    padding-top: 0;
    text-align: left;
    width: 100%;
  }
  #menu_principal #menu_default li a:not(.min_menu):hover {
    background-color: #555555;
    color: white;
  }
  #menu_principal .min_menu {
    z-index:8;
    display: block;
    display: block !important;
    position: absolute;
    right: 2px;
    top: 15px;
    width: auto;
  }


  .buscador_mobile{
    display:flex !important;
    justify-content:center;
  }
  /*--------------------------------
		 * Home
		 -------------------------------*/
  .menu_destacados li {
    width: 100%;
  }
  .menu_destacados li:after,
  .menu_destacados li:before {
    display: none;
  }
  .menu_destacados .boton {
    width: 100%;
  }
  /*--------------------------------
		 * Proyectos
		 -------------------------------*/
  #sidebar,
  #cuerpo_contenido {
    width: 100%;
  }
  .proyecto_min,
  .imagen_proyecto_min,
  .imagen_destacado {
    background-color: white;
    height: auto;
  }
  .bloque.proyecto_min {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .info_proyecto_min {
    height: auto;
    position: static;
  }
  .imagen_proyecto_min img {
    height: auto;
    width: 100%;
  }
  /*--------------------------------
		 * Proyecto
		 -------------------------------*/
  .contenido_proyecto {
    width: 100%;
  }
  .datos_proyecto {
    padding: 16px;
  }
  .datos_proyecto li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }
  .datos_proyecto li span {
    text-align: center !important;
    width: 100%;
  }
  .sidebar_fixed,
  .sidebar_absolute {
    position: static;
  }
  .sidebar_proyecto {
    margin-top: 50px;
    width: 100%;
  }
  .datos_proyecto li .texto.media_votos {
    font-size: 3em;
    font-weight: bold;
}
  
  /*
  
  	BOTON BANDERA CREAR
  
  */
  
  .boton_idiomas_banderita{
  padding:0px !important;	
  padding-right:22px !important;	
  }
  
  /*--------------------------------
		 * Creacion
		 -------------------------------*/
  .paso .numero_paso {
  	/*align-items:center;*/
    display: flex;
    text-align: left;
    padding-right: 0 !important;
  }
  .centrar-numero{
	  display: flex;
	  align-items:center;
	  justify-content:center;
  }
  .paso .numero_paso span {
    float: none !important;
    font-size: 14px !important;
  }
  .paso .numero_paso span.texto_paso {
    font-size: 50%;
    line-height: 220%;
  }
  .menu_fases_proyecto li a {
    padding: 5px;
  }
  .menu_fases_proyecto li:last-child {
    clear: both;
  }
  .paso_creacion .contenido_paso {
    padding: 10px;
  }
  /******
 * BOTON CREAR RESPONSIVE
*/
.contenedor_input {
    text-align: center;
}

/*
		SECCION CUENTA
*/
	.avatar_usuario{
		 display: flex;
		 flex-direction:column;
		justify-content:flex-end;
	}
	.editar_avatar,
	.imagen_usuario {
		position:static;
		align-self:center;
	}
	#uploadFile{
		position: relative;
		align-self:center;
	}
	.editar_avatar { 
		position: relative;
		top: 0;
	}
	.otros_datos{
	text-align:center;
	}
	.datos_cuenta_usuario{
		padding-left:0px;
	}
	
	.separacion-lineas-responsive{
	     ;
	}
	.boton:not(span) {
	 /* line-height: 20px*/
	}
	.alienar_centro_nuevo_proyecto{
		line-height: 45px !important;
	}

}






/*******************************************************************************************************
 * 
 * GUIA DE ESTILOS
 *
 ******************************************************************************************************/
/****************************************************
  * FLEX
  ***************************************************/
.fila_flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.fila_flex.caja_demo_1 {
  -webkit-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/****************************************************
  * PALETA
  ***************************************************/
.paleta:after {
  margin-left: 20px;
}
.paleta.color_base_1:after {
  content: '#99ba36';
  color: white;
}
.paleta.color_base_2:after {
  content: '#464646';
  color: white;
}
.paleta.color_base_3:after {
  content: '#333333';
  color: white;
}
.paleta.color_ok:after {
  content: '#99ba36';
  color: black;
}
.paleta.color_alerta:after {
  content: '#d9534f';
  color: black;
}
.paleta.color_aviso:after {
  content: '#d9534f';
  color: black;
}
.paleta.color_info:after {
  content: '#5bc0de';
  color: black;
}
.paleta.color_gris_mas_claro:after {
  content: '#eeeeee';
  color: black;
}
.paleta.color_gris_claro:after {
  content: '#999999';
  color: black;
}
.paleta.color_gris:after {
  content: '#555555';
  color: #eeeeee;
}
.paleta.color_gris_oscuro:after {
  content: '#333333';
  color: #eeeeee;
}
.paleta.color_gris_mas_oscuro:after {
  content: '#222222';
  color: #999999;
}