/*################# TITLE #################*/

.ui-title{
	position: relative;
    font-weight: 800;
	padding-top: 15px;
}
.ui-title::before{
	height: 4px;
    width: 80px;
    background: var(--color-01);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

.ui-subtitle{
	display: block;
    color: var(--color-01);
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 20px;
}

/*################# HEADER #################*/

.ui-content-header{
	padding: 100px 20px 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center top;
	color:#fff;
}
.ui-content-header .container{
	overflow: visible;
}
.ui-content-header h1,
.ui-content-header h2,
.ui-content-header h3,
.ui-content-header h4, 
.ui-content-header h5, 
.ui-content-header h6{
	margin:0px;
}
.ui-content-header .ui-title{
	color: #fff;
}
.ui-content-header p{
	margin-top:20px;
	font-size:18px;
	font-weight: 300;
}

/*################# CONTENt #################*/

.ui-content-body{
	line-height: 150%;
}
.ui-content-body h1,
.ui-content-body h2,
.ui-content-body h3,
.ui-content-body h4,
.ui-content-body h5,
.ui-content-body h6{
	margin:35px 0px 10px 0px;
}
.ui-content-body h1:first-child,
.ui-content-body h2:first-child,
.ui-content-body h3:first-child,
.ui-content-body h4:first-child,
.ui-content-body h5:first-child,
.ui-content-body h6:first-child{
	margin-top:0px;
}
.ui-content-body p{
	margin:0px 0px 15px 0px;
}
.ui-content-body blockquote{
	margin:30px 40px;
	padding-left:20px;
	border-left:4px solid #E2E2E2;
	color:#AAAAAA;
	font-style:italic;
}
.ui-content-body cite{
	font-style:italyc;
}
.ui-content-body img{
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	khtml-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	overflow:hidden;
}
.ui-content-body img.alignleft{
	margin:0px 20px 20px 0px;
}
.ui-content-body img.alignright{
	margin:0px 0px 20px 20px;
}
.ui-content-body img.aligncenter{
	margin:0px auto 20px;
}
.ui-content-body img.emoji,
.ui-content-body img.wp-smiley{
	-moz-border-radius:none;
	-webkit-border-radius:none;
	khtml-border-radius:none;
	border-radius:none;
	overflow:auto;
	
	width: 17px !important;
    height: 17px !important;
}
.ui-content-body ul{
	margin:20px 0px 20px 40px;
	padding:0px;
}
.ui-content-body ul li > ul{
	margin:5px 0px 5px 40px;
	padding:0px;
}
.ui-content-body ol{
	margin:20px 0px 20px 40px;
	padding:0px;
}
.ui-content-body ol li > ol{
	margin:5px 0px 5px 40px;
	padding:0px;
}
.ui-content-body ul li, 
.ui-content-body ol li{
	margin-bottom:5px;
}
.ui-content-body dl{
}
.ui-content-body dl dt{
	font-weight:bold;
}
.ui-content-body dl dd{
	margin-left:20px;
	margin-bottom:10px;
}
.ui-content-body address{
	color:#666;
	margin:10px 0px;
}
.ui-content-body code{
	background:#f4f4f4;
	padding: 3px 6px;
}
.ui-content-body pre{
	overflow-x:auto;
	overflow-y:auto;
	background:#f4f4f4;
	border:1px solid #e4e4e4;
	padding:15px;
}
.ui-content-body hr{
	background:#f0f0f0;
	border:none;
    height: 2px;
}
.ui-content-body del{
	color:#666;
}
.ui-content-body table{
	width:100%;
	color:#666;
	font-size: 13px;
	margin:15px 0px;
	border-collapse: collapse;
    border-spacing: 0;
}
.ui-content-body table thead, 
.ui-content-body table tfoot{
	background:#000000;
	font-size: 12px;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
}
.ui-content-body table thead tr, 
.ui-content-body table tfoot tr{
	border:0px;
}
.ui-content-body table thead tr th, 
.ui-content-body table tfoot tr th{
	padding:5px 10px;
}
.ui-content-body table tbody{
}
.ui-content-body table tbody tr{
}
.ui-content-body table tbody tr:nth-child(2n){
	background:#f7f7f7;
}
.ui-content-body table tbody tr td{
	padding:5px 10px;
}


/*################# TABLETS #################*/

@media all and (max-width: 1024px){
	
}

@media all and (max-width: 768px){	
	.ui-content-body blockquote{
		margin:10px 20px;
	}
	.ui-content-body table thead tr th, 
	.ui-content-body table tfoot tr th{
		padding:14px;
	}
}

/*################# MOVILES #################*/

@media all and (max-width: 600px){
	.ui-content-body img{
		width:100%;
		height:auto;
	}	
}

@media all and (max-width: 480px){
	
}