/*********************************************************

Hoja de estilos sistema finanzas sysdata

Fecha			: 01/09/2015

Dsarrollador	: Jose Uribe Ingeniero en informática

Correo			: jose.uribe.t@gmail.com

*********************************************************/



/*||ELEMENTOS PRELIMINARES||*/

@font-face{

font-family: 'Hind', sans-serif;
/*	font-family: 'Hind', sans-serif;

*/
}

BODY{
	font-family: 'Hind', sans-serif;
	margin: 0 auto;
	width: 1200px;
	background-image: url("../img/bkg30.png");
}

body#bkg {

    background-image: url("../img/bkgsis.png");

    background-size: cover;

}

nav{

    overflow: hidden;

    background-color: #AAA;

}



/**************LOGIN DE ACCESO*********/

.logosom {

    height: 150px;

    background-image: url("../img/logosom.png");

    background-size: 250px;

    background-repeat: no-repeat;

    background-position: 50% 50%;

}

.icofinan {

    width: 260px;

    height: 120px;

    float: left;

    margin: 60px 0;

    padding: 150px 0 0 0;

    border-right: 2px solid #fff;

    background-image: url("../img/icofinan.png");

    background-repeat: no-repeat;

    background-position: 50% 10%;

    background-size: 150px;

} 

.icofinan h2 {

	text-align: center;

    color: #FFFFFF;

    /* text-shadow: 1px 1px 1px #B7B7B7; */

    font-size: 23px;

}

.contenedor_pagina{

	width:960px;

	margin: 0 auto; 

} 

.i_header{

	background-color:#92E495;

	height: 150px;

	border-radius: 0 0 10px 10px;

	padding: 0 5px 5px 5px;

    margin: 0px 5px 5px 5px;

}

.logo_ge {

    background-image: url("../img/Logoblanco.png");

    height: 150px;

    width: 200px;

    float: left;

    background-size: 200px;

    background-position: 21% 44%;

    background-repeat: no-repeat;

    margin: 0 25px 0 190px;

}

.logo_gf {

    background-image: url("../img/financiero.png");

    background-size: 120px;

    background-repeat: no-repeat;

    background-position: 0% 50%;

    float: left;

    text-align: center;

    font-size: 25px;

    color: #fff;

    padding: 45px 0 45px 140px;

}

.login {

	background-color: rgba(46, 144, 49, 0.52);

    width: 656px;

    text-align: center;

    overflow: hidden;

    margin-top: 0px;

    padding: 0 5px 5px 5px;

    /* float: left; */

    margin: 0 auto;

}

#formlogin {

    /* border: 5px solid #2AC32F; */

    /* border-radius: 10px; */

    margin: 60px 0px;

    /* box-shadow: 1px 1px 3px #7D7D7D; */

    min-height: 270px;

    color: #fff;

}

#formlogin label {

    font-size: 29px;

    font-weight: 100;

    display: block;

    margin:0 0 15px 85px;

    float: left;

}

.login .secform input[type="checkbox"] {

    width: 13px;

    box-shadow: 0 0;

    display: block;

    margin: 0 auto;

    margin-top: 16px;

}



.secform{

	overflow:hidden;

	float:left;

	    margin-left: 85px;

}

	.secform label {

		display: block;

	}

	#btnlogin {

	    background-color: #009951;

		margin-top: 20px;

		width: 248px;

		color: #fff;

		padding: 10px;

		border:0;

	}

	#btnlogin:hover{

		background-color: #fff;

		color: #009951;

	}

	input#usuario,input#clave {

		background-repeat: no-repeat;

		background-size: 25px;

		background-position: 5px;

	}

	

	input#usuario{background-image: url("../img/usr.png");}

	input#clave {background-image: url("../img/lock.png");}

	

	.secform input{

		margin: 10px 0;

		padding: 10px 10px 10px 35px;

		border: 1px solid #eee;

		color: #017905;

		font-size: 17px;

		width: 200px;

	}

	::-webkit-input-placeholder {

		color: #29d773;

	}

#recordar {

    margin: 0 5px 0 0;

    float: left;

}

label#recordar_tit{

	font-size:12px;

	margin:0;

}

.recor {

    width: 238px;

}

.slider {

    width: 693px;

    float: left;

	border-radius: 10px;

    overflow: hidden;

}

.footer_index {

    text-align: center;

    font-size: 11px;

    margin-top: 65px;

    color: #fff;

}

/**************HEADER*****************/

header{

	height:150px;

	background:#eee;

	background-image: url("../img/banner.png");

}

/*.logos {

    background: #92E495;

    min-height: 150px;

    float: left;

    width: 70%;

}

.logo_ges {

    background-image: url("../img/Logoblanco.png");

    height: 101px;

    width: 250px;

    background-repeat: no-repeat;

    background-size: 200px;

    float: left;

    background-position: 50%;

    margin-top: 20px;

    margin-left: 120px;  

}*/

/*.finan {

    float: left;

    /* width: 300px; 

    /* background-color: #999; 

        padding: 55px 0 55px 100px;

    font-size: 25px;

    color: #fff;

    font-weight: 100;

    background-image: url("../img/financiero.png");

    background-repeat: no-repeat;

    background-position: 0 50%;

    background-size: 80px;

}*/

.datos_us {

    margin-top: 5px;

    float: right;

    width: 22%;

    color: #fff;

    font-size: 12px;

    /* padding-right: 61px; */

    text-align: center;

} 

#periodo{}

.periodo{}

	.periodo label {}

	.periodo select {

		margin-right: 10px;

		/* padding: 5px; */

		border: 0;

		border-radius: 3px;

		background-color: #00DA5B;

		color: #fff;

	}

.dat {}

	.dat a {

		color: #fff;

		text-decoration: none;

		background-color: #7BD06C;

		padding: 0 10px;

		border-radius: 3px;

	}

	.dat a:hover {

		background:#f00;

		color:#fff;

	}



/**************Contenedor informacion*****************/

.cont_mod {

    overflow: hidden;

    /* float: left; */

    /* width: 100%; */

    background-color: #FFF;

    padding: 10px;

	    min-height: 435px;

}

h1.mod_tit {background-image: url("../img/usr.png");}



h1.mod_tit {

	color: #5D5D5D;

    background-repeat: no-repeat;

    padding-left: 60px;

    background-size: 51px;

    background-position: 1px;

	background-position: 27%;

    text-align: center;

}

.cont_mod input[type=text] {

    border: 1px solid #C7C7C7;

    padding: 10px;

    border-radius: 5px;

	outline:0;

} 

.cont_mod input[value=Buscar] {background-image: url("../img/buscar.png");}

.cont_mod input[value=Aceptar] {background-image: url("../img/aceptar.png");}

.boton_ing input {background-image: url("../img/gua.png");}


.cont_mod input[value=Buscar]:hover,.boton_ing input:hover{background-color: #37FF75;}

.cont_mod input[value=Aceptar]:hover,.boton_ing input:hover{background-color: #37FF75;}

.cont_mod input[value=Buscar],.boton_ing input {

    background-repeat: no-repeat;

    background-size: 25px;

    background-position: 4px;

    background-color: #00C754;

    color: #fff;

    padding: 10px 10px 10px 30px;

    border: 0;

    border-radius: 5px;

	outline:0;

	cursor:pointer;

}

.cont_mod input[value=Aceptar],.boton_ing input {

    background-repeat: no-repeat;

    background-size: 25px;

    background-position: 4px;

    background-color: #00C754;

    color: #fff;

    padding: 10px 10px 10px 30px;

    border: 0;

    border-radius: 5px;

	outline:0;

	cursor:pointer;

}


tr.tabla_fond {

    background-color: #C5FFCA;

}

.cont_mod select {

    border: 1px solid #c7c7c7;

    outline: 0;

    padding: 8px;

    border-radius: 5px; 

}

.boton_ing{

	text-align:center;

}

/************** fin Contenedor informacion*****************/







/**************FOOTER*****************/

footer {

    min-height: 150px;

	overflow:hidden;

	background-color:#E0E0E0;

}

.derechos{

	text-align:center;

	color:#666;

	margin-top: 70px;

}



/****************Contenidos***********/



.contenedor{

	min-height:400px; 

}