.Sizebox * {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog_tags {
padding:5px;
}
.badge {
    margin:5px;
}

.othertags {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.notfound {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
}

.div-contenido {
    overflow:auto;
    padding-right:5px;
}

.div-left-content {
    float:left;
    width:690px;
}

.div-right-content {
    float: right;
    padding-top: 10px;
}
.Incontainer {
    width: 100%;
    background: #EDECEC;
    padding-top:10px;
  }

.button-bottom {
    position: absolute;
    right:    10px;
    bottom:   15px;
}

.position-right {
    position: absolute;
    right:    15px;
    top:   10px;
}

.HeaderOpinion {
    background-color: rgb(204, 204, 204);
    color: rgb(87, 87, 87);
    padding: 10px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 16px;
    border-left: 10px solid rgb(0, 0, 0);
    height: 25px;
}

.HeaderRight {
    font-size: 12px;
}
.HeaderOpinion h1 {
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
    float:left;
}

.LstItem210 {
    height: 205px;
}

.LstImage210 {
    width: 210px;
    float: left;
    margin-right: 10px;
}

.img-preview210 {
    max-width: 210px;
    max-height: 200px;
}
.widget .mic-info210 {
    	color: #666666;
font-size: 11px;
position: absolute;
left: 230px;
bottom: 15px;
}
.categoria210 {
    font-size: 12px;
    font-weight: bold;
color: rgb(102, 102, 102);
}
.lnktitle210 {
    font-size: 18px;
    font-weight: bold;
color: #000;
}

.textdetail210 {
       margin-top :10px;
    height: 47px;
    display: block;
    display: -webkit-box;
    max-width: 550px;
    height: $font-size*$line-height*$lines-to-show;
    font-size: $font-size;
    line-height: $line-height;
    -webkit-line-clamp: $lines-to-show;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shape{    
    border-style: solid; border-width: 0 40px 40px 0; float:right; height: 0px; width: 0px;
    -webkit-transform: rotate(360deg);  
    -moz-transform: rotate(360deg);  
    -o-transform: rotate(360deg);  
    transform: rotate(360deg); 
}
.shape-text{
    color:#fff; font-size:12px; font-weight:bold; position:relative; right:-22px; top:-3px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(46deg); /* Safari and Chrome */
	transform:rotate(46deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
	float: left;
    margin: 5px;
    width: 150px;
}
.shape {
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.offer-radius{
	border-radius:7px;
}
.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{
	border-color: transparent #d9534f transparent transparent;
}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{
	border-color: transparent #5cb85c transparent transparent;
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
}
.offer-primary {	border-color: #428bca; }
.offer-primary .shape{
	border-color: transparent #428bca transparent transparent;
}
.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
}
.offer-warning 	
{
    border-color: #f0ad4e; 
    
}
    
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
}

.offer-content{
	text-align:center;
}
@media (min-width: 487px) {
  .container {
    max-width: 750px;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 970px;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-3 {
    width: 25%;
  }
  }   

#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}

.white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*WIDGET*/
.widget .panel-body { padding:0px; }
.widget .list-group { margin-bottom: 0; }
.widget .panel-title { display:inline }
.widget li.list-group-item {border-radius: 0;border: 0;border-top: 1px solid #ddd;}
.widget li.list-group-item:hover { background-color: rgba(86,61,124,.1); }
.widget .mic-info { color: #666666;font-size: 11px; position: absolute;left: 90px;bottom: 15px;}
.widget .action { margin-top:5px; }
.widget .comment-text { font-size: 12px; }
.widget .btn-block { border-top-left-radius:0px;border-top-right-radius:0px; }

/*BAGGED*/
[class*="badger"] {
    position: relative
}

[class*="badger"]:after {
    content: attr(data-badger);
    position: absolute;
    top: 0;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background: #999;
    color: #fff
}

.badger-left {
    border-top-left-radius: 6px
}

.badger-right {
    border-top-right-radius: 6px
}

.badger-left:after {
    left: 0;
    border-radius: 6px 0 6px 0
}

.badger-right:after {
    right: 0;
    border-radius: 0 6px 0 6px
}

.badger-danger:after {
    background: #d9534f
}

.badger-warning:after {
    background: #f0ad4e
}

.badger-success:after {
    background: #5cb85c
}

.badger-info:after {
    background: #5bc0de
}

.badger-inverse:after {
    background: #222
}

/*TABS*/
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #000 !important; background: transparent;font-weight:bold; }
        .nav-tabs > li > a::after { content: ""; background: #000; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane {overflow: auto; }
.tab-content{padding:2px}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 10px;padding:3px; }

/*PREGUNTAS - PROGRESO*/
.fa { margin-right:5px;}
.rating .fa {font-size: 22px;}
.rating-num { margin-top:0px;font-size: 18px;text-align:center;font-weight: bold;margin-bottom: 10px;}
.progress { margin-bottom: 5px; background-color:#FEF3C8; height:30px; }
.progress-bar { text-align: left;line-height:30px;font-size:14px;color: #000; }
.rating-desc .col-md-3 {padding-right: 0px;}
.rating-desc {padding-right: 20px;padding-left:20px;margin-top:20px;width: 93%;}
.BottomBox {bottom: 20px;position: absolute;}
#DivPreguntas .sr-only { margin-left: 5px;overflow: visible;clip: auto; }
.pregunta{padding-left:20px;padding-right:20px;font-size:14px;font-weight: bold;color: #000;}
.SiNo{line-height: 30px;}
.seccion-editorial{font-size:14px;color:#000;margin-bottom:10px;font-weight: bold;}
.title-editorial{font-size:14px;color:#000;margin: 0px;font-weight: bold;}
.autor-editorial{font-size:12px;color:#428BCA;margin: 0px;}
.sumario-editorial{font-size:14px;color:#000;margin-top: 15px;}
.autor-name{font-size:18px;color:#000;margin: 0px;font-weight: bold;}
.autor-title{font-size:11px;color:#428bca;margin: 0px;font-weight: bold;}
.HeaderBox{height:300px;padding: 10px;}
.HeaderBox150{height:100px;padding: 10px;}
.OptionQ{max-width:70%;float:left;margin-right:10px;}
.img-preview{max-width:70px;max-height:70px;}
.img-preview-h{height:70px;}
.LstItem{height:80px;}
.LstItem100{height:100px;}
.LstItemRight{height:60px;}
.LstItemRight80{height:80px;}
.LstImage{width: 70px;float: left;margin-right:10px;}
.LstImage-lt{width: 50px;float: left;margin-right:10px;}
.img-preview-lt{max-width:50px;max-height:50px;}
.img-preview-autor{max-width:80px;max-height:80px; float:left;margin-right: 10px;}
.colimg{width:80px;}
.lnktitle{font-weight:bold;color:#000;}
.lnktitle-white{font-weight:bold;color:#fff;}
.lnktitle-lt{color:#000;}
.borderwhite {border: 3px solid rgb(255, 255, 255);}
.lead{margin-top:10px;margin-bottom:10px !important;}
.colname{font-weight: bold;font-size: 12px;height: 35px;color:#fff;}
.widget-right {width:300px;margin-bottom:10px;}
.widget-bottom {text-align:center; padding-bottom:10px;}
.categoria {font-weight: bold;color: rgb(102, 102, 102);font-size: 10px;}
.sectionbox {font-weight: bold;font-size: 12px;color:#fff;padding:15px; border: 1px solid #fff;}
.inputwidth {width:96% !important;}
.textdetail {
    height:30px;
      display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 550px;
  height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
  font-size: $font-size;
  line-height: $line-height;
  -webkit-line-clamp: $lines-to-show;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul#horizontal-list {
	min-width: 696px;
	list-style: none;
	padding-top: 20px;
	}
	ul#horizontal-list li {
		display: inline;
	}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}

@media only screen and (max-width: 799px) {
    .div-left-content {
        width:100%;
    }

    .div-right-content {
        width:100%;
        float:none;
    }

    .widget-right {
        width:100%;
    }

    .HeaderRight {
        display:none;
    }
}

@media only screen and (max-width: 500px) {
    .HeaderRight {
        display:none;
    }

    .div-contenido {
    margin-top: 50px;
}

.LstImage210 {
    width: 100%;
    float: none;
    margin-right: 0px;
	}
.LstDetail {
    margin-top: 10px;
}

.LstItem210 {
    height: 430px;
}

.widget .mic-info210 {
    left: 10px;
}

.img-preview210 {
    max-width: 100%;
    max-height: 230px;
    width: 100%;
    height: 230px;
}
}

/*LISTADO HORIZONTAL*/
.nav-list {
    list-style: none;
    margin: 0 auto;

} 
  
  .nav-list > li {
    float: left;
  }
  
  .mydiv {
    display: block;
    margin:5px;
    width:230px;
    height:132px;
    background-color: #edecec;
  }

  .mydivblog {
    display: block;
    margin:5px;
    width:230px;
  }

  /*BLOG CARD*/
  .src-image {
  display: none;
}

.blog-card {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #d2d7de;
  color: #000;
  height:240px;
}

.blogname {
    font-size:18px;
    color:#000;
}

.blog-card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #FFF solid;
  /* This positions the canvas under the text */
  z-index: 1;
  background-color: #808284;
}
.blog-card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.blog-card .avatar img {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  border-radius: 10%;
  border: 5px solid #ffd700;
}

.blog-card .content p .btn-default {
    border-color: #f2c21e;
    background-color: #ffd700;
    color: #000;
}