body { line-height:1.8; min-height:100%; background: #fff; color: #555; }
body.fs1 { font-size:10px; }
body.fs2 { font-size:11px; }
body.fs3 { font-size:13px; }
body.fs4 { font-size:14px; }
body.fs5 { font-size:15px; }
body.fs6 { font-size:16px; }
a { color: #3477bb; text-decoration: none; }
a:hover,
a:active,
a:focus { color: #3477bb; text-decoration: underline; }
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:0; padding:0; }
h1,
h2,
h3,
h4,
h5 { font-weight: normal }
h1 { font-size:280%; }
h2 { font-size:250%; }
h3 { font-size:135%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; }
ul li { line-height:2.6; }
p { margin: 0.5em 0 }
/* containers */
#gk-header { border: 0px solid #ffffff; overflow: hidden; }
.gk-header { float: left; }
.gk-header > div { border-left: 0px solid #ffffff; padding-left: 20px; }
.gk-header:first-child > div { border-left: none; padding-left: none; }
#gk-current-content-wrap { border: 1px solid #ffffff; padding: 30px; }
#gk-contentwrap { overflow:hidden; }
#gk-current-content-wrap { background: #fff; overflow: hidden; }
#gk-topsl1,
#gk-topsl2 { margin-bottom: 20px!important; overflow:hidden; border: 1px solid #e5e5e5; padding-bottom:15px; }
#gk-usersl1,
#gk-usersl2 { margin-top: 20px!important; overflow:hidden; border: 0px solid #e5e5e5; padding-bottom:15px; }
#gk-content { float: left; }
#gk-ba h1 {position: absolute; top: 0px; left: -6000px;}
#gk-main { overflow: hidden; }
#mainPage { background: #fff; margin-bottom: 20px; }
/* top */
#gk-top { margin-bottom: 20px; min-height:96px; border: 1px solid #ffffff; border-top: none; border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px; position: relative; }
#gk-nav { margin: 0 20px; clear:both; border-top: 4px solid #3477BB; }
/* userarea */
#gk-buttons { float: right; height: 105px; margin: 0 0 0 0; line-height: 0px; width: 400px; background-repeat:no-repeat; }
#gk-buttons a { font-size: 12px; display: block; height: 0px; color: #fff; padding: 0 17px; border-left: 1px solid #fff; float: left; }
#gk-buttons a:first-child { border-left: none; }
/* logo */
h1.logo { margin: 0 0 0 103px; padding: 0; float: left; }
h1.logo a { background: url('../images/light/logo-epsm1.jpg') no-repeat 0 0; display: block; height: 124px; margin: 0; text-indent: -999em; width:440px; }
h1.logo.text { width: auto; float: left; margin: 12px 0 0 20px; }
h1.logo.text a,
h1.logo.text .site-slogan { display: block; background: none; font-size: 40px; line-height:50px; text-indent: 0; text-align: center; color:#1a1a1a; }
h1.logo.text a { padding: 0; width: auto!important; }
h1.logo.text .site-slogan { font-size: 16px; line-height: 10px; margin: -50px 0 18px 0; }
/* columns */
#gk-topsl1 .gk-box > div,
#gk-topsl2 .gk-box > div,
#gk-usersl1 .gk-box > div,
#gk-usersl2 .gk-box > div { padding-left: 20px; padding-right: 20px; border-left: 1px solid #e5e5e5; overflow: hidden; }
#gk-topsl1 .gk-box:first-child > div,
#gk-topsl2 .gk-box:first-child > div,
#gk-usersl1 .gk-box:first-child > div,
#gk-usersl2 .gk-box:first-child > div { border-left: none; }
/* Bottom */
#gk-middle-bar { height: 49px; line-height: 49px; }
#gk-social-icons { float: left; margin: 14px 0 0 20px; }
#gk-search { float: right; }
#gk-search input {  background: #fff url('../images/light/search_bg.png') no-repeat right 0; height: 25px; line-height: 25px; color: #1b1f23; font-size: 12px; width: 200px; margin: 9px 18px 0 0; text-indent: 14px; }
/* social icons */
#gk-social-icons a { background: transparent url('../images/light/social_icons.png') no-repeat 0 0; display: block; float: left; height: 23px; margin: 0 6px 0 0; width: 24px; text-indent: -999em; opacity: 0.5; }
#gk-icons-twitter { background-position: -24px 0!important; }
#gk-icons-vimeo { background-position: -48px 0!important; }
#gk-social-icons a:hover { opacity: 1; }
/* bottom content */
#gk-bottom-wrap { background: #000; overflow:hidden; font-size: 12px; color:#fff; }
#gk-bottom-wrap .moduletable div > h3 { text-transform: uppercase; color: #fff; margin-bottom: 10px; font-size: 18px }
#gk-bottom-wrap a { color: #888 }
#gk-ba2 h1 {position: absolute; top: 0px; left: -6000px;}
#gk-bottom-wrap a:hover { color: #fff; text-decoration:underline; }
#gk-bottom-wrap .moduletable ul li { list-style: disc inside }
#gk-bottom-wrap .moduletable ul li:hover { }
#gk-botsl1,
#gk-botsl2 { padding: 1px 0 22px; width:auto; overflow:hidden; border-top:1px solid #222; }
#gk-botsl1 .gk-box > div,
#gk-botsl2 .gk-box > div { padding: 20px 20px 0; border-left: 1px solid #222; }
#gk-botsl1 .gk-box:first-child > div,
#gk-botsl2 .gk-box:first-child > div { border-left: none; }
/* footer */
#gk-footer-wrap { clear: both; margin-top: 20px; overflow: hidden; border-top: 0px solid #e5e5e5; }
#gk-footer { margin: 0; padding: 20px 4px; width: auto; }
#gk-footer li { float: left; font-size: 11px; border-top: none!important; padding: 0 10px; line-height:11px; margin: 0; border-left: 1px solid #dcdcdc; }
#gk-footer li:first-child { border-left: none; padding-left: 0; }
#gk-footer a { color: #0356AA; }
#stylearea { margin-left: 20px; }
#stylearea,
#gk-copyright { float:right; font-size: 11px; line-height: 11px; color:#0C00FF; }
#stylearea a { display: block; width: 12px; height: 11px; float: left; text-indent: -9999em; background: url('../images/colors.png') no-repeat 0 0; }
a#style_switcher2 { background-position: -15px 0 !important; }
a#style_switcher3 { background-position: -30px 0 !important; }
a#style_switcher4 { background-position: -45px 0 !important; }
#t3_logo { display: block; width: 84px; height: 25px; background: url('../images/t3-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 40px auto; opacity: 0.2; filter:alpha(opacity=20); }
#t3_logo:hover { opacity: 1.0; filter:alpha(opacity=100); }
/* suffixes -------------*/

/*--- default */
#mainPage .moduletable > div > h3,
#mainPage .moduletable_menu > div > h3,
#mainPage .moduletable_text > div > h3 { font-size: 18px; font-weight: normal; color: #1a1a1a; padding: 12px 0 0 0; margin: 0 0 6px 0; text-transform:uppercase; }
#mainPage .moduletable ul { padding: 0; }
#mainPage .moduletable ul li { border-top: 1px solid #e5e5e5; list-style-type: none; background: transparent url('../images/style1/menu_dot.png') no-repeat 4px 15px; padding:0 0 0 16px; }
#mainPage .moduletable ul li:first-child { border-top: none; }
#gk-container .moduletable > div,
#gk-container .moduletable_menu > div,
#gk-container .moduletable_text > div { padding: 0 20px 20px 20px; border: 1px solid #ffffff; }
.moduletable > div,
.moduletable_menu > div,
.moduletable_text > div { margin-top: 20px; }
.moduletable:first-child > div,
.moduletable_menu:first-child > div,
.moduletable_text:first-child > div { margin-top: 0px; }
.moduletable_content { clear: both; }
.moduletable_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* _text */
#mainPage .moduletable_text .group > h3 { font-weight: normal; font-size:115%; }
#mainPage .moduletable_text .footer { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .moduletable_text .item { border-bottom: 1px solid #e5e5e5; margin-top:10px; padding-bottom: 10px; }
/* - clear */
.moduletable.clear,
.moduletable.clear > div,
.moduletable.clear > div > .moduletable_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* - clean */
.moduletable.clean > div,
.moduletable.clean > div > .moduletable_content { padding: 0 !important; }
/* - font1 */
#mainPage .moduletable.font1 > div > h3,
#mainPage .moduletable_menu.font1 > div > h3,
#mainPage .moduletable_text.font1 > div > h3 { font-size: 45px; line-height: 45px; }
/* - font1 */
#mainPage .moduletable.font2,
#mainPage .moduletable_menu.font2,
#mainPage .moduletable_text.font2 { background: #f7f7f7; }
/* - smaller */
#mainPage .moduletable.smaller > div > h3,
#mainPage .moduletable_menu.smaller > div > h3,
#mainPage .moduletable_text.smaller > div > h3 { font-size: 14px; }
/* - color */
#mainPage .moduletable.color > div > h3,
#mainPage .moduletable_menu.color > div > h3,
#mainPage .moduletable_text.color > div > h3 { color: #3477bb; }
/* - color1 */
#mainPage .moduletable.color1 > div > h3,
#mainPage .moduletable_menu.color1 > div > h3,
#mainPage .moduletable_text.color1 > div > h3 { font-size: 11px; font-weight: bold; line-height: 16px; padding: 1px 6px 0; margin: 16px 0; float: left; background: #e73f23; color: #fff; }
/* - color2 */
#mainPage .moduletable.color2 > div > h3,
#mainPage .moduletable_menu.color2 > div > h3,
#mainPage .moduletable_text.color2 > div > h3 { font-size: 11px; font-weight: bold; line-height: 16px; padding: 1px 6px 0; margin: 16px 0; float: left; background: #a864a8; color: #fff; }
/* - color3 */
#mainPage .moduletable.color3 > div > h3,
#mainPage .moduletable_menu.color3 > div > h3,
#mainPage .moduletable_text.color3 > div > h3 { font-size: 11px; font-weight: bold; line-height: 16px; padding: 1px 6px 0; margin: 16px 0; float: left; background: #f26522; color: #fff; }
/* - color4 */
#mainPage .moduletable.color4 > div > h3,
#mainPage .moduletable_menu.color4 > div > h3,
#mainPage .moduletable_text.color4 > div > h3 { font-size: 11px; font-weight: bold; line-height: 16px; padding: 1px 6px 0; margin: 16px 0; float: left; background: #f06eaa; color: #fff; }
/* - color1-color4 */
#mainPage .moduletable.color1 .moduletable_content,
#mainPage .moduletable_menu.color1 .moduletable_content,
#mainPage .moduletable_text.color1 .moduletable_content,
#mainPage .moduletable.color2 .moduletable_content,
#mainPage .moduletable_menu.color2 .moduletable_content,
#mainPage .moduletable_text.color2 .moduletable_content,
#mainPage .moduletable.color3 .moduletable_content,
#mainPage .moduletable_menu.color3 .moduletable_content,
#mainPage .moduletable_text.color3 .moduletable_content,
#mainPage .moduletable.color4 .moduletable_content,
#mainPage .moduletable_menu.color4 .moduletable_content,
#mainPage .moduletable_text.color4 .moduletable_content { padding-top: 10px; }
/* icons suffixes */
#mainPage .moduletable.icon-rss > div > h3,
#mainPage .moduletable.icon-mail > div > h3,
#mainPage .moduletable.icon-alert > div > h3,
#mainPage .moduletable.icon-cog > div > h3,
#mainPage .moduletable.icon-clock > div > h3,
#mainPage .moduletable.icon-calendar > div > h3,
#mainPage .moduletable.icon-chat > div > h3,
#mainPage .moduletable.icon-marker > div > h3,
#mainPage .moduletable.icon-document > div > h3,
#mainPage .moduletable.icon-mac > div > h3,
#mainPage .moduletable.icon-ipad > div > h3,
#mainPage .moduletable.icon-info > div > h3,
#mainPage .moduletable.icon-access > div > h3 { padding-left: 45px; background: transparent url('../images/style1/module_icons.png') no-repeat 0 0; padding-top:0; height:32px; margin-top:10px; }
.moduletable.icon-rss > div > h3 { background-position:0 0!important; }
.moduletable.icon-mail > div > h3 { background-position:0 -42px!important; }
.moduletable.icon-alert > div > h3 { background-position:0 -76px!important; }
.moduletable.icon-cog > div > h3 { background-position:0 -120px!important; }
.moduletable.icon-clock > div > h3 { background-position:0 -158px!important; }
.moduletable.icon-calendar > div > h3 { background-position:0 -198px!important; }
.moduletable.icon-chat > div > h3 { background-position:0 -244px!important; }
.moduletable.icon-marker > div > h3 { background-position:0 -278px!important; }
.moduletable.icon-document > div > h3 { background-position:0 -324px!important; }
.moduletable.icon-mac > div > h3 { background-position:0 -369px!important; }
.moduletable.icon-ipad > div > h3 { background-position:0 -419px!important; }
.moduletable.icon-info > div > h3 { background-position:0 -461px!important; }
.moduletable.icon-access > div > h3 { background-position:0 -509px!important; }
/* breadcrumbs and tools */
#gk-main #gk-top-nav { background: #ffffff; height: 42px; line-height: 42px; border-bottom: 1px solid #e5e5e5; margin: -30px -30px 10px -30px; padding: 0 20px; }
#gk-breadcrumb { float: left; width: 90%; font-size: 12px; }
#gk-breadcrumb a { color: #555; }
#gk-breadcrumb a:hover { color: #3477bb; text-decoration:none; }
#gk-breadcrumb span { float: left; }
#gk-breadcrumb .separator { margin: 9px 10px; text-indent:-999em; width: 6px; height: 24px; background: transparent url('../images/style1/menu_dot.png') no-repeat 0 11px; display: block; }
#gk-breadcrumb .last { color: #3477bb; }
#gk-tools { float: right; width: auto; margin-top:14px; }
.tools_size_btn { background:url("../images/light/tools.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:1.0; }
.tools_size_btn:hover { opacity: 0.75; }
#gk-tool-reset { background-position: -16px 0!important; }
#gk-tool-decrease { background-position: -32px 0!important; }
/* popup */
#gk-popup-overlay,
#gk-popup-login,
#gk-popup-register { display: none; overflow: hidden; width: 480px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; }
#gk-popup-login,
#gk-popup-register { box-shadow:0 0 15px #999; -moz-box-shadow:0 0 15px #999; -webkit-box-shadow: 0 0 15px #999; }
#gk-popup-login { width: 280px; margin-left: -150px; }
.gk-popup-wrap { padding: 25px 0 25px 25px; margin: 4px; }
#gk-popup-overlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#fff; opacity:0.77; filter:alpha(opacity=77); margin-left:0; border: none; }
.gk-popup-wrap h3 { font-size: 32px; line-height:32px; margin:0 0 10px 0; color: #373636 }
.gk-popup-wrap ul li { }
p.fieldRequired { font-size: 10px; }
#register-form { overflow: hidden; }
#josForm { overflow: hidden; padding:0 0 5px 0; }
#gk-popup-login input[type="text"],
#gk-popup-login input[type="password"] { clear: both; display:block; width: 215px; }
#form-login .buttons { width: 100%; clear: both; overflow:hidden; }
#form-login ul { margin-top: 10px; }
#form-login li { line-height: 2.0; padding-left:15px; background: transparent url('../images/style1/menu_dot.png') no-repeat 5px center; }

.derecha {
    background-color: #000000;
    float: right;
    height: 36px;
}


/* W3.CSS 4.04 Apr 2017 */
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}



#ventana-flotante {
width: 900px;  /* Ancho de la ventana */
height: 410px;  /* Alto de la ventana */
background: #3477BB;  /* Color de fondo */
position: fixed;
top: 170px;
left: 30%;
margin-left: -180px;
border: 1px solid #3477bb;  /* Borde de la ventana */
box-shadow: 0 5px 25px rgba(0,0,0,.1);  /* Sombra */
z-index:999;
}
#ventana-flotante #contenedor {
padding: 25px 10px 10px 10px;
}
#ventana-flotante .cerrar {
float: right;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
color: #999;
background: white;
line-height: 17px;
text-decoration: none;
padding: 0px 14px;
font-family: Arial;
border-radius: 0 0 0 5px;
box-shadow: -1px 1px white;
font-size: 18px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}
#ventana-flotante .cerrar:hover {
background: #e21f1d;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
border-bottom: 1px solid red;
border-left: 1px solid red;
}
#ventana-flotante #contenedor .contenido {
padding: 15px;
box-shadow: inset 1px 1px white;
background: #ffffff;  /* Fondo del mensaje */
border: 1px solid #ffffff;  /* Borde del mensaje */
font-size: 20px;  /* Tamaño del texto del mensaje */
color: #555;  /* Color del texto del mensaje */
text-shadow: 1px 1px white;
margin: 0 auto;
border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}
.oculto {display:none}