body {
    font-family: 'Open Sans', sans_serif;
    font-size: 12px;
}

header {
    height: 100px;  
}

footer {
    margin-top: 30px;
}

footer nav {
    color: #1CA0B5;
}

.logo-header-hp {
    padding-top: 25px;
	padding-left: 25px;
	color: #fff;
	height: 100px;
}

.logo-header-cr {
	text-align: right;
	padding-right: 25px;	
	padding-top: 10px;
	height: 100px;
}

.footer-left {
	padding-left: 25px;
	color: #fff;
}
.footer-right {
	padding-right: 25px;
	text-align: right;
	color: #fff;
}

#contenido {
    width: 100%;
    min-height: 600px;
    height: auto;
}

.bold {
    font-weight: bold;
}

.bg-blue { background-color: #444; }

.blue { color: #13235b; }

.white { color: #fff; }

.light-blue { color: #1CA0B5; }

.line {
    background-color: #1CA0B5;
    height: 3px;
    width: 100%;
}

.gray-line {
    background-color: #B1B3B4;
    height: 1px;
    width: 100%;
}

#menu-principal {
    margin-top: 20px;
}

nav#menu-principal ul {
    margin:0;
    padding: 0;
    list-style: none none inside;
    text-align: center;
}

nav#menu-principal li {
    float:left;
    margin-left: 10px;
	width: 160px;
    margin-bottom: 20px;
    text-align: center;
}

nav#menu-principal a {

}

nav#menu-principal p {
    font-size: 14px;
    font-family: 'ABeeZee', sans-serif;
}

.bocadillo {
    position: absolute;
    margin-top: -10px;
}

.bocadillo span {
    position: absolute;
    margin-left: 18px;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
}

.bocadillo-int {
    position: absolute;
    margin-top: -7px;
    margin-left: -15px;
}

.bocadillo-int span {
    position: absolute;
    margin-left: 18px;
    margin-top: 5px;
    color: #fff;
    font-size: 16px;
}

.formulario {
    margin-top: 30px;
}

.formulario span, .formulario input, .formulario textarea, .formulario select {
    border: 1px solid #1CA0B5;
    color: #1CA0B5;
}

.formulario span.help-inline {
    border:none;
}

.formulario  ul.errors {
    margin:0;
    padding: 0;
    list-style: none none outside;
    color: #BE0A26;
}

.formulario label {
    color: #13235B;
    font-weight: bold;
}

.nav {
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 'AbeeZee', sans-serif;
    font-size: 16px;
}

.nav.title, .nav a.selected {
    color: #1CA0B5;
    font-size: 18px;
}

.nav a {
    color: #000;
    font-size:15px;
}

.nav a:hover {
    color: #1CA0B5;
    text-decoration: none;
}

.nav span.separador-azul {
    width: 20px;
    background: transparent url("../img/barra.png") no-repeat 10px 0px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

table.table td {
    color: #1CA0B5;
}

table.table th {
    color: #13235B;
    /*text-transform: uppercase;*/
}

#cabecera {
    margin-left: 10px;
    margin-top: 5px;
}

#cabecera .bienvenido {
    font-size: 24px;
    margin-top: -3px;
    padding-bottom: 15px;
    font-family: "ABeeZee", sans-serif;
}

#cabecera .descripcion {
    color: #1CA0B5;
    font-size: 16px;
    font-family: "ABeeZee", sans-serif;
}

div.categoria {
    background: #DFDB00 url("../img/carpeta.png") no-repeat 10px 10px;
    height: 50px;
    width: 100%;
    margin-bottom: 2px;
}

div.categoria:hover {
    background-color: #eaeaea;
    cursor: pointer;
}

div.categoria .nombre{
    font-size: 14px;
    margin-left: 65px;
    padding-top: 15px;
}

div.documentos {
    padding: 5px;  
}

#contenido .container-fluid {
    padding-left:0;
    padding-right:0;
}

/* Estado */

.blue {
    color: #13235b;
}

.lightblue {
    color: #1CA0B5;
}

.estadoresaltar {
    color: #2090d0;
	font-size: 16px;
}

#estado table {
}

#estado table td.blue {
    text-align: right;
    padding: 5px;
}

#estado table td.lightblue div {
    border: 1px solid #eceded;
    min-width: 120px;
    height: 20px;
    padding: 0px 5px;
}

a.volver {
	float: right;
    position:relative;
    right: 0;
    margin-top: 10px;
}

a.actualizar {
	float: right;
    position:relative;
    right: 0;
    margin-top: 10px;
	margin-right: 20px;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover {
    background-color:  #1CA0B5;
    color: #fff;
}

.nav-tabs a {
	background-color: #eee;
    color: #888;
}

/* Colores de estados de las tomas */

/* Verde */
.cerrado-sin-caudal {
    background-color: #00cc00;
}

.estado-verde{
	background-color: #009900;
	color: #fff;
}

.estado-azul{
	background-color: #0066cc;
	color: #fff;
}

.estado-rojo{
	background-color: #cc3300;
	color: #fff;
}

.estado-naranja{
	background-color: #ff9900;
	color: #fff;
}

/* Naranja */
.cerrado-con-caudal {
    background-color: #ff9900;
}

/* Azul */
.abierto-con-caudal {
    background-color: #3366cc;
}

/* Amarillo */
.abierto-sin-caudal {
    background-color: #ffff00;
    color: #000;
}

/* Estado desconocido */
.estado-desconocido {
    background-color: #999;
    color: white;
}

.loading {
    width: 32px;
    height:32px;
    background: transparent url("../img/ajax-loader.gif") no-repeat 0px 0px;
}