@import url("http://fonts.googleapis.com/css?family=Raleway:400,300");
/****************************
    Chil 2.0 Style
    Content Style - Feed, Share box, etc.
***********************************************/
/*azul claro*/
/*azul oscuro*/
/*verde*/
/*verde claro*/
/*#F4F4F4*/
/*naranja*/
@font-face {
  font-family: 'officina';
  src: url("/Fonts/OfficinaSanITCMedium.eot");
  src: url("/Fonts/OfficinaSanITCMedium.ttf") format("truetype"), url("/Fonts/OfficinaSanITCMedium.eot?#iefix") format("embedded-opentype");
  /* IE9+ */
}

@font-face {
  font-family: 'bebas';
  src: url("/Fonts/BebasNeue-webfont.eot");
  src: url("/Fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("/Fonts/BebasNeue-webfont.woff") format("woff"), url("/Fonts/BebasNeue-webfont.ttf") format("truetype"), url("/Fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/Fonts/Roboto-Condensed.woff) format("woff");
}

/*@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
         }*/
@font-face {
  font-family: officina_it;
  src: url("/Fonts/OfficinaSanITCMediumItalic.ttf");
}

@font-face {
  font-family: code;
  src: url("/Fonts/SourceCodePro-Light.ttf");
}

/* Simple Form
-----------------------------------------------------------------------------*/
/* line 13, Share.scss */
#qa-form .text-container {
  margin: 10px;
}

/* Ad form
-----------------------------------------------------------------------------*/
/* line 20, Share.scss */
#publi-form .change-photo {
  color: #3B5998;
  display: block;
  text-align: center;
  margin: -2px 0 2px 0;
}

/* line 27, Share.scss */
#publi-form .photo-border {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

/* line 34, Share.scss */
#publi-form .photo-border .error {
  margin-top: 10px;
  text-align: center;
}

/* line 39, Share.scss */
#publi-form .photo-wrapper a.remove {
  height: 15px;
  width: 15px;
  background-image: url("/images/icons2.png");
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 2px 0 2px 2px;
  display: none;
  background-position: -292px -25px;
}

/* line 51, Share.scss */
#publi-form .photo-wrapper:hover a.remove {
  display: block;
}

/* line 55, Share.scss */
#publi-form .photo-wrapper:hover a.remove:hover {
  background-position: -312px -25px;
}

/* line 59, Share.scss */
#publi-form .picture-slider {
  padding-top: 23.333%;
}

/* line 64, Share.scss */
#publi-form .data {
  position: relative;
  margin-left: 110px;
}

/* line 69, Share.scss */
#publi-form textarea {
  height: 50px;
  display: block;
}

/* News Form
-----------------------------------------------------------------------------*/
/* line 77, Share.scss */
#news-form textarea[name=description] {
  min-height: 120px;
}

/* line 81, Share.scss */
#news-form textarea[name=body] {
  height: 150px;
}

/* line 85, Share.scss */
#news-form .cover-selector .button-select-file {
  margin-left: 10px;
}

/* line 89, Share.scss */
#news-form .cover-selector .preview {
  display: none;
  position: relative;
}

/* line 94, Share.scss */
#news-form .cover-selector .button-remove-file {
  position: absolute;
  top: 2px;
  right: 2px;
  height: 20px;
  width: 20px;
  background-image: url("/images/icons2.png");
  background-color: #fff;
  border-radius: 10px;
  padding: 0;
  background-position: -290px -25px;
  z-index: 1;
}

/* line 108, Share.scss */
#news-form .cover-selector .button-remove-file:hover {
  background-position: -310px -25px;
}

/* line 112, Share.scss */
#news-form .file-selector .preview {
  padding-top: 43.76%;
}

/********** Custom Select Share to ****************/
/* line 117, Share.scss */
.wrapper-share-to {
  width: 85px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
  cursor: pointer;
}

/* line 126, Share.scss */
.custom-select-share-to .select span.content {
  padding-left: 10px;
}

/* line 128, Share.scss */
.custom-select-share-to .select .arrow-up {
  position: absolute;
  margin-top: 8px;
  margin-left: 7px;
  width: 0px;
  height: 0px;
  border-width: 6px;
  border-style: solid;
  border-color: #F27403 transparent transparent transparent;
}

/* line 140, Share.scss */
.custom-select-share_to .select.gray .arrow-down {
  border-color: transparent transparent #acacab transparent;
}

/* line 144, Share.scss */
.custom-select-share-to ul {
  display: none;
  list-style-type: none;
  position: relative;
  left: 0;
  z-index: 1;
  background-color: #424242;
  padding: 3px 0;
  width: 100%;
  text-align: left;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 160, Share.scss */
.custom-select-share-to ul.gray {
  background-color: #F3F3F3 !important;
  border: 1px solid #d7d7d7 !important;
}

/* line 165, Share.scss */
.custom-select-share-to ul li {
  padding: 4px 8px 5px 8px;
  line-height: 14px;
  font-size: 11px !important;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}

/* line 174, Share.scss */
.custom-select-share-to ul li:hover {
  background-color: #fff;
  color: #000;
  text-shadow: none;
}

/* line 180, Share.scss */
.custom-select-share-to ul.gray li {
  color: #6c6c6b !important;
  text-shadow: none !important;
}

/* line 186, Share.scss */
.custom-select-share-to input {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: -1;
  height: 1px !important;
  width: 1px !important;
  border: 0 !important;
  background: none !important;
  overflow: hidden !important;
}

/**************************
		
		CARROUSEL

***************************/
/* line 205, Share.scss */
.carrousel {
  list-style: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1200px;
}
/* line 211, Share.scss */
.carrousel li {
  float: left;
}

@media only screen and (max-width: 360px) {
  /* line 218, Share.scss */
  #post-form textarea {
    width: 88%;
  }

  /* line 221, Share.scss */
  #publi-form .photo-border {
    width: 70px;
    height: 70px;
  }

  /* line 225, Share.scss */
  #publi-form > div {
    margin-left: 92px;
  }

  /* line 228, Share.scss */
  .post-attachments .item {
    width: 52px;
  }

  /* line 231, Share.scss */
  .post-attachments .item img {
    height: 48px;
    width: auto;
  }

  /* line 235, Share.scss */
  .post-attachments .item .thumb {
    height: 45px;
    width: 35px;
  }

  /* line 239, Share.scss */
  .share-box {
    margin-bottom: 30px;
  }
}