@charset "UTF-8";
/* CSS Document */
html, body{
	margin: 0;
	padding: 0;
	font-family: boreal,sans-serif;
	background-color: #E0E0E0;
}
.htmlclaro{
    margin: 0;
    padding: 0;
    font-family: boreal,sans-serif;
    background-color: #202020;
}
.oscuro {
    margin: 0;
    padding: 0;
    font-family: boreal,sans-serif;
    background-color: #202020;
}
 
/* capas */
nav{
	position: absolute;
	right: 0;
	top: 16px;
	z-index: 1;
}
footer{
	margin: 20px;
}
.todo{
	width: 100%;
	text-align: center;
}
.content{
	width: 100%;
	margin: auto;
	padding-top: 16px;
	padding-bottom: 16px;
	max-width: 780px;
}
.manual{
	background-color:rgba(245,245,245,1);
	padding-top: 44px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 100px;
} 

/* texto */
ul{
	list-style: none;
	position: fixed;
	top: 5px;
	right: 0;
}
li{
	min-width: 100px;
	padding: 7px 12px 10px;
	background-color:rgba(245,245,245,1);
	text-align: center;
	border-bottom: solid 2px #E0E0E0;
	border-top: solid 2px #E0E0E0;
	border-left: solid 2px #E0E0E0;
}
p{
	text-align: left;
	margin: 16px 50px;
	font-size: 19px;
	line-height: 27px;
	color: #232323;
}
.pclaro{
    text-align: left;
    margin: 16px 50px;
    font-size: 19px;
    line-height: 27px;
    color: #FFFFFF;
}
h1{
	background-color:rgba(210,210,210,1);
	text-align: left;
	font-size: 24px;
	padding: 0 12px 4px;
	margin: 0px 12px 24px;
	color: #232323;
}
.titlo{
     font-size: 24px;
     color: #FFFFFF;
     background-color: #202020;

}
h2{
	text-align: left;
	margin:0px 50px 24px;
	font-size: 21px;
	border-bottom: solid thin;
	color: #232323;
	font-weight: 400;
}
h3{
	margin: 0 12px;
	font-size: 24px;
	text-align: left;
	color: #232323;
	padding-top: 10px;
}
.seccion{
	background-color: transparent;
	padding: 32px 88px 8px;
}
.index{
	border-bottom: dotted thin;
	font-weight: bold;
	margin-top: 0;
}
.negrita{
	font-weight: bold;
}
.destacado{
	background-color:rgba(210,210,210,1);
	padding: 0 6px 4px;
	margin: 20px 50px 16px;
	display:table;
}
.consello{
	padding-left: 16px;
	border-left: dotted thin;
	font-style: italic;
	font-size: 17px;
	max-width: 600px;
	margin-bottom: 28px;
}
.peq2{
	font-size: 16px;
	line-height: 25px;
	margin: 0;
}
.peq2{
    font-size: 16px;
    line-height: 25px;
    margin: 0;
    color: #FFFFFF;

}
.enumeracion{
	margin-top: 0;
	margin-bottom: 0;
}
.subtitulo{
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 2px;
}
div.column p{
	text-align: center;
}
.xtarget{ 
  border-top: 95px solid transparent;
  margin-top: -90px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
} 

/* enlaces */
a, a.link{
	text-decoration: none;
	color: #232323;
}
a:hover{
	opacity: 0.25;
}

a.footer{
	margin: 0 0 0 10px;
	border-bottom: thin solid;
}
a.footer2{
 
     border-bottom:none;
    color: #FFAAAA;

}
a.indexelement{
	margin-left: 48px;
}
a.indexelement2{
	margin-left: 96px;
}
.tx{
	border-bottom: solid thin;
}

/* imaxes */
#logo{
	width: 72px;
	position: fixed;
	left: 16px;
	top: 20px;
}
/* imaxes */
#logo3{
    width: 72px;
    float: left;

}
.compra{
	width: 120px;
	margin-bottom: 24px;
	margin-top: 8px;
}
.compra2{
    width: 160px;
    margin-bottom: 24px;
    margin-top: 8px;
}
video, img{
	width: 100%;
}
.video2{
    width: 48%;
    float:left;
    margin-bottom: 48px;
    margin-top: 24px;

}
.video3{
    width: 48%;
    float:right;
    margin-bottom: 48px;
    margin-top: 24px;

}
.exemplo{
	width: 100%;
	max-width: 550px;
}
.grande{
	max-width: 680px;
}
.tip{
	width: 100%;
	max-width: 240px;
}
.mostra{
	width: 100%;
	max-width: 360px;
	margin: 0 0 16px;
}
.mini{
	height: 35px;
	width: auto;
}
div.column{
	align-content: center;
	margin-bottom: 8px;
}
div.column4{
	max-width: 190px;
	display: inline-block;
    vertical-align:top;

}
div.column2{
    max-width: 190px;
    display: inline-block;
    vertical-align:top;
    float: left;
    margin-left:50px;
}
div.column3{
    max-width: 190px;
    display: inline-block;
    vertical-align:top;
   float: right;
   margin-right:50px;

}
div.column4, video{
	margin: 0;
}
.iconoandtext{
    width:auto;
    height:26px;
    vertical-align:middle;
}
.iconoleft{
    width:22px;
	float: left;
	margin-left: 10px;
}
#iconone{
	margin-top: 20px;
}

@media screen and (min-width : 701px) and (max-width : 870px) {
.content{
	padding-top:16px;		
}
.content2{
 }
.manual{
	padding-left: 0;
	padding-right: 0;
} 
h3{
margin-left: 50px;
margin-right: 50px;
}
}

@media screen and (min-width : 200px) and (max-width : 700px) {
p{
	margin: 13px 20px;
	font-size: 18px;
	line-height: 25px;
}
h1{
	font-size: 21px;
	margin-bottom: 10px;
}
h3{
	font-size: 21px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0;
}
.index{
	margin-left: 16px;
	margin-right: 16px;
}
.titulo{
	visibility: hidden;
}
.destacado{
	margin-left: 18px;
	padding-top: 2px;
}
.content{
	padding-top:4px;		
}
.manual{
	padding-top: 16px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 30px;
	margin-top: 16px;
}
.iconoandtext{
    height:24px;
}

.iconoleft{
	margin-left: 20px;
	margin-right: 10px;
}
}