html, body{
	font-family:'open sans';
	color:#999;
	background:#fff;
}

h1, h2, h3, h4, h5, h6{font-family:'open sans'; line-height:1.2; color:#666;}

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.3rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }
  
strong{color:#666;}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 2.2rem; }
  h2 {
    font-size: 1.8rem; }
  h3 {
    font-size: 1.6rem; }
  h4 {
    font-size: 1.5rem; }
  h5 {
    font-size: 1rem; }
  h6 {
    font-size: 0.8rem; } 
	
	}
	
.button{line-height:1.4;}

.callout{border:0;}

.ep{color:#003366;}
.ep_orange{color:#ff9900;}
.ae{color:#009bdb;}
.contratacion{color:#40BABF;}
.ges{color:#ff6600;}
.gestiona{color:#006d85;}
.hl{color:#00bb88;}
.rrhh{color:#ee0055;}
.sistemas{color:#0F4C81;}
.esfirma{color:#aa9944;}
.drag{color:#10406d;}

.header{
	background:url(../img/auloce.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding:120px 24px;
}

.header h1,
.header h2{
	color:#fff;
	line-height:1.2;
	margin-bottom:0;
}

.header h1{font-weight:600;}
.header h2{font-weight:300; margin-bottom:32px;}

h3{
	margin-bottom:32px;
}

.table_header h3{margin-top:24px;}

.table_header{
	margin-bottom:32px;
	border-bottom:solid 1px #e5e5e5;}

.tipography,
.colours,
.logos{
	margin-bottom:48px;
	border-bottom:solid 1px #e5e5e5;
	}
	
.logos img{max-width:180px;}

.logos01,
.logos02,
.logos03{
	margin-bottom:32px;
}

.help p{
	font-size:80%;
	margin-bottom:0.5rem;
	}


.espublico_blanco img,
.gestiona_blanco img,
.hl_blanco img{
	padding:6px;
	border-radius:48px;
	background:#777;
}

/*
.espublico_blanco img{background:#003366;}
.gestiona_blanco img{background:#ff6600;}
.hl_blanco img{background:#00cc99;}
*/

.colour h4{margin-bottom:8px; font-size:1.4rem;}

.colour{position:relative; padding-left:44px;}

.sample{
	width:32px;
	height:32px;
	display:inline-block;
	background:#000;
	border-radius:100%;
	position:absolute;
	left:0;
	top:0;
}

.colour_ep_orange .sample{background:#ff9900;}
.colour_ae .sample{background:#009bdb;}
.colour_contratacion .sample{background:#40BABF;}
.colour_ep .sample{background:#003366;}
.colour_ges .sample{background:#ff6600;}
.colour_gestiona .sample{background:#006d85;}
.colour_hl .sample{background:#00bb88;}
.colour_rrhh .sample{background:#ee0055;}
.colour_sistemas .sample{background:#0F4C81;}
.colour_esfirma .sample{background:#aa9944;}
.colour_drag .sample{background:#10406D;}


.type{margin-bottom:24px;}


/* 2017 */
.inner{
	padding:16px;
}

.inline-list{
	display:inline;
	margin:0;
	}

.inline-list li{
	display:inline;
	list-style:none;
	}
	
.inline-list li:after{
	content:' - ';
}

.inline-list li:last-child:after{
	content:'';
}

.item{
	padding-bottom:16px;
	border-bottom:solid 1px #ddd;
	margin-bottom:16px;
}

.item .image{margin-right:16px;}

.item .image img{
	max-width:160px;
}

.box .item:last-child{border-bottom:0; margin-bottom:0;}

.unstyle{
	margin-left:0;}

.unstyle li{
	list-style:none;
	margin-bottom:8px;
	line-height:1.4;
}

.small{font-size:90%;}

.box{
	border-top:solid 2px #ddd;
}

.doc-previo{display:block; margin-bottom:4px; padding:0 32px;}
.doc-previo img{border:solid 1px #ddd;}

code{
	display:block;
	text-align:left;
	font-size:80%;
}

.sign table tbody{border:0;}
.sign tr{background:none !important;}
.sign td{padding:4px 0;}
.sign hr{margin:4px;}
.sign strong{color:#000;}


@media screen and (max-width: 39.9375em) {
	.inner{padding:8px;}
	.item .image{display:block; margin-bottom:8px;}
	.item{
	padding-bottom:8px;
	margin-bottom:8px;
	}
}