h1,h2,h3,h4,h5,h6,li,a,p,label{
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
}
:root{
	--verde: #E7E7E7;//#8FBF26;
	--verde-claro:#F2F2F2;//#B6D96C;
	--gris:#C7D9A0;
	--gris-claro:#F2F2F2;
	--negro:#000c36;//#261F1D;
}
.fluid{
	max-width: 100%;
}

#sidebar{
	background: var(--negro);
	height:100vh;
	padding: 0;
	position: fixed;
	left:-500px;
	transition: all 1s;
}
/*
@media screen and (min-width: 641px) and (max-width: 1024px) {
	#sidebar{
		width:100px;
	}
}
@media screen and (max-width: 640px) {
	#sidebar{
		width:0px;
	}
}
*/
#sidebar ul{
	list-style: none;
	margin: 0;
}

#sidebar ul li a{
    background-color: var(--verde);
    border-left: 2px solid transparent;
    box-sizing: border-box;
    color: var(--negro);
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    padding: 10px 20px 10px 20px;
    position: relative;
    transition-property: background-color,border-left-color,color;
    transition-duration: 0.15s;
    -webkit-transition-property: background-color,border-left-color,color;
    font-size: 13px;	
    border-bottom: 1px dotted #2F2F3C;
-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;    
}

#sidebar ul li a:hover{
	background: var(--verde-claro);
	color: var(--negro);
	padding: 10px 20px 10px 30px;
}

.padding0{
	padding: 0;
}

.fa-ul li a i{
    padding: 0px 8px 0 0;
    font-size: 1.2em;
}

.color-green{
	color: var(--verde);
}

.f-bold{
	font-weight: bold;
}

.f-light{
	font-weight: lighter;
}

.margin-top10{
	margin-top: 10px;
}
.margin-top12{
	margin-top: 12px;
}
.margin-top14{
	margin-top: 14px;
}
.margin-top16{
	margin-top: 16px;
}
.margin-top18{
	margin-top: 18px;
}
.margin-top20{
	margin-top: 20px;
}
.margin-bottom10{
	margin-bottom: 10px;
}
.margin-right10{
	margin-right: 10px;
}

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error{
    text-transform: initial;	
}

button, .button{
	margin: 0;
}

.block-green{
	background: #2ecc71;
	display: block;
	color: #FFF;
}

.block-grey{
	background: #bdc3c7;
	display: block;
	color: #FFF;
}

.main-item td:nth-child(1){
	border-left: 20px solid #0E6B58;
	position: relative;	
}

.sub-item{
	padding-left: 20px;
}

.sub-item td:nth-child(1){
	border-left: 20px solid #18BC9C;
	position: relative;
}

.sub-item td:nth-child(1):before{
    content: '';
    background: url(../img/arrow-down.png) no-repeat;
    width: 12px;
    height: 7px;
    position: absolute;
    left: -16px;
    top: 22px;	    
}

.main-item td:nth-child(1):before{
	content: '';
	background: url(../img/arrow.png) no-repeat;
	width: 7px;
	height: 16px;
	position: absolute;
    left: -13px;
    top: 18px;		
}

.font-size12{
	font-size: 12px;
}

.ul-page-filhas li{
	font-size: 12px;
	margin: 0;
}

.margin0{
	margin: 0;
}

.btn-opacity{
	opacity: 0.2;
}

.header-options,.footer-options{
	display: none;
}

.block-color,.block-color-footer{
	height: 150px;
	border:5px solid #FFF;
}

.block-color:hover,.block-color-footer:hover{
	border:5px solid #2B9D45;
	cursor: pointer;
}

.binding_dark{
	background: url(../img/patterns/binding_dark.png);
}
.brickwall{
	background: url(../img/patterns/brickwall.png);
}
.confectionary{
	background: url(../img/patterns/confectionary.png);
}
.contemporary_china_2{
	background: url(../img/patterns/contemporary_china_2.png);
}
.cream_pixels{
	background: url(../img/patterns/cream_pixels.png);
}
.crossword{
	background: url(../img/patterns/crossword.png);
}

.dark_embroidery{
	background: url(../img/patterns/dark_embroidery.png);
}
.eight_horns{
	background: url(../img/patterns/eight_horns.png);
}
.footer_lodyas{
	background: url(../img/patterns/footer_lodyas.png);
}
.geometry{
	background: url(../img/patterns/geometry.png);
}
.geometry2{
	background: url(../img/patterns/geometry2.png);
}
.greyzz{
	background: url(../img/patterns/greyzz.png);
}
.halftone{
	background: url(../img/patterns/halftone.png);
}
.hoffman{
	background: url(../img/patterns/hoffman.png);
}
.logo_x_pattern{
	background: url(../img/patterns/logo_x_pattern.png);
}
.pixel_weave{
	background: url(../img/patterns/pixel_weave.png);
}
.pw_pattern{
	background: url(../img/patterns/pw_pattern.png);
}
.seamless_paper_texture{
	background: url(../img/patterns/seamless_paper_texture.png);
}
.small_steps{
	background: url(../img/patterns/small_steps.png);
}
.sos{
	background: url(../img/patterns/sos.png);
}
.sprinkles{
	background: url(../img/patterns/sprinkles.png);
}
.squared_metal{
	background: url(../img/patterns/squared_metal.png);
}
.stardust{
	background: url(../img/patterns/stardust.png);
}
.subtle_white_mini_waves{
	background: url(../img/patterns/subtle_white_mini_waves.png);
}
.textured_paper{
	background: url(../img/patterns/textured_paper.png);
}
.triangular{
	background: url(../img/patterns/triangular.png);
}
.tweed{
	background: url(../img/patterns/tweed.png);
}
.upfeathers{
	background: url(../img/patterns/upfeathers.png);
}
/*input:not([type='submit']){
	background-color:var(--gris-claro)!important;
}*/
.centrado{
	text-align:center;
}
.forma{
	background-color: var(--gris-claro);
	border-radius:10px;
	padding:40px;
	transition: all 1s;
	margin-left:2000px;
	
}
.search_text{
	color:red;
	font-weight:bold;
}
.boton_mas{
	padding: 10px!important;
    margin-bottom: 15px!important;
}
.boton_menos{
	padding: 10px 12px!important;
}
#contenedor{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:center;
	
}
.acceso{
	max-width:320px;
	max-height:240px;
	padding:80px;
	background-color:var(--verde);
	color:var(--negro)!important;
	font-weight:bold;
	transition: all 0.5s;
	border-radius:10px;
	text-align:center;
	border:5px solid var(--negro);
	margin:25px;
}
.acceso:hover{
	border: 5px solid var(--verde-claro);
	color: var(--verde-claro)!important;
}
.campo{
	font-weight:bold;
	padding:10px;
	background-color:var(--gris-claro);
}
.etiquetas{
	font-weight: bold;
	font-family: "Open Sans", Arial, sans-serif;
}
#import{
	display:none;
	width:300px;
	padding: 10px;
	background-color: var(--gris-claro);
	border-radius:10px;
	margin: 20px;
	border:1px solid var(--gris);
}