/******** Estilo propuesto por la gente del portal ***********/

body {
    background-color:#E6F9F8;
    font-family:sans-serif;
    font-size:12px;
    font-weight:normal;
    margin-top:0;
}

h1, h2, h3, h4, h5, h6 {
    color:#20267a;
    font-family:sans-serif;
    font-weight:normal;
}

#decotop {
    background-color:#009EE0;
    height:8px;
    width:100%;
}

#container {
    background:transparent url(../images/bgnd.jpg) repeat scroll 0 0;
    margin:auto;
    width:958px;
}
#top {
    background:transparent url(../images/cabezal3.jpg) no-repeat scroll 0 0;
    border-bottom:1px dotted #FFFFFF;
    clear:both;
    height:129px;
    position: relative;
}

#top-link1 { 
    position: absolute; 
    top: 30px; 
    left: 4px; 
    width: 200px; 
    height: 100px; 
    background-color: transparent; 
    /*border: 1px solid yellow;*/
}

#top-link2 { 
    position: absolute; 
    top: 40px; 
    left: 770px; 
    width: 180px; 
    height: 80px; 
    background-color: transparent; 
    /*border: 1px solid yellow;*/
}
#ContentForm {
    float:right;
    margin-right:20px;
    padding:10px 0 10px 10px;
    text-align:left;
    width:910px;
}
#footer {
    background:transparent url(../images/pie.jpg) repeat scroll 0 0;
    clear:both;
    height:75px;
    margin:auto;
    width:958px;
}
#normal {
    font-weight:normal;
}



#menu_ppal {
    background:transparent url(images/repit_nav1.jpg) repeat-x scroll 0 0;
    height:61px;
    width:958px;
}

#nav1_left {
    background:transparent url(images/top_left.jpg) no-repeat scroll left top;
    float:left;
    height:61px;
    width:11px;
}
#nav1_right {
    background:transparent url(images/top_right.jpg) no-repeat scroll left top;
    float:right;
    height:61px;
    width:11px;
}
#nav1 {
    background:transparent url(images/repit_nav1.jpg) repeat scroll 0 0;
    float:left;
    height:61px;
    text-align:center;
    width:930px;
}
#nav2 {
    background:transparent url(images/bgnd_nav2.jpg) repeat scroll 0 0;
    float:left;
    width:207px;
}
#bottom_nav2 {
    background:transparent url(images/bottom_nav2.jpg) repeat scroll 0 0;
    height:12px;
    width:207px;
}

#nav2 li {
    border-bottom:1px dotted #FFFFFF;
    color:#FFFFFF;
    font-size:13px;
    list-style-type:none;
    margin-left:5px;
    padding:10px 0 10px 5px;
}
#nav2 li:before {
    content:url(images/nav2_icon.jpg);
    padding:5px;
}
#nav2 ul {
    margin:0 0 0 3px;
    padding:0;
}
#nav1 li {
    background:transparent url(images/line.jpg) no-repeat scroll right top;
    color:#FFFFFF;
    float:left;
    font-size:13px;
    height:25px;
    list-style-type:none;
    margin-left:5px;
    padding:15px 29px 25px 10px;
    text-transform:uppercase;
}
#nav1 ul {
    margin:0 0 0 3px;
    padding:0;
}

#mainContent {
    float:right;
    margin-right:20px;
    padding:10px 0 10px 10px;
    text-align:left;
    width:700px;
}
#superior {
}
#izquierda {
}
#inferior {
}

input, select, textarea {
    background-color:#EEEEEE;
    border:1px solid #20267a;
    font-family:Deja Vu Mono,monospace;
    /*color:#0000FF;*/
    font-size: 12px;
}

.ro {
    background-color:#CCCCCC;
    border:1px solid #20267a;
    /*color:#0000FF;*/
}

.form {
    background-color:#d5d9f2;
}

.boton {
    background-color:#20267a;
    color:#FFFFFF;
}
.boton:hover {
    background-color:#3c6c89;
    border:1px solid #000066;
    color:#FFFFFF;
}

a.boton {
    padding:3px;
    text-decoration: none;
    color:#FFFFFF;
}

a.boton:hover {
    padding:3px;
    text-decoration: none;
    cursor:default;
}

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

/************* Estilos para struts2 ***********************/

.errorMessage {
    color: red;
    /*font-size: 0.8em;*/
}

.actionMessage {
    color: green;
    /*font-size: 0.8em;*/
}

.tdLabel, label.checkboxLabel {
    font-weight: bold;
}

.tdLabel {
    width:30%;
    vertical-align: top;
}

.label {
    font-style:normal;
    font-weight: bold;
}

.errorLabel {
    font-style:normal;
    color:red;
}

.checkboxErrorLabel {
    color:red;
}


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

/************* Estilos propios ***********************/

table.wwFormTable {
    margin-right:auto;
    margin-left:auto;
}

table.wwFormTable td {
    padding-top: 1.0em;
    padding-bottom: 0.0em;
}

table.wwFormTable th {
    padding-top: 1.0em;
    padding-bottom: 00em;
}

table.centrada {
    margin-right:auto;
    margin-left:auto;
}

.big {
    font-size:16px;
    font-weight:bold;
}

.even {
    background-color:white;
}

.odd {
    background-color:#cccccc;
}

.centrado {
    text-align: center;
}

.derecha {
    text-align: right;
}

table.list, table.view {
    margin-right:auto;
    margin-left:auto;
    border-collapse:collapse;
}

table.list tr.odd {
    /*background-color: #ffd;*/
    /*background-color:#e7e9f2;*/
    /*background-color:#eef0f1;*/
    background-color:#cccccc;
    
}

table.list tr.even {
    /*background-color: #dfd;*/
    background-color:white;
}

table.list td {
    font-family:Deja Vu Mono,monospace;
    border: 1px solid black;
    padding: 0.5em;
}

table.list th {
    border: 1px solid black;
    padding: 0.5em;
}

table.view td {
    font-family:Deja Vu Mono,monospace;
    border: 1px solid black;
    padding: 0.5em;
    text-align: left;
    /*background-color:#e7e9f2;*/
    background-color:#eef0f1;
    vertical-align: top;
}

table.view th {
    border: 1px solid black;
    padding: 0.5em;
    text-align: left;
    /*background-color:#e7e9f2;*/
    background-color:#eef0f1;
    vertical-align: top;
}

table.impresionHorizontal, table.impresionVertical {
    width: 100%;
}

table.impresionHorizontal th {
    width: 30%;
}

table.impresionVertical th {
    width: 30%;
}

.FormularioAnidado{
    border: 1px solid black;
    padding: 1em;
}

div.indicadorFijo {
    display:none;
    position: fixed;
    width: 100px;
    top: 0px;
    left: 50%;
    margin-left:-50px;
    background-color: #e7e9f2;
    font-weight: bold;
    text-align: center;
}

a.softwareLibre {
    color: white;
}

.ui-widget-overlay {
    background: #aaaaaa 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.invisible {
    display: none;
}