﻿* { margin: 0; padding: 0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

body { background-color: #D5D6D2; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; padding: 20px 0; }

a:link, a:visited, a:focus { text-decoration: none; /*font-weight: normal;*/ color:#97233F; text-decoration: none; }
a:hover { color: #97233F }

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 12px 0; padding: 0; }
p { font-size: 11px; }

#main, #header, #content, #footer { width: 980px; margin: 0 auto; }
#main {  }

#header { background-color: #FFF; }

/* Barra de menu vertical */
.moduletable-top-menu { background: #fff url(../images/bg_top_menu.gif) repeat-x center top; float: left; display: block; width: 100%; border-bottom: 2px solid #DEDEDE; }
.moduletable-top-menu ul { margin: 0; padding: 0; list-style: none;  }
.moduletable-top-menu li { margin: 0; padding: 0; float: left; display: inline; position: relative; line-height: 120%; z-index: 2 }
.moduletable-top-menu a, .moduletable-top-menu a:visited { padding: 9px 10px; display: inline; float: left; color: #484848 !important; background: url(../images/mainnav_sep.gif) no-repeat top right; text-decoration: none; }
.moduletable-top-menu a:hover,
.moduletable-top-menu a:focus{ background: #fff; color: #97233f; }
.moduletable-top-menu a span { font-weight: bold; font-size: 11px; }
.moduletable-top-menu a span { float: none; }
.moduletable-top-menu ul li ul { position: absolute; z-index: 1; left: 1px; top: 35px; display: none; background-color: #FFF; width: 185px;	border: solid 1px #ccc; border-bottom: solid 8px #97233f; }
.moduletable-top-menu ul#main-menu li ul  li { display: block; border-bottom: 1px solid #ccc;  }
.moduletable-top-menu ul#main-menu li ul  li a, 
.moduletable-top-menu ul#main-menu li ul  li a:visited { display: block !important; background: none; width: 164px; padding: 5px 8px; border-left: 5px solid #fff; }
.moduletable-top-menu ul#main-menu li ul  li a span { font-weight: normal; }
.moduletable-top-menu ul#main-menu li:hover ul, 
.moduletable-top-menu ul#main-menu li:focus ul
.moduletable-top-menu ul#main-menu li.over ul { display: block !important; }
* html .moduletable-top-menu ul#main-menu li { float: left; height: 1%; }
* html .moduletable-top-menu ul#main-menu li a { height: 1%; }
.moduletable-top-menu ul#main-menu li ul li a:hover,
.moduletable-top-menu ul#main-menu li ul li a:focus { background-color: #f5f5f5; border-left: 5px solid #97233f; }

/* Barra de menu horizontal */
.moduletable-left-menu { background-color: #f5f5f5; border: 1px solid #ccc; border-bottom: none; margin-bottom: 20px; width: 210px !important; border-left: 5px solid #97233f; }
.moduletable-left-menu ul { margin: 0; padding: 0; list-style: none; }
.moduletable-left-menu li { margin: 0 !important; padding: 0 !important; position: relative !important; line-height: 120% !important; border-bottom: 1px solid #ccc !important; background: none !important; }
.moduletable-left-menu a, .moduletable-left-menu a:visited { padding: 5px 10px !important; display: block !important; color: #484848 !important; text-decoration: none !important; background: none !important; }
.moduletable-left-menu a:hover,
.moduletable-left-menu a:focus{ background: #fff !important; color: #97233f !important; }
.moduletable-left-menu a span { font-weight: bold; font-size: 11px; }
.moduletable-left-menu a span { float: none; }
.moduletable-left-menu ul li ul { position: absolute; left: 218px; top: -1px; display: none !important; background-color: #FFF; width: 185px !important; border: solid 1px #ccc; }
.moduletable-left-menu ul#main-menu li ul  li { display: block; }
.moduletable-left-menu ul#main-menu li ul  li a, 
.moduletable-left-menu ul#main-menu li ul  li a:visited { display: block !important; background: none; width: 160px !important; padding: 5px 10px !important; border-left: 5px solid #fff; }
.moduletable-left-menu ul#main-menu li ul  li a span { font-weight: normal; }
.moduletable-left-menu ul#main-menu li:hover ul, 
.moduletable-left-menu ul#main-menu li:focus,
.moduletable-left-menu ul#main-menu li.over ul { display: block !important; }
* html .moduletable-left-menu ul#main-menu li { float: left; height: 1%; }
* html .moduletable-left-menu ul#main-menu li a { height: 1%;}
.moduletable-left-menu ul#main-menu li ul li a:hover,
.moduletable-left-menu ul#main-menu li ul li a:focus { background: #f5f5f5 !important; border-left: 5px solid #97233f !important; }

.box-module { padding: 5px 5px 5px 0; }
.box-module .col { width: 232px; float: left; display: inline; margin-left: 10px; color: #000; line-height: 90%; }
.box-module .col h1, .box-module .col h2, .box-module .col h3, .box-module .col h4, .box-module .col h5, .box-module .col h6 { margin: 0; padding: 4px 0; font-weight: bold; font-size: 180%; line-height: 100%; color: #000; background-color: transparent; }
.box-module .col h2 { font-size: 160%; }
.box-module .col h3 { font-size: 140%; }
.box-module .col h4 { font-size: 120%; }
.box-module .col h5 { font-size: 100%; }
.box-module .col h6 { font-size: 80%; }
.box-module .col p, .box-module .col div, .box-module .col table { margin: .5em 0; font-size: 11px; }
.box-module .col img { border: 0; }

.box-module .colspan2 { width: 474px; }
.box-module .colspan3 { width: 716px; }
.box-module .colspan4 { width: 955px; }

.box-module .moduletable { margin: 10px 0; }
.box-module .moduletable  table { empty-cells: show; border-collapse: collapse; table-layout: fixed; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; margin: 0; }
.box-module .moduletable  table td { padding: 2px 3px; line-height: 150%; }
.box-module .moduletable  table thead tr td { text-align: center; font-weight: bold; padding: 4px 3px; }
.box-module .moduletable  table tbody tr td {  }
.box-module .moduletable  table tfoot tr td { font-weight: bold; }
.box-module .moduletable  ul { list-style-type: disc; margin: .5em 0 .5em 15px; padding: 0; }
.box-module .moduletable  ul  li { padding-left: 0; line-height: 100%; margin: 5px 0 5px 0; }
.box-module .moduletable  ol { list-style-type: decimal; margin: .5em 0 .5em 24px; padding: 0;  }
.box-module .moduletable  ol  li { padding-left: 0; line-height: 100%; margin: 3px 0 3px 0; }

.box-module .moduletable  ul.lista-estilo1,
.box-module .moduletable  ol.lista-estilo1  {  }
.box-module .moduletable  ul.lista-estilo1 li,
.box-module .moduletable  ol.lista-estilo1 li { border-bottom: 1px solid #c0c0c0; padding-top: 2px; padding-bottom: 2px;  }

.box-module .moduletable  ul.lista-estilo2,
.box-module .moduletable  ol.lista-estilo2{ list-style-type: none }
.box-module .moduletable  ul.lista-estilo2 li, 
.box-module .moduletable  ul.lista-estilo2 li{ list-style-image: url(../images/bullet2.gif); border-bottom: 1px solid #d8d8d8; padding-bottom: 2px; line-height: 120%; }

.box-module .moduletable  ul.lista-estilo3 { list-style-type: none; margin-left: 0; }
.box-module .moduletable  ul.lista-estilo3 li { padding: 4px 0 4px 17px; line-height: 120%; margin: 2px 0; background: #efefef url(../images/bullet1b.gif) no-repeat 4px 7px;  }

.box-module .moduletable  ol.lista-estilo3 { margin-left: 0; list-style-position: inside; }
.box-module .moduletable  ol.lista-estilo3 li { padding: 4px 0 4px 10px; line-height: 120%; margin: 2px 0; background-color: #efefef }

.box-module .moduletable table.tabla-estilo1 { border: 1px solid #d7d7d7; }
.box-module .moduletable table.tabla-estilo1 thead tr td { background-color: #efefef; color: #000; }
.box-module .moduletable table.tabla-estilo1 tbody tr td { border-bottom: 1px solid #d7d7d7; }

.box-module .moduletable table.tabla-estilo2 { border: 1px solid #666; }
.box-module .moduletable table.tabla-estilo2 thead tr td { background-color: #666; color: #FFF; }
.box-module .moduletable table.tabla-estilo2 tbody tr td { border-bottom: 1px solid #666; }

.box-module .moduletable table.tabla-estilo3 { border: 1px solid #97233f; }
.box-module .moduletable table.tabla-estilo3 thead tr td { background-color: #97233f; color: #fff; }
.box-module .moduletable table.tabla-estilo3 tbody tr td { border-bottom: 1px solid #97233f; }

.box-module2 { margin-bottom: 10px; padding: 0; }
.box-module2 p, .box-module2 div { margin-top: 0; margin-bottom: 8px; }

.moduletablelogin { background-color: #fbfbfb; border: 1px solid #97233f; padding-bottom: 10px; margin-bottom: 10px; }
.moduletablelogin h3 { background-color: #97233f; color: #FFF !important; font-size: 14px !important; text-align: center; }
.moduletablelogin  fieldset, .moduletablelogin  p { margin-top: 5px; margin-bottom: 5px; padding: 0 10px; }
.moduletablelogin  fieldset p { padding: 0; }
.moduletablelogin label { font-weight: bold; }
.moduletablelogin input.inputbox { width: 167px; padding: 3px 2px; background-color: #FFF; border: 1px solid #808080; }
.moduletablelogin .mod_login_button { text-align: center; padding: 5px 0; }
.moduletablelogin a:link, .moduletablelogin a::visited, .moduletablelogin a::focus { }
.moduletablelogin a:hover { text-decoration: underline; }

/* Menu personalizado */
.moduletable  ul.menuestilo1 { list-style-type: none; margin-left: 0; }
.moduletable  ul.menuestilo1 li { padding: 4px 0 4px 17px !important; line-height: 1.3 !important; margin: 0 0 4px 0 !important; background: #efefef url(../images/bullet1b.gif) no-repeat 4px 7px !important;  }
.moduletable  ul.menuestilo1 li a, .moduletable  ul.menuestilo1 li a:visited { font-weight: bold; }

/* Recordar contraseña / nombre de usuario */
.josForm #email { padding: 3px 2px; background-color: #FFF; border: 1px solid #808080; width: 50%; }
.josForm label { font-weight: bold; }

#top-1 { background: #97233F repeat-x left bottom; padding: 0px 0px 0px 0; }
#top-1 .col p, #top-1 .col h1, #top-1 .col h2, #top-1 .col h3 { color: #fff; }
#top-2 { background-color: white; }
#top-3 { background-color: #0000; }
#bottom-3 { background-color: #d5d5d5; }
#bottom-2 { background-color: #97233f; }
#bottom-2 p, #bottom-2 h1, #bottom-2 h2, #bottom-2 h3, #bottom-2 td, #bottom-2 div  { color: #fff; }
#bottom-1 { background-color: transparent; padding-top: 10px; padding-bottom: 0; }
#bottom-1 p, #bottom-1 h1, #bottom-1 h2, #bottom-1 h3, #bottom-1 td, #bottom-1 div  { color: #fff; }

#content, #content-r, #content-l, #content-full  { background-color: white; clear: both; } 
#content { width: 500px; padding-left: 10px; padding-right: 10px; border-left: 240px solid white; border-right: 220px solid white; }
#content-r  { width: 720px; padding-left: 10px; padding-right: 10px; border-left: 240px solid white; }
#content-l  { width: 720px; padding-left: 10px; padding-right: 10px; border-right: 240px solid white; }
#content-full  { width: 960px; padding-left: 10px; padding-right: 10px; }

#sidebar-1, #sidebar-2, #sidebar-2-r, #sidebar-2-l, #sidebar-2-full, #sidebar-3 { display: inline; font: normal normal 12px/130% Verdana, Arial, Helvetica, sans-serif; margin-top: 30px; }
#sidebar-1 { float: left; width: 220px; margin-left: -240px; position: relative; border-right: 1px solid #ccc; }	
#sidebar-2 { float: left; width: 500px; margin-right: -500px; }
#sidebar-2-r { float: left; width: 720px; }
#sidebar-2-l { float: left; width: 720px; }
#sidebar-2-full { float: left; width: 960px; }
#sidebar-3 { float: right; width: 200px; margin-right: -220px; margin-left: 20px; position: relative; }


#sidebar-1 .moduletable,
#sidebar-3 .moduletable {  margin: 0 0 5px 0; font-size: 11px; border: 1px solid #fafafa; width:100%; }

#sidebar-1 h1, #sidebar-1  h2, #sidebar-1  h3, #sidebar-1 h4, #sidebar-1 h5, #sidebar-1 h5, #sidebar-1 h6,
#sidebar-3 h1, #sidebar-3  h2, #sidebar-3  h3, #sidebar-3 h4, #sidebar-3 h5, #sidebar-3 h5, #sidebar-3 h6 { margin-top: 0; font-weight: bold; }

#sidebar-1 h1, #sidebar-3 h1{ font-size: 150%; }
#sidebar-1 h2, #sidebar-3 h2{ font-size: 130%; }
#sidebar-1 h3, #sidebar-3 h3 { width: 100%; font-size: 100%; color: #97233f; padding: 6px 0; margin-bottom: 0; }
#sidebar-1 h4, #sidebar-3 h4{ font-size: 100%; }
#sidebar-1 h5, #sidebar-3 h5{ font-size: 90%; }
#sidebar-1 h6, #sidebar-3 h6{ font-size: 80%; }

#sidebar-1 ul.menu, 
#sidebar-3 ul.menu { list-style: none; margin: 0 0 15px 0; padding: 0; display: block; }

#sidebar-1 ul.menu li, 
#sidebar-3 ul.menu li { display: block; margin: 0; padding: 0; line-height: normal; border: none; }

* html #sidebar-1 ul.menu li, * html #sidebar-3 ul.menu li { width: 99%; }
*+html #sidebar-1  ul.menu li, *+html #sidebar-3  ul.menu li { width: 99%; }

#sidebar-1 ul.menu li a,
#sidebar-3 ul.menu li a { display: block; outline: none; color: #484848; padding: 4px 0 6px 13px; border-bottom: 1px dashed #ccc; margin: 0; text-decoration: none; }

#sidebar-1 ul.menu li a:hover,
#sidebar-1 ul.menu li a:active,
#sidebar-1 ul.menu li a:focus,
#sidebar-3 ul.menu li a:active,
#sidebar-3 ul.menu li a:focus { color: #ccc; text-decoration: none; }

#sidebar-1 ul li.active a,
#sidebar-3 ul li.active a { font-weight: bold; color: #97233f; }
#sidebar-1 ul.menu li a:hover { color: #97233f !important; }

#sidebar-1 ul, 
#sidebar-3 ul { list-style: none; margin: 0 0 15px 0; padding: 0; display: block; }
#sidebar-1 ul li, 
#sidebar-3 ul li { display: block; background: url(../images/menu_item1.gif) no-repeat left -41px ; margin: 0; padding: 4px 0 7px 13px; line-height: normal; }
* html #sidebar-1 ul li, * html #sidebar-3 ul li { width: 99%; }
*+html #sidebar-1  ul li, *+html #sidebar-3  ul li { width: 99%; }


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }