body {
	font-family: Gill, Helvetica, sans-serif; 
    font-size: 12px;
	color: #666666;
}

/* BASICOS */

.inside {
	width: 960px;
	margin: 0 auto;
}

.centrar { text-align: center; }

h1, h2, h3, p { margin-bottom: 10px; }

h1 { font-size: 18px;   }
h2 { font-size: 16px; color: #2093D1; line-height: 22px; }
h3 { font-size: 14px; color: #336699; line-height: 20px; }

p { line-height: 15px; }

strong { font-weight: bold; }

a { color: #2093D1; }
a:hover { text-decoration: none; }

.overflow {	overflow: hidden; }
.hidden { display: none; }
div.inside h2 {	border-bottom: 1px solid #f7f7f7; }

.botonera {
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
}

/* MENSAJES */

.mensaje {
    border: 1px solid;
    padding: 9px;
    margin: 10px 0;
}

.mensaje p {
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.error {
    background-color: #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}

.advertencia {
    background-color: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}

.advertencia_bold {
    background-color: #FFF6BF;
    border-color: #FFD324;
    color: #514721;
    font-size: 14px;
}

.info {
    background-color: #D5EDF8;
    border-color: #92CAE4;
    color: #205791;
}

.exito {
    background-color: #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}

/* HEADER */

header {
	background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
    padding-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 6px;
}	

.logo-guarani, .logo-siu {
	width: 20%;
}

.logo-guarani, .institucion {
	float: left;
}

.institucion {
	width: 60%;
	text-align: center;
	font-weight: bold;
	padding-top: 12px;
}

.institucion h1 {
	font-size: 22px;
}

.logo-siu {
	float: right;
	text-align: right;
}

/* CUERPO */

section {
	margin-bottom: 20px;
}

.connect {
	margin: 0 auto;
	width: 98%;
}

.connect h3 {
	text-align: center;
}

.connect-help {
	float: left;
	width: 30%;
	margin-right: 20px;
}

.connect-oauth {
	float: left;
	width: 30%;
	margin-right: 20px;
}

.connect-account {
	float: left;
	width: 35%;
}

/* FORMULARIO */

.form-login label, .form-login input {
	margin-bottom: 8px;
}

label {
	font-weight: bold;
}

.form-login label, .form-login input {
	color: #666666;
	display: block;
}

input, select {
	border: 1px solid #bababa;
	padding: 5px;
}

.form-login input[type=text],
.form-login input[type=password]{
	width: 95%;
}

.form-login input[type=submit] {
	float: right;
	margin-right: 5px;
}

input[type=submit],
input[type=button] {
	margin: 0 10px;
}

input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input:focus,
select:focus {
    box-shadow: 0 0 5px rgba(102, 153, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(102, 153, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(102, 153, 255, 1); 
}

.buttons {
	text-align: center;
}

.buttons a {
	display: block;
	margin-bottom: 15px;
}

/* LISTAS */

ul {
	list-style: disc outside none;
}

li {
	margin-bottom: 10px;
	margin-left: 18px;
	line-height: 16px;
}

/* POPUP */

.popup {
	margin: 0 auto;
	width: 95%;
	padding: 10px 0;
}

.nav-link {
	font-weight: bold;
	font-size: 18px;
}

/* TABLAS */

table {
    border-collapse: collapse;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

th {
    background-color: #656565;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 10px;
}

tbody tr {
    background-color: #F4F4F4;
}

tbody tr:nth-child(2n) {
    background-color: #EAEAEA;
}

tr td:first-child {
    border-left: 0 none;
}

td {
    border-bottom: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    line-height: 20px;
    padding: 9px 10px;
}

td.cc-titulo-nivel-0 {
    font-weight: bold;
    font-size: 22px;
}

/* FOOTER */

footer {
	text-align: center;
}

footer p {
	font-size: 10px;
}