/* 
    Document   : main
    Created on : 12-oct-2012, 13:19:16
    Author     : Investigaciones
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

body {
    font-family: Arial, sans-serif;
    font-size: 1em;
    margin: 0;
}

fieldset legend {
    font-weight: bold;
}

.record_properties th {
    text-align: left;
}

.record_actions li {
    list-style: none;
    float: left;
}

#nav {
}

#nav ul {
    top: 0;
    padding: 0;
    margin-bottom: 0px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    display: block;
    clear: both;
    float: left;
    background-color: #0089CE;
    margin-top: 0;
}

#nav ul li {
    float: left;
    list-style: none outside none;
    text-align: center;
    /*    border-image: url("../images/borde.png") 0 2 0 1;
        border-style: solid;
        */
}

#nav ul li:last-child {
    border-style: none;
}

a, a:hover, a:visited {
    text-decoration: none;
    color: darkblue;
}

#nav li a:hover {
    color: #FFF;
    background-color: #005989;
}

#nav li a {
    color: #EEE;
    display: block;
    float: left;
    transition-duration: 0.8s;
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    padding: 9px 18px;
    margin-right: 3px;
    font-weight: normal;
}

div#mainBody {
    margin: 0 auto;
}

div#content {
    padding: 10px;
    padding-bottom: 20px;
}

div#pageTitle {
    background: none repeat scroll 0 0 #0089CE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: white;
    padding: 15px 10px 10px;
    font-size: 1.4em;
}

div#pageTitle img {
    height: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

#sucursales {
    background-color: white;
}

.user_name {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

div#header {
    padding-bottom: 10px;
}

#header_title {
    margin-right: 10px;
    margin-top: 10px;
    background-color: #0089CE;
    color: white;
    text-shadow: 0 1px 0 #333333;
}

ul.pager li {
    list-style: none;
    float: left;
    padding-right: 10px;
}

ul.record_actions img {
    height: 28px;
    vertical-align: middle;
}

ul.record_actions a {
    background-color: darkred;
    border-radius: 10px 10px 10px 10px;
    color: white;
    display: block;
    float: left;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    vertical-align: middle;
    padding: 7px 10px;
    margin-right: 10px;
    font-size: 1.2em;
}

button img {
    height: 28px;
    vertical-align: middle;
}

ul.indicadores {
    margin: auto;
}

ul.indicadores li {
    list-style: none;
    font-size: 14pt;
    border-width: 1px;
    border-style: solid;
    border-color: #CDCDCD #F0F0F0 #F0F0F0 #CDCDCD;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px auto;
    width: 70%;
    text-align: center;
    border-radius: 10px;
}


table.records_list {
    width: 100%;
    background-color: #FFFFFF;
    border-bottom-color: #DFDFDF;
    border-top-color: #DFDFDF;
    border-left-color: #DFDFDF;
    border-right-color: #DFDFDF;
    border-collapse: collapse;
}

.records_list td {
    padding-right: 5px;
    padding-left: 5px;
    border: inset 0pt;
    text-align: left;
    vertical-align: middle;
}

table.records_list th {
    background-color: #0089CE;
    color: white;
    border: 0;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

table.records_list tr:nth-child(even) {
    background-color: #f3f3f3;
}

table.records_list tr:first-child {
    height: 40px;
}

table.record_properties tr {
    vertical-align: top;
}

.divList {
    max-height: 200px;
    overflow: auto;
    border: 1px solid #CCC;
}

.divOption {
    display: block;
    float: left;
    border: 1px solid #CCC;
    padding: 0 0;
    text-align: center;
    margin-right: 10px;
    width: 180px;
    height: 170px;
    background-color: #f6f6f6;
    border-radius: 0.3em;
}

.divOption h4 {
    border-bottom: 1px solid #BBBBBB;
    color: #333;
    padding: 0 7px;
}

.divOption img {
    padding: 0 20px;
    width: 80px;
    height: 80px;
}

table#form tr {
    vertical-align: top;
}

button.selected {
    background-color: #FAE053;
}

h2, h1, h3 {
    text-shadow: 0 2px 2px #CCCCCC;
    color: #0089ce;
}


div#mapCanvas {
    width: 90%;
    height: 400px;
}

td.numero, th.numero {
    text-align: right !important;
}

td.center, th.center {
    text-align: center !important;
}

td.right, th.right {
    text-align: right !important;
}

.ui-datepicker {
    z-index: 100 !important;
}