@charset "UTF-8";

@font-face {
    font-family: 'Roboto';
    src: url(RobotoRegular.eot);
    src: url(RobotoRegular.eot) format("embedded-opentype"), url(RobotoRegular.woff) format("woff"), url(RobotoRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: 'RobotoMedium';
    src: url(RobotoMedium.woff) format("woff"), url(RobotoMedium.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}
@font-face {
    font-family: 'RobotoBold';
    src: url(RobotoBold.eot);
    src: url(RobotoBold.eot) format("embedded-opentype"), url(RobotoBold.woff) format("woff"), url(RobotoBold.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'RobotoBoldItalic';
    src: url(RobotoBoldItalic.eot);
    src: url(RobotoBoldItalic.eot) format("embedded-opentype"), url(RobotoBoldItalic.woff) format("woff"), url(RobotoBoldItalic.ttf) format("truetype");
    font-style: normal;
    font-weight: normal
}

@font-face {
font-family: 'RobotoItalic';
font-style: normal;
font-weight: normal;
		src: local('Roboto Italic');
        src: url(RobotoItalic.eot);
        src: url(RobotoItalic.eot) format("embedded-opentype"), url(RobotoItalic.woff) format("woff"), url(RobotoItalic.ttf) format("truetype");
}

body{
	padding:0;
	font-family: 'Roboto',arial;
	font-size:15px;
	line-height:17px;
	overflow-x:hidden;
	width:100%;
	box-sizing:border-box;
}
@media (min-width:768px){
	body{font-size:16px;line-height:22px;}
}
body a{
	font-family: 'RobotoBold';
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	font-weight:400;
	text-decoration:underline;
	color:#158be6;
}
input[type="email"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	
}
input::placeholder{
color:#666;}

h1,h2,h3,h4,h5,h6{
	text-align:center;
	color: #666;
    font-weight: normal;
    line-height: normal;
	margin:0 0 15px;
	
}	
b,strong{font-family: 'RobotoBold',arial;font-weight:normal}
nav,footer{padding:20px 0;margin:0;}
main{padding:7px 0 20px;margin:0}
.clearfix{min-height:1px;display:block;position:relative;clear:both}
header {
  background-color:#09ff9f;
  padding:10px 0;
  margin:0;
}

nav{
  background-color: rgb(41, 41, 41);
  padding:8px 0
  
}
nav a .fa{text-decoration:none;color:#fff;}

nav .menu{display:none}
@media (min-width:768px){
nav a .fa{display:none}	
nav .menu{display:table;position:relative;margin:0 auto}	
nav .menu a{font-family: 'RobotoMedium',arial;text-decoration:none;color:#fff;font-size:15px;text-transform:uppercase;padding-right:5px;padding-left:5px}
nav .menu a:hover{color:#ff0015}
}
@media (min-width:992px){
nav .menu a{font-size:16px;text-transform:uppercase;padding-right:10px;padding-left:10px}
}
span.red{
  font-size: 15px;
  font-family: "RobotoBold";
  color: rgb(255, 1, 1);
  line-height: 26px;
  text-align: left;

}
span.gray,span.dtime{
  display:block;
  font-family: "Roboto";
   line-height: 18px;
  text-align: left;
font-size: 13px;
padding-top:5px
  
}
span.gray{color: rgb(141, 141, 141);}

.logo_img img{max-width:100%}
h1 {
  font-size: 24px;
  font-family: "RobotoBold";
  color: rgb(1, 1, 1);
  line-height: 1.2;
  text-align: left;

}

h2 {
  font-size: 16px;
  font-family: "RobotoBold";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  margin-bottom:15px;
}
h3{font-family:"RobotoBold";color:#000}
@media (min-width:576px){h1 {
font-size: 29px;line-height:32px}h2{font-size:23px}}
@media (min-width:768px){h1 {
font-size: 37px;line-height:40px}h2{font-size:26px}}

blockquote{
  font-size: 22px;
  font-family: "RobotoBold";
  color: rgb(0, 0, 0);
  line-height: 1.2;


}
.img-desc {
  font-size: 16px;
  font-family: "RobotoItalic";
  color: rgb(84, 83, 83);
  line-height: 1.2;
  text-align: center;
  padding-left:10px;
  padding-right:10px
}
.docname{font-family:"RobotoBold";font-size:13px;line-height:17px;margin-bottom:15px;text-align:center}
.docdesc{font-family:"RobotoItalic";font-size:15px;line-height:17px;margin-bottom:15px;margin-top:-15px}
.doc-quote{font-family:"RobotoItalic";font-size:18px;background:#f2f0f0;padding:5px 15px;margin-bottom:15px}
.doc-quote b{font-family:"RobotoBoldItalic"}
.doc-img{display:table;position:relative;margin:3px auto }

.datelikes{margin-bottom:3px}
@media (min-width: 992px) {
	.datelikes{margin-top:-20px}
.doc-img{margin:3px 0}
.docname{text-align:left}.author{margin-top:50px}

}

.boldline{display:block;height:3px;margin-bottom:10px;background-color:#000}
main ul{font-family:"RobotoItalic";-webkit-padding-start:25px;}
main ul b{font-family:"RobotoBoldItalic";}
main ul li {
	position:relative;
	list-style-type: none;
	margin-bottom:10px
	}
main ul li::before{
	position:absolute;
	content:"";
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-left:-25px;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid red;
	}


.row.commentarios{background:#e8e8e8;margin-left:-40px;margin-bottom:20px;margin-top:20px}
.row.commentarios .col-md-12, .otros-commentarios .col-md-12{padding:3px 0 5px 40px;font-family: 'RobotoBold',arial;}
.otros-commentarios{background:#e8e8e8;border-radius:5px;margin-bottom:40px;margin-top:25px;}
.otros-commentarios a{font-family:"RobotoBold";font-size:15px;text-decoration:none;color:#484747}
.otros-commentarios .col-md-12{font-size:17px}
.img-circle{border-radius:50%}
.related a{display:block;font-size:14px;
  font-family: "RobotoBold";
  color: rgb(1, 1, 1);
  line-height: 1.2;
text-align: left;text-decoration:none;padding-bottom:15px}

@media (min-width:768px){.related a {
font-size: 18px;}}

.related a:hover{text-decoration:underline}
.comm-table{display:table;margin-top:0px}
.col-avatar{display:table-cell;margin-left:10px;max-width:50px;vertical-align:top;padding-top:0;margin-top:0}
.col-comm-text{padding-left:15px;display:table-cell;vertical-align:top;padding-top:0;margin-top:0;margin-bottom:20px}
.nickname{font-family:"RobotoBold";font-size:17px;line-height:17px;margin-bottom:9px}
.comment{font-family:"Roboto";font-size:15px;line-height:17px;color:#010101;margin-bottom:5px}
a.bluesky{font-family: 'RobotoItalic';color:#5f92e6;text-decoration:underline;cursor:pointer}
a.bluesky:hover{color:#1555af;cursor:pointer}
.date{font-family:"RobotoItalic";font-size:15px;color:#010101}
.orderlink{
	display:table;margin:0 auto;
  font-size: 25px;
  font-family: "RobotoBold";
  color: #5f92e6;
  text-decoration: underline;
  line-height: 1.2;
  text-align: center;
  margin-top:-60px
}
@media (min-width: 992px) {

}
.border{border:1px solid #c4c4c4;padding:5px 10px;font-size:14px;line-height:18px}
.border [class*="col-"]{padding-right:0px;padding-left:0px;}
.border .sidebar-table{display:table;margin-bottom:15px}
.border .row:last-child .sidebar-table{margin-bottom:5px}
.border .col-sidebar-img{display:table-cell;margin-left:10px;max-width:105px;position:relative;float:left;min-height:81px;}
.border .col-sidebar-img img{width:105px;height:81px;margin-top:5px}
.border .col-sidebar-text{padding-left:10px;max-width:180px;display:table;vertical-align:middle;min-height:81px;}
.border .col-sidebar-text p{display:table-cell;vertical-align:middle;margin:0;}
.border .col-sidebar-text a{font-family:"Roboto";text-decoration:none;color:#010101}
.border .col-sidebar-text a:hover{text-decoration:underline}
footer{background:#020202;color:#9a9a9a;padding:30px 0 20px}
footer img{margin-bottom:20px}
footer p{color:#9a9a9a;font-size:12px;line-height:17px}
footer a{font-family: 'Roboto';color:#9a9a9a;text-decoration:underline;font-weight:normal}
footer .socialicons a{color:#fff;font-size:20px;padding-right:5px}
footer a:hover{color:#08fe9f;}

@media (min-width: 992px) {
blockquote{font-size:32px;}
header{padding:5px 0px}
.main-pic{margin:0;padding-left:10px;padding-right:10px}
span.gray {
float: right;}
h1 {
font-size: 34px;}

h2 {
font-size: 24px;}
body{font-size:20px;line-height:26px;}
main{padding:17px 0 60px;}
span.red{font-size:20px}

.related a{padding-top:0px;padding-bottom:0}
}
@media (max-width: 991px) {.hidden-sm-down{display:none}.row.related img{width:100%}}
@media (max-width: 479px) {.hidden-xs{display:none}}