/*mon webdav*/

@font-face {
  font-family: "itm-font2";
  src:url("/fonts/itm-font2.eot");
  src:url("/fonts/itm-font2.eot?#iefix") format("embedded-opentype"),
    url("/fonts/itm-font2.woff") format("woff"),
    url("/fonts/itm-font2.ttf") format("truetype"),
    url("/fonts/itm-font2.svg#itm-font2") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
	font-family: "PT sans";

}

body {

}

.imgflex {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

.wrap-1100
{
	max-width: 900px;
	margin: 0 auto;
	overflow: hidden;
	
}

#container {
	padding: 30px 15px 15px;

}

/* @group H1 */

h1.headPage, h1.headUbuntu, h1.headLinux, h1.headMiscelanea, h1.headMacos, h1.Macos, h1.Miscelanea, h1.Ubuntu, h1.Linux  {
	font-size: 26px;
	margin-bottom: 18px;
	position: relative;
	padding-left: 47px;
	font-weight: 700;
	border-bottom: 1px solid #a2a2a2;
	padding-bottom: 8px;
	color: #555555;
}

h1.headPage:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 1px;
	background-size: 32px 32px !important;
	background: url(/images/c-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h1.headUbuntu:before, h1.Ubuntu:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 1px;
	background-size: 32px 32px !important;
	background: url(/images/u-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h1.headLinux:before, h1.Linux:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 1px;
	background-size: 32px 32px !important;
	background: url(/images/l-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h1.headMiscelanea:before, h1.Miscelanea:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 1px;
	background-size: 32px 32px !important;
	background: url(/images/mi-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h1.headMacos:before, h1.Macos:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 1px;
	background-size: 32px 32px !important;
	background: url(/images/m-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

/* @end */

/* @group h2 */

.entradaFrontal h2 {
	padding-bottom: 10px;
}

h2.headPost {
	padding-bottom: 10px;

}

h2.headPost a {
	font-size: 32px;
	color: #555;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	text-decoration: underline !important;
	position: relative;
}

h2.Linux a {
	font-size: 32px;
	color: #555;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	text-decoration: underline !important;
	padding-left: 47px;
	position: relative;
}

h2.Linux a::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 7px;
	background-size: 32px 32px !important;
	background: url(/images/l-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h2.Ubuntu a {
	font-size: 32px;
	color: #555;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	text-decoration: underline !important;
	padding-left: 47px;
	position: relative;
}

h2.Ubuntu a::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 7px;
	background-size: 32px 32px !important;
	background: url(/images/u-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h2.Macos a {
	font-size: 32px;
	color: #555;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	text-decoration: underline !important;
	padding-left: 47px;
	position: relative;
}

h2.Macos a::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 7px;
	background-size: 32px 32px !important;
	background: url(/images/m-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h2.Miscelanea a {
	font-size: 32px;
	color: #555;
	font-weight: 500;
	font-family: 'Dosis', sans-serif;
	text-decoration: underline !important;
	padding-left: 47px;
	position: relative;
}

h2.Miscelanea a::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 7px;
	background-size: 32px 32px !important;
	background: url(/images/mi-mini.png) no-repeat;
	width: 32px;
	height: 32px;
}

h2.headParrafo {
	font-size: 20px;
	color: #555555;
	/* font-weight: 500; */
	padding-bottom: 5px;
}

/* @end */

.entradaFrontal, .entradaEntry {
	/*padding-bottom: 15px;*/
	padding-right: 10px;
	padding-left: 10px;
}

.entradaFrontal p {
	font-size: 18px;
	line-height: 27px;
	color: #555555;
	padding-bottom: 5px;
}

.entradaEntry p {
	font-size: 18px;
	line-height: 27px;
	color: #555555;
	margin-bottom: 10px;
}

.lemaweb {
	padding: 20px;
	border-radius: 8px;
	background: #bbe2f9;
	margin-bottom: 30px;
}

.lemaweb p {
	font-size: 18px;
	line-height: 27px;
	color: #555555;
	margin-bottom: 5px;
}

.fechaPost {
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
	color: #757575;
}

.pieFoto {
	font: 500 14px 'Dosis', sans-serif;
	padding-top: 5px;
	padding-bottom: 10px;
}

.urlPost {
	margin-bottom: 15px;
}

.urlPost a {

	text-decoration: underline !important;
}

/*.ck-anchor {
	scroll-margin-top: 60px;
	scroll-behavior: smooth;
}*/

/* @group datos Entrada */

.entradaEntry h2 {
	margin: 15px 0 5px;
	font-size: 20px;
	color: #555;
	border-bottom: 1px solid #b7b7b7;
	display: inline-block;
	padding-bottom: 5px;
}

.lemaweb h1 {
	font-size: 18px;
	color: #555;
	border-bottom: 1px solid #666;
	display: inline-block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.datosEntry h3 {
	margin: 4px 0 14px 0;
	font-size: 18px;
	color: #555;
	border-bottom: 1px solid #b7b7b7;
	display: inline-block;
	padding-bottom: 5px;
}

.lemaweb ul, .lemaweb ol {
	padding-left: 31px;
	font-size: 17px;
	margin-bottom: 10px;
}

.lemaweb ul li {
	list-style-type: circle;
}

/* @group Menus */

.menus {
	width: 100%;
	height: 55px;
	background-color: #959595;
	position: relative;
	border-bottom: 4px solid #6f6f6f;
}

ul.menu {
	padding: 0 15px;
}

ul.menu li {
	display: inline-block;
}

a.menuA {
	padding: 14px 12px 15px;
	display: block;
	color: white !important;
	letter-spacing: 0.03em;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 20px;
}

a.menuA:hover {
	background-color: #6f6f6f;
	color: #ffffff !important;
}

a.menuA.active {
	background-color: #6f6f6f;
	color: #ffffff !important;}

ul.menuMovil {
	background: #666;
min-height: 1000px;
}

ul.menuMovil li {
	border-top: 2px solid silver;
	background-color: #e5e6e6;
	padding-top: 10px;
	padding-bottom: 11px;

}

ul.menuMovil li.active {
	background-color: gray;
	border-top: 1px solid gray !important;
}

ul.menuMovil li.active a {
	color: white !important;
	font-weight: 700;
}

ul.menuMovil li a {
	font-size: 17px;
	display: block;
	color: #555 !important;
	text-align: center;
}

.fijado {

}

/* @end */

/* @group Notas */

html
{
  scroll-padding-top: 60px; /* height of sticky header */
}

sup {

  vertical-align: super;
  font-size: smaller;
	line-height: 0;
}

sup a {
	font-weight: bold;
	color: blue;
}

ul.footNotes {
	font-size: smaller;
}

.rotu {
	background-color: yellow;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

sup.footnote a:before {
	content: '[';
}

sup.footnote a:after {
	content: ']';	
}

ul.footNotes li {
	padding-bottom: 4px;
}
/* @end */

/* @group Tags */

.post-labels {
  margin: 0;
  padding: 0;
	overflow: hidden;
}

.post-labels li {
	padding-bottom: 10px;
	display: inline-block;
}
.post-labels a {
	float: left;
	position: relative;
	background-color: #d5d5d5;
	height: 24px;
	line-height: 23px;
	padding: 0 10px 0 16px;
	margin-left: 20px;
	color: black;
	font-size: 14px;
	/* font-family: Arial; */
	text-decoration: none;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	/*font-weight: 700;*/
}
/* esto creará el triángulo de la izquierda */
.post-labels a:before {
  border-color: transparent #d5d5d5 transparent transparent;
  border-style: solid;
  /* el borde es igual a la mitad de la altura definida anteriormente */
  /* de ese modo será un triángulo equilátero */
  border-width: 12px 12px 12px 0;  
  content: "";
  float: left;
  left:-12px; /* lo movemos tanto como el valor dado al borde */
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
/* esto, creará el circulito que precede a los textos */
.post-labels a::after {
	background-color: #FFF;
	content: "";
	float: left;
	left: 0;
	position: absolute;
	top: 10px;
	height: 5px;
	width: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
/* efectos hover */
.post-labels a:hover{
  background-color: #bad0df;
	color: black;
}
.post-labels a:hover:before {
  border-color: transparent #bad0df transparent transparent;
}

.ellipsis p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
	
}

.relatPost {
	display: inline-block;
	padding: .4em .5em;
	margin: 2px 2px 2px 0;
	white-space: nowrap;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	background-color: #d5d5d5;
	color: black;
	font: 14px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
	border: 1px solid #e1ecf4;
	position: relative;
}
.relatPost:hover {
	background-color: #bad0df;
	color: black;
}

ul.relats {
	
}

ul.relats li {
	display: inline-block;
}

/* @end */

/* @end */


/* @group Buscar */

.buscarinput {
	top: 14px;
	right: 15px;
	position: absolute;
}

.micampo {
	background: white url("/images/find.png") no-repeat scroll 5px 4px;
	border-radius: 4px 0 0 4px;
	/* box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 rgba(0, 0, 0, 0.7) inset; */
	color: #6f6e6d;
	font-size: 14px;
	/* left: 0; */
	position: relative;
	width: 69%;
	float: right;
	height: 26px;
	padding: 0 0 1px 26px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid silver;
	margin: 0;
}

input.micampo:focus {
	background-color: #ffefb4;
	color: black;
}

.search-button {
	-webkit-appearance: none;
	border-radius: 0 4px 4px 0;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left-style: none;
	float: right;
	height: 26px;
	margin: 0;
	background-color: #F0F0F0;
	cursor: pointer;
}
#panel {
	display: none;
}


.buscarinputpanel {
	margin: 0 auto;
	width: 250px;
	position: relative;
	top: 14px;
}

#panel {
	box-shadow: 0px 28px 30px rgba(0,0,0,0.4);
	display: none;
	height: 70px;
	/* padding-top: 50px; */
	position: absolute;
	text-align: center;
	width: 100%;
	background-color: white;
	top: 50px;
	background: #4f4f4f;
	z-index: 10;
}

/* @end */

.sidebar {
	padding: 10px 20px 20px;
}

#footer {
	width: 100%;
	height: 120px;
	background-color: #959595;
	margin-top: 50px;
	border-top: 4px solid #6f6f6f;
	padding: 10px;
}

#footer p {
	font-size: 18px;
	line-height: 27px;
	color: #fff;
	padding-bottom: 5px;	
}


@media (max-width:480px) {



.menuM {
	height: 50px;
}

.menus {
	height: 50px;
	background-color: #4f4f4f;
}



.ham {
height: 38px;
position: absolute;
top: 6px;
width: 38px;
left: 12px;
}

.ham:after {
content: "\62";
font: 38px/1 "itm-font2";
color: white;
-moz-osx-font-smoothing: grayscale;
}
.buscarlupa {
	cursor: pointer;
	height: 26px;
	position: absolute;
	right: 0;
	top: 14px;
	width: 39px;
}

.buscarlupa::after {
	content: "\6e";
	font: 20px/1 "itm-font2";
	color: white;
	-moz-osx-font-smoothing: grayscale;
}

.seccionM {
	height: 33px;
	color: white !important;
	letter-spacing: 0.03em;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	padding-top: 8px;
	text-align: center;
}

.menus .seccionM span {
	display: none;
}
.menus.fijado .seccionM span {
	display: block;
}

#panel {
	top: 50px;
}

}

@media (min-width:481px) and (max-width:750px) {

.buscarlupa {
	cursor: pointer;
	height: 26px;
	position: absolute;
	right: 8px;
	top: 18px;
	width: 39px;
}

.buscarlupa::after {
	content: "\6e";
	font: 20px/1 "itm-font2";
	color: white;
	-moz-osx-font-smoothing: grayscale;
}

/*.menus {
	height: 0;
	background-color: #666;
}*/

.menus {
	height: 55px;
	background-color: #4f4f4f;
}

.logoMovil {
	height: 26px;
	margin: 0 auto;
	position: relative;
	top: 18px;
}

.ham {
height: 38px;
position: absolute;
top: 9px;
width: 38px;
left: 12px;
}

.ham:after {
content: "\62";
font: 38px/1 "itm-font2";
color: white;
-moz-osx-font-smoothing: grayscale;
}

.seccionM {
	height: 33px;
	color: white !important;
	letter-spacing: 0.03em;
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	padding-top: 11px;
	text-align: center;
}

.menus .seccionM span {
	display: none;
}
.menus.fijado .seccionM span {
	display: block;
}	

}

@media (min-width:751px) and (max-width:1024px) {
a.menuA {
	padding: 16px 9px 15px;
	display: block;
	color: white !important;
	letter-spacing: 0.03em;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
	font-size: 18px;
}	
}

@media (min-width:1100px) {
	
}