/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}

/* Global properties ======================================================== */
html {width:100%}


body {

}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:100%;padding:0;margin:0 auto;font-size:0.875em;line-height:1.428em}
a {color:#31a737;outline:none}
a:hover {text-decoration:none}
.col-1, .col-2, .col-3, .col-4 {}
.fcol-1, .fcol-2, .fcol-3 {float:left}
.fcol-1 {width:240px;margin-right:50px}
.fcol-2 {width:319px;margin-right:50px}
.fcol-3 {width:310px}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('../font/icomoon.eot?62apm9');
	src:url('../font/icomoon.eot?#iefix62apm9') format('embedded-opentype'),
		url('../font/icomoon.woff?62apm9') format('woff'),
		url('../font/icomoon.ttf?62apm9') format('truetype'),
		url('../font/icomoon.svg?62apm9#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*.icon-bin2:before {
	content: "\e9ad";
}

.icon-plus:before {
	content: "\ea0a";
}

.icon-trash:before {
	content: "\e600";
}
.icon-edit:before{
	content: "\e905";
}*/
.icon-pencil:before {
	content: "\e905";
}

.icon-floppy-disk:before {
	content: "\e962";
}

.icon-search:before {
	content: "\e600";
}

.icon-bin:before {
	content: "\e9ac";
}
.icon-trash:before {
	content: "\e9ac";
}
.icon-bin2:before {
	content: "\e9ad";
}

.icon-plus:before {
	content: "\ea0a";
}

.icon-minus:before {
	content: "\ea0b";
}

.icon-cross:before {
	content: "\ea0f";
}



p {margin-bottom:18px}
.p1 {margin-bottom:8px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:40px}
.p5 {margin-bottom:50px}
.p30{padding: 0px 2em;
font-family: 'PT Sans', sans-serif;}

 img.pdf
{
	height: 40px;
}

.reg {text-transform:uppercase}

.fleft {float:left}
.fright {float:right}

.alignright {text-align:right}
.aligncenter {text-align:center}

.it {font-style:italic}

.color-1 {color:#fff}
.color-2 {color:#000}
.color-3 {color:#666}

/*********************************boxes**********************************/
.indent-top {padding-top:10px}
.indent-left {padding-left:0px}
.indent-left2 {padding-left:30px}
.indent-right {padding-right:50px}

.indent-bot {margin-bottom:20px}
.indent-bot2 {margin-bottom:30px}
.indent-bot3 {margin-bottom:45px}

.prev-indent-bot {margin-bottom:10px}
.img-indent-bot {margin-bottom:25px}
.margin-bot {margin-bottom:35px}

.img-indent {float:left;margin:0 20px 0px 0}
.img-indent2 {float:left;margin:0 13px 0px 0}
.img-indent-r {float:right;margin:0 0px 0px 40px}

.img-border {
	float:left;
	padding:5px;
	background:#fff;
	box-shadow: 0px 0px 2px #ebecee;
	border-radius:8px;
	margin-top:2px;
	margin-bottom:2px;
}

.buttons a:hover {cursor:pointer}

.menu li a,
.list-1 li a,
.list-2 li a.item,
.list-services li  a,
.link,
.button,
.button2,
h1 a {text-decoration:none}

/*********************************header*************************************/
header {
	width:100%;
	padding-bottom: 2.5em;
}
	#page1 header {min-height:196px}

	h1 {
		font-size: 38px;
		font-weight: 700;
	}

	h1 a {
		display:block;
		width:266px;
		height:47px;
		text-indent:-9999px;
		background:url(../images/logo.png) 0 0 no-repeat;
	}
	h1 strong {
		display:inline-block;
		font-size:13px;
		line-height:2em;
		color:#ffec01;
		margin-top:-3px;
		padding-left:137px;
	}
	tbody {
font-family: 'PT Sans', sans-serif;
}
input#buscar
{
	border:none;
	font-family: 'Varela Round', sans-serif;
	color: #fff;
	border-radius: 5px;
	background-color: #6B1B83;
	padding: 3px 15px;

}


.medio
{
	width:50%;
	display:inline-block;
	float:right;
	text-align:left;
	margin-bottom: 2em;
}

.medio img
{
box-shadow: -1px 3px 1px rgba(90, 90, 90, 0.49);
}
/***** menu *****/
.menu {
	padding:25px 0 0 0;
	float:right;
}
.menu li {
	float:left;
	position:relative;
	background:url(../images/menu-spacer.gif) left top no-repeat;
}
	.menu li:first-child {background:none}
.menu li a {
	display:inline-block;
	font-size:19px;
	font-weight:bold;
	line-height:2em;
	padding:8px 28px 9px 27px;
	color:#fff;
}
.menu li a.active,
.menu > li > a:hover {color:#ffec01}

/***** slider *****/
.slider-wrapper {
	width:850px;
	height:470px;
	padding:20px 0 0 130px;
	margin-top:-120px;
	position:relative;
	overflow:hidden;
	background:url(../images/slider-bg.png) 0 0 no-repeat;
}
.slider {
	position:relative;
	width:830px;
	height:431px;
}
.items {display:none}

.pagination {
	position:absolute;
	left:30px;
	top:20px;
	z-index:99;
}
	.pagination li {padding-bottom:1px}
		.pagination li a {
			display:block;
			width:101px;
			height:70px;
			text-decoration:none;
			text-align:center;
			color:#fff;
			background:url(../images/pagination-a.png) left bottom no-repeat;
			position:relative;
			cursor:pointer;
		}
		.pagination li a:hover,
		.pagination li.current a {background-position:left top}
			.pagination li a strong {
				display:block;
				width:50px;
				height:50px;
				font-size:30px;
				line-height:50px;
				letter-spacing:-2px;
				position:absolute;
				left:10px;
				top:10px;
			}
			.pagination .item-1 strong {background:url(../images/pagin-1.png) 0 0 no-repeat}
			.pagination .item-2 strong {background:url(../images/pagin-2.png) 0 0 no-repeat}
			.pagination .item-3 strong {background:url(../images/pagin-3.png) 0 0 no-repeat}
			.pagination .item-4 strong {background:url(../images/pagin-4.png) 0 0 no-repeat}

.banner {
	width:280px;
	height:346px;
	padding:65px 10px 20px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	font-weight:normal;
	text-align:center;
	background:url(../images/banner-bg.png) 0 0 no-repeat;
	border-radius:0 22px 22px 0;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}
	.banner .close {
		display:block;
		width:13px;
		height:13px;
		text-indent:-9999px;
		background:url(../images/close.gif) 0 0 no-repeat;
		cursor:pointer;
		position:absolute;
		right:20px;
		top:20px;
		z-index:99;
	}
	.banner strong {
		display:block;
		font-size:50px;
		line-height:1.2em;
		letter-spacing:-2px;
	}
	.banner span {
		display:block;
		font-weight:bold;
		text-transform:uppercase;
		margin-bottom:25px;
	}
	.banner b {
		display:block;
		font-weight:normal;
	}

.button2 {
	display:inline-block;
	font-size:14px;
	line-height:40px;
	padding:0 25px;
	color:#000;
	background:#fff;
}
	.button2:hover {color:#fff;background:#000}
	footer .button2:hover {background:#666}

	/*************** Estilos WEB Empleados Temporales ***********/



#contenedor1 {



	width: 100%;



			position: relative;



		clear:both;



		display: block;



		text-align: left;



	font-size:1.1em;



	font-family: 'PT Sans', sans-serif;






	margin: 0 auto 0 auto;



	/* border-top: 2px solid #7C7676; */



}



#contenedor1 td {



	padding: 10px;



}



.formularioLogin {



	width: 200px;



	margin: 20px auto 20px auto;



	border: 1px dotted #000000;



	text-align: center;



	padding: 20px;

}



.campos_login {



	display: block;



	font-size: 1.2em;



	padding: 5px;



}







.campos_login input {



	border:1px solid #000000;



	width: 160px;



	height: 30px;

	padding: 1px;



	margin: 3px 0 0 0;



}

.titulo1 {



	color: #0F8315;



	font-size:1.8em;



	font-weight:normal;



	font-family: 'PT Sans', sans-serif;



	line-height:2em;



	text-transform: uppercase;



	padding-bottom: 1em;



	background:url(/images/linea_titulo1) left  no-repeat;



	}





.titulo_portal
{
	display: inline-block;
	text-align: left;
	color:white;
	font-size: 2.8em;
	margin-left:1.8em;
	font-family: 'Marvel', sans-serif;
	text-transform: uppercase;
	line-height: normal;
}

.titulo2 {



	color:#ffffff;



	font-family: 'PT Sans', sans-serif;



	font-size:1.7em;



	padding: 0.5em;



	background-color:#31A737;



	margin-bottom:1em;



	}







.titulo4



{



	color:#01da90;



	font-size:1.5em;



	margin-bottom:1em;



	font-family: 'PT Sans', sans-serif;



	padding-left: 1em;







}
.titulo3 {
color: #f90f10;
font-size: 1.5em;
margin-bottom: 1em;
font-family: 'PT Sans', sans-serif;
}







.celda1



{



	width: 200px;

	font-size:1.0em;



}







.celda3



{

	font-size:1.5em;

	background-color: #DFE2E0;



}



input[type="button"]:hover {

background: rgb(3, 250, 166);

}



.formularioLogin {

width: 250px;

margin: 20px auto 20px auto;

border: 3px solid #f90f10;

text-align: center;

}

.foto {

width: 150px;
height: 180px;
overflow: hidden;
border: 6px inset #31A737;
border-radius: 12px;
top: 50px;
left: 100px;
float: left;

}
.div_header
{
	width: 60%;
display: inline-block;
text-align: left;
float: right;
}
.foto img

{

	width: 100%;

}



.titulo4 {

color: #31A737;

font-size: 1.5em;

margin-bottom: 1em;

font-family: 'PT Sans', sans-serif;

padding-left: 1em;

margin-left: 200px;

}



.title {

color: #ffffff;

font-family: 'PT Sans', sans-serif;

font-size: 1em;

padding: 0.5em;

background-color: #01da90;

}

.mostrar-docs td {

width: 25%;

}



.td-wrapper {

text-align: center;

font-weight: bold;

margin-left: 5px;

margin-right: 5px;

}

.enlace-descarga {

background: rgb(234, 227, 236);

border: 2px solid #01da90;

}

.enlace-descarga:hover

{

	background: rgb(192, 150, 206);

	border: none;



}

.enlace-descarga a {

color: rgb(101, 45, 128);

text-decoration: none;

}

/****************** Estilos tabs */

	.tabs {

			width:100%;

			display:inline-block;

	}



			/*----- Tab Links -----*/

			/* Clearfix */

			ul.tab-links {

	margin-bottom: 0px;

	}

			.tab-links:after {

					display:block;

					clear:both;

					content:'';

			}



			.tab-links li {

					margin:0px 5px;

					float:left;

					list-style:none;

			}



					.tab-links a {

							padding:9px 15px;

							display:inline-block;

							border-radius:3px 3px 0px 0px;

							background: #125116;

				font-size: 16px;

				font-weight: 600;

				color: #FFFFFF;

							transition:all linear 0.15s;

					}



					.tab-links a:hover {

							background: #2E7B14;

							text-decoration:none;

					}



			li.active a, li.active a:hover {

					background: #D6D6D6;

					color:#4c4c4c;

			}



			/*----- Content of Tabs -----*/

			.tab-content {

					padding:15px;

					border-radius:3px;

					box-shadow:-1px 1px 1px rgba(0,0,0,0.15);

					background:#fff;

			}



					.tab {

							display:none;

					}



					.tab .active {

							display:block;

					}



					.imagen-principal {

	width: 100%;
	height: 190px;
	overflow: hidden;
	background-image: url('http://www.intuitiva.com.co/stt/images/cabecera.png');
	background-repeat:no-repeat;
	background-size: cover;
	padding: 5px 0 5px 0;
	}

	.imagen-principal img {

	width: 80%;
	height: 170px;

	}

	.datos_basicos

	{

		display: none;

	}

	.datos_basicos tr
	{
		border: 2px solid #fff;
	}

	.on

	{

		display: block;

	}

	.imagen-principal h1 {

	color: #fff;

	font-weight: normal;

	margin: 0.4em 2em;

	}

	.login input[type="button"] {

	background: #f90f10;
border: none;
padding: 5px 15px;

	}





	.search_categories {

	display:none;

	}
	.completo
	{
		width: 90%;
		display: inline-block;
		float: right;
		text-align: left;
		margin-bottom: 2em;

	}
	.medio {
	width: 50%;
	display: inline-block;
	float: right;
	text-align: left;
	margin-bottom: 2em;
	}

	.medio img {
	box-shadow: -1px 3px 1px rgba(90, 90, 90, 0.49);
	}
	#menu13
	{

		width: 100%;

		margin-left:0em;
		border-radius: 10px;


		display: inline-block;
		padding-left: 0px !important;
	}
	#menu13 li {
	margin: 0 1em;
	list-style: none;
	border-radius: 10px;
	background: rgb(32, 147, 19);
	border-bottom: 3px solid rgba(255, 255, 255, 0.19);
	padding: 1em 1em 1em 1em;
	display: inline-block;
	}
	#menu13 li a:link, #menu13 li a:visited {
	color: #114204;
	display: block;
	font-size: 1.2em;
	text-decoration: none;
	font-family: 'PT Sans', sans-serif;
	}
	#menu12 {
	width: 200px;
	background: rgb(1,218,144);
	margin-left: 2em;
	border-radius: 5px;
	padding-left: 0px !important;
	}

	#datos p {
	text-align: left;
	}
	#menu12 li {
	list-style: none;
	border-bottom: 3px solid rgba(255, 255, 255, 0.19);
	padding: 0.3em 0em 0em 0.6em;
	}
	#menu12 li a:link, #menu12 li a:visited {
	color: #622182;
	display: block;
	background: url(../images/menu12a.gif);
	}


	input#buscar {
	border: none;
	font-family: 'Varela Round', sans-serif;
	color: #fff;
	border-radius: 5px;
	background-color: #01da90;
	padding: 3px 15px;
	}

	input#cedula
	{
		padding: 0px;
		border: 1px solid;
		margin: 1em;
	}
	img.pdf {
	height: 40px;
	}

	td.celda3 {
	padding: 0px;
	font-size: 1.5em;

	}
	.frmActo
	{
		margin: 0 auto;width: 50%;background: rgb(226, 226, 226);padding: 10px 60px;
	}
	.frmActo input {
		height: 2em;
		border: rgb(218, 218, 218) solid 1px;
		border-radius: 8px;
	}

	.frmActo select {
	border: none;
	height: 2em;
	border-radius: 8px;
	}
	input#guardar, input#cancelar, input.button-form {
	height: 50px;
	padding: 0px 30px;
	color: #D5D5D5;
	font-size: 1.2em;
	background: rgb(17, 145, 14) !important;
	}
	input#guardar:hover, input#cancelar, input.button-form
	{
		background: rgb(49, 50, 49);
	}
	.actosenproceso a
	{
		color: #348C00;
		outline: none;
	}
	#boton_actosdiscip
	{
		width: 100%;
		margin-left: 1em;
		border-radius: 5px;
		display: inline-block;
		padding-left: 0px !important;
		color: #fff;
	}
	#boton_actosdiscip li {
		border: solid #fff;
		padding: 10px;
		background: #8DC789;
		margin: 1em 1em;
		list-style: none;
		display: inline-block;
	}
	#boton_actosdiscip li a:link, #boton_actosdiscip li a:visited {
		color: #114204;
		display: block;
		font-size: 1.2em;
		text-decoration: none;
		font-family: 'PT Sans', sans-serif;
	}
	#adjuntos
	{
		margin: 2em;
		padding: 2em;
		border-radius: 15px;
		display: inline-block;
		color: #000000;
		background-color: LightGray;
		text-align: center;
	}
	#adjuntos a
	{
		text-decoration: underline;
	}
	#adjuntos img
	{
		margin-bottom: 10px;
	}
	#subir_adjuntos input
	{
		height: 30px;
		background-color: LightGray;
		font-size: 1em;
		margin: 10px;
		padding: 5px;
		vertical-align: center;
	}
	.table-content {
    margin: 0px auto 30px;
	}
	.table-content th {
    font-weight: bold;
    border-bottom: 1px solid #000;
		padding: 2px;
	}
	.table-filtro{
		margin:10px auto 30px;
	}
	.table-filtro th, .table-filtro td{
		padding: 0 2px !important;
	}


	#contenedorPortal{

margin-top: 20px;

	}

	.btnEmpleados{

		color: #eee;

	}