body {
	padding:0;
	margin:0;
	min-width:1095px;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url("../../../res/css/fonts/HelveticaNeueCondensed.otf");
}
.fa {
	color: #a0a0a0;
}
header,footer {
	width:100%;
	float:left;
}
a, a:hover{
	text-decoration: none;
}
.spinner {
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.icon {
    border-radius: 50%;
    border: 1px solid #000000;
    padding: 9px;
    width: 39px;
    display: inline-block;
    height: 39px;
    text-align:center;
}

.selectedColor {
    color: #ffcb0c;
}
    .selectedColor .icon {
        border: 1px solid #ffcb0c;
    }
    .selectedColor .fa {
        color: #fff;
        background-color: #ffcb0c;
        border-color: #ffcb0c;
    }
header portal {
	border-bottom: 2px solid #DDD;
	float:left;
	width:59%;
	margin-top: 3px;	
}
	header portal > img {
		height: 115px;
		margin-left: 8%;
        padding:15px;
	}
header div{
	float: left;
	width: 50%;
}
	header div > img {
		float: left;
		height: 120px;
		margin-left: 16%;
	}
	header span {
		float: left;
		font-size: 22px;
		margin: 3.5% 5%;
	}
	header logo {
		background-color: #f8f8f8;
		border-bottom-left-radius: 166px;
		float: right;
		width: 41%;
		height:165px;
	}
		header logo > img {
			margin: 18px 0 18px 20%;
			max-height: 120px;
			max-width: 450px;
		}
logout {
	height: 29px;
    position: absolute;
    right: 90px;
    top: 180px;
    width: 68px;
}
	logout .fa {
		float: right;
		font-size: 20px;
	}
	logout .btn-log-out {
		color: #a0a0a0;
		float: right;
		font-size: 12px;
		font-weight: bold;
		margin: 2.5px 8px 0 0;
		text-transform: uppercase;
	}
    logout:hover, logout:hover > span {
        cursor: pointer;
        color: #ffcb0c;
    }
.main-section {
    float: left;
    border-left: 10px solid #ffcb0c;
    width: 100%;
    border-bottom: solid 2px #DDD;
    margin-top: -47px;
    min-width: 1310px;
}
#menuIzquierdo {
    border-right: solid 1px #ffcb0c;
    float: left;
    padding-right: 3%;
    margin: 70px 0;
    width: 26%;
    height: 325px;
}
#menuIzquierdo > ul > li {
    float: left;
    font-size: 18px;
    list-style: none;
	width:100%;
	margin:8px 0;
}
	#menuIzquierdo > ul > li > span {
		width:70%;
		float:left;
		text-align:center;
		color:#A0A0A0;
	}
	#menuIzquierdo > ul > li > span > small {
		float:left;
		width:100%;		
		font-size:14px;
	}
	#menuIzquierdo > ul > li > span > b {
		float:left;
		width:100%;
	}
	#menuIzquierdo > ul > li > div > img {
		width:45px;
		float:left;
	}
.main-section > aside {
	float:left;
	margin-top:5%;
	margin-left:3%;
	width: 68%;	
}
	.main-section > aside > div {
		height:325px;
	}
	.main-section > aside > section {
		margin-top:15px;
		width:100%;
		float: left;
	}
		.main-section > aside > section > div > img{
			float: left;
			margin-left: 5%;
			width: 66%;
		}
		.main-section > aside > section > .btn-portal {
			width: 90px;
			text-align: center;
		}
		.main-section > aside > section > #btnSiguiente {
			float:right;
			margin-bottom: 15px;
			margin-right: 5%;
			margin-top: -10px;
		}
		.main-section > aside > section > #btnAtras {
			float:left;
			margin-left:13%;
			margin-bottom: 15px;
			margin-top: -10px;
		}		
#pasosCompletados {
	float: left;
    font-size: 12px;
    margin-left: 7%;
    width: 53%;
	color:#888;
}
.btn-portal {
    color: #ffcb0c;
    background-color: #fff;
    border: solid 1px #ffcb0c;
    padding: 2px 10px;
}
    .btn-portal:hover {
        color: #fff;
        background-color: #ffcb0c;
        cursor: pointer;
    }
.noDisplay {
	display:none;
}
footer {
	float:left;
	width:100%;
}
	footer > img {
		float:right;
		margin: 20px 9% 0 0;
	}
section .progress {
	width: 55%;
	float: left;
    height: 10px;
	margin-left: 5%;
	margin-bottom:0;
}

.progress-bar {
    background-color: #ffcb0c;
}
.progress-bar-striped-inversed {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
li .fa {
	border: 1px solid #a0a0a0;
    border-radius: 50%;    
    font-size: 20px;
    height: 42px;
    padding: 10px;
    text-align: center;
    width: 42px;
}
.class-tit {
    border-bottom: 1px solid;
    float: left;
    width: 45%;
    margin-bottom: 20px;
    margin-top: 5px;
    color: #ffcb0c;
    font-size: 20px;
}
.class-tit img {
	height: 32px;
    margin-right: 5px;
    margin-top: -10px;
}
.class-sub-tit {
    border-bottom: 1px solid;
    float: left;
    width: 45%;
    margin-bottom: 20px;
    margin-top: 5px;
    color: #ffcb0c;
    font-size: 18px;
}
.class-sub-tit img {
	height: 20px;
    margin-right: 5px;
    margin-top: -10px;
}
.data-container select {
    background-color: #f8f8f8;
    border: 0 none;
    border-radius: 5px;
    height: 25px;
}
	.data-container select option {
		background-color:#fff;
	}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-11,.col-xs-12 {
	padding-left: 0px;
    padding-right: 0px;
}
.data-container .required {
	border: 1px solid #ff0000;
}
#dialogRequisitos,#dialogAlert {
	font-family:Helvetica Neue,sans-serif;
	font-size: 14px;
}
.ui-dialog .ui-dialog-titlebar {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    color: #ffcb0c;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #ffcb0c;
}
.ui-dialog small {
	font-size: 80%;
	line-height:24px;
}
#dialogRequisitos .class-margin-bottom {
	margin-bottom:10px;
}
#btnCerrarAlert {
	float: right;
    margin: 10px;
    width: 100px;
}
#dialogLoading .fa {
	font-size:18px;	
	float:left;
}

	#dialogLoading .fa span {
		margin-left:10px;
	}
#contenidoDeclaratoria {
    max-height: 300px;
    overflow: auto;
}

#mensajePortal {
    background-color: #EEEEEE;
    position: absolute;
    top: 125px;
    left: 9px;
    padding: 5px;
    width: 58.5%;
    overflow: hidden;
}

#iconMessage {
    display:inline-block;
    width:30px;
}
    #iconMessage > span {
        font-size: 20px;
        color: #ffcb0c;
    }
#descMessage {
    width: 95%;
    display: inline-block;
}

.marquee {
    width: 95%;
    margin: 0 auto;
}