@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
body{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#464646; background:#f2f2f2;}
#warp{ width: 1040px; overflow:hidden; margin:auto; background: #FFFFFF;}
#top{ width:1040px; height:127px; background:url(../images/bg-top.png) no-repeat;}
#logo{width:257px; height:108px; padding:10px 0px 0px 30px; float:left;}
.ir-arriba {display:none; padding:15px 20px 15px 10px; background:#333333; width:14px; height:14px; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px;}
.ir-arriba:hover { display:none; background:#1664a6; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px;}
#mundovirtual{ width:1040px; height:38px; background:#333333; padding:0px 0px 0px 0px;}
#titulo_mundo{ width:250px; height:30px; float:left; padding-top:15px;}
#ticket{ width:475px; height:50px; float:left; margin-left:180px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#ticket1{ width:475px; height:25px; float:left; padding-top:11px;}
#ticket2{ width:455px; height:25px; float:left; padding-top:8px; padding-left:20px;}
#flash_top{ width:975px; height:220px; background: #333333;}
#slider_top{ width:1040px; height:260px; background: #333333;}
/* el menú en si mismo */
#mprincipal { height:50px; width:100%; font-family:Arial, Helvetica, sans-serif; z-index:1;	padding:5px; background-color:#333333; }
.nav > li {	float:left;	padding:5px 20px 0px 15px; list-style:none; }
.nav li a { background-color:#333333; color:#e3de67; font-size:13px; font-weight:bold; text-decoration:none; display:block; z-index:10; font-family:Tahoma; }
.nav li a:hover { color:#FFFFFF; }
.nav li ul { display:none; position:absolute; min-width:140px; z-index:10; background-color:#333333; padding:20px 20px 0px 15px; list-style:none; }
.nav li:hover > ul { display:block; }
.nav li ul li { position:relative; padding:10px 20px 15px 15px; border-bottom:1px solid #999; } 
.nav li ul li ul { right:-140px; top:0px; }
#separadornav{ background-color:#eee595; width:1px; height:30px; float:left; }
#cuerpo{width:1000px; overflow:hidden; background:#FFFFFF; padding:0px 20px 0px 20px;}
#cuerpo_top{ width:100%; height:240px; padding:20px 20px 0px 20px;}
#grafico1{width:680px; float:left; height:213px; background:#FFFFFF; padding:10px 0px 10px 10px;}
#grafico2{width:660px; height:210px; border:1px solid #e7e7e7;}
#izquierda{width:690px; float:left; height: auto; padding-left:10px;}
#transaccion{width:660px; float:left; height: auto; padding-bottom:10px; padding-right:10px;}
#cuerpo_interior{width:745px; float:left; height: auto; padding: 25px 0px 10px 20px; text-align:justify; font-size:13px;}
#cuerpo_interior4{width:710px; float:left; height: auto; padding: 25px 20px 10px 20px; text-align:justify; font-size:13px; line-height:20px;}
#cuerpo_interior2{width:480px; float:left; height: auto; padding: 25px 20px 10px 20px; text-align:justify; font-size:13px;}
#cuerpo_interior3{width:710px; float:left; height:800px; padding: 25px 20px 10px 20px; text-align:justify; font-size:13px; line-height:20px;}
#cuerpo_interior5{width:710px; float:left; height:1000px; padding: 25px 20px 10px 20px; text-align:justify; font-size:13px; line-height:20px;}
#contactanos{width:295px; float:left; height:210px; background:#f8f8f8; border:1px solid #e7e7e7; margin-top:10px;}
#aplicaciones{ width:290px; height:28px; background: url(../images/apli.jpg) no-repeat; padding-top:5px; font-size:20px; color:#FFFFFF; font-weight:bold; padding-left:5px; margin-top:0px;}
#aplica{ width:90px; height:70px; background:#FFFFFF; margin-top:10px; margin-bottom:5px; margin-left:3px; float:left; margin-right:5px; text-align:center;}
#cuerpo_izquierda{ width:320px; height:auto; float:left;}
#cuerpo_centro{ width:340px; height:300px; float:left; padding:0px 5px 0px 5px;}
#cuerpo_derecha{width:294px; height:auto; float:left; background-color:#fff; padding:0px 3px 0px 3px;}
#noticias{width:955px; height:auto; background:#FFFFFF; float:left; padding-top:10px; margin:0px 10px 0px 10px;} 
#separador_texto{ width:100%; height:3px; background:#0099FF;}
#separador_texto2{ width:100%; height:3px; border-bottom:2px dashed #E1E1E1; margin-bottom:10px; margin-top:15px;}
#izkierda_intro{ width:220px; height:auto; float:left; margin-right:10px; margin-top:15px; margin-left:5px;}
#derecha_intro{ width:240px; height:300px; float:left; border:1px solid #CCCCCC;}
#bg_titulos{ height:35px; width:100%; background: #1664a6; margin-bottom:10px; }
#bg_titulos2{ height:25px; width:200px; background:url(../images/bg_title2.jpg) repeat-x; padding-left:15px; padding-top:5px;}
#linea{ width:100%; height:3px; background:#09F; margin:5px 0px 15px 0px;}
/*TEXTOS*/
.titulos{color:#FFFFFF; font-size:28px; font-weight:bold;}
.titulo_ticket{ color:#003399;}
.titulos_tabla{ font-size:16px; font-weight:bold; color:#09F;}
.titulos_tabla3{ font-size:13px; font-weight:bold; color:#09F;}
.titulos_tabla2{ font-size:16px; font-weight:bold; color:#FFFFFF;}
/*MENU*/
#social{ width:355px; color: #FFF; height:28px; float: right; padding:30px 0px 0px 0px;}
#social a {text-decoration: none; color: #00B7FF; display: block; padding: 5px 3px 5px 3x; text-align: center; float: left; font-weight: 700;}
#social a:hover { color: #116eb0; font-weight:700;}
#menu {font: 12px Arial, Helvetica, sans-serif bold; height:28px; width:475px; float: right; padding:40px 0px 0px 50px;}
#menu a {text-decoration: none; color: #00B7FF; display: block; padding: 0px 10px 0px 10px; text-align: center; float: left; font-weight: 700;}
#menu a:hover { color:#116eb0; font-weight:700;}
#separador{ background-color:#a08741; width:1px; height:15px; float:left; }
#menu_mercados { width:280px; padding-top:10px; background:#f8f8f8; border:1px solid #e7e7e7; padding:10px 5px 5px 5px;}
#titulo_mercados{width:98%; background:url(../images/bg_title.jpg) left top no-repeat; height:28px; padding:5px 0px 0px 5px; border-bottom:1px solid #CCCCCC; font-size:20px; font-weight:bold; color:#FFFFFF;}
#menum {font: 12px Arial, Helvetica, sans-serif bold; height:28px; width:100%; float:left; }
#menum a { width:100%; text-decoration: none; color: #666666; display: block; padding: 10px 0px 8px 0px; float: left; font-weight: 700; border-bottom:1px solid #e7e7e7;}
#menum a:hover { font-weight:700; text-decoration:underline; background: #F4F4F4;}
#index_tab{ background:#f8f8f8; border:1px solid #e7e7e7; margin-top:10px; margin-bottom:10px; padding:5px;} 
#menu_i { width:100%; height:auto; background:#f8f8f8; border:1px solid #e7e7e7; padding:10px 5px 5px 5px; float:left; margin-bottom:10px;}
#titulo_i{width:98%; background: #1664a6; height:28px; float:left; padding-top:5px; padding-left:5px; border-bottom:1px solid #CCCCCC; font-size:16px; font-weight:bold; color:#FFFFFF;}
#menui {font: 12px Arial, Helvetica, sans-serif bold; height:auto; width:100%; float:left; }
#menui a { width:100%; text-decoration: none; color: #666666; display: block; font-weight: 700; border-bottom:1px solid #e7e7e7; padding:8px 0px 8px 0px;}
#menui a:hover { font-weight:700; text-decoration:underline; background: #F4F4F4;}
#video {width:280px; float:left; margin-top:10px;background:#f8f8f8; border:1px solid #e7e7e7; margin-top:10px; margin-bottom:10px; padding:5px;}
/*CATEGORIAS*/
/*ACCORDION*/
.accordian { width: 730px; margin: 0px 0px 0px 0px; }
.accordian ul{ padding:0px; margin: 0px 0px 0px 0px; }
.accordian li { list-style-type: none; padding: 5px 0px 0px 5px; }
.dimension { height: 500px; width:100%; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
.even, .odd { font-weight: bold; height: 20px; padding-top: 5px; padding-left: 10px; }
.even { border: 1px solid  #CCCCCC; background:url(../images/bg_titulo.jpg) repeat-x; color:#FFF; }	
.odd { border: 1px solid black; background:url(../images/bg_titulo.jpg) repeat-x; color: white; }
/*MAPA DEL SITIO*/
#categorias{ width:735px; height:236px; background:url(../images/bg_footer.png) no-repeat #FFF; float:left; margin-top:0px; padding:20px 115px 0px 125px; color: #FFFFFF;}
#categorias a{color: #FFF; text-decoration:none;}
#categorias a:hover{color: #FFF; text-decoration:underline;}
#bloque{width:183px; height:170px; float:left; font-size:11px;}
#catego{width:735px; height:185px;}
#footer{ width:100%; height:50px; font-size:9px;}
/*BACKOFFICE*/
#login{background:#f8f8f8; border:1px solid #e7e7e7; width:100%; padding:10px 0px 0px 10px; height:100px;}
#ventana{background:#f8f8f8; border:1px solid #e7e7e7; width:97%; padding:10px; height:auto; margin-top:0px; margin-bottom:15px;}
.btn{ color:#FFFFFF; padding:5px; text-decoration:none; background-color:#0099FF; font-weight:bold; border:0px;}
.btnmorado{ color:#FFFFFF; padding:5px; text-decoration:none; background-color:#431053; font-weight:bold; border:0px;}
#lineamorado{ width:100%; height:3px; background:#431053; margin:5px 0px 15px 0px;}
.morado{color:#431053; font-size:16px;  font-weight:bold;}
.btnrojo{ background:#E40508; color:#FFFFFF; padding:5px; text-decoration:none; font-weight:bold; border:0px;}
#linearojo{ width:100%; height:3px; background:#E40508; margin:5px 0px 15px 0px;}
.colorojo{ color:#E40508; font-size:16px; font-weight:bold;}
.rojo{color:#FF0000; font-size:18px;}
.btnamarillo{ color:#FFFFFF; padding:5px; text-decoration:none; background-color:#FFCC00; font-weight:bold; border:0px;}
#lineaamarillo{ width:100%; height:3px; background:#FFCC00; margin:5px 0px 15px 0px;}
.amarillo{color: #FFCC00; font-size:16px;  font-weight:bold;}
.btnnaranja{ color:#FFFFFF; padding:5px; text-decoration:none; background-color:#EA5A14; font-weight:bold; border:0px;}
#lineanaranja{ width:100%; height:3px; background:#EA5A14; margin:5px 0px 15px 0px;}
.naranja{color:#EA5A14; font-size:16px;  font-weight:bold;}
a{ color:#3366FF; text-decoration:none;}
a:hover{ color:#003366; text-decoration:none;}
.aa{ text-decoration:none; color:#557482; cursor:text;}
div.nicetitle { background-color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform: inherit; color: #89A54E; padding: 4px; position: absolute !important; border:1px solid #CCC; z-index: 20; -moz-opacity: .87; }
div.nicetitle p { margin: 0; padding: 0 3px; -moz-opacity: 1; }
div.nicetitle p.destination { font-size: 9px; padding-top: 3px; text-align: left; -moz-opacity: 1; color:#900; }
div.nicetitle p span.accesskey { color: #d17e62; }
#menu_apli { width:100%; height:auto; background:#f8f8f8; border:1px solid #e7e7e7; padding:10px 5px 5px 5px; float:left; margin-bottom:10px;}
#menuapli {font: 12px Arial, Helvetica, sans-serif bold; height:auto; width:100%; float:left; }
#menuapli a { width:100%; text-decoration: none; color: #666666; display: block; font-weight: 700; border-bottom:1px solid #e7e7e7; padding:8px 0px 8px 0px;}
#menuapli a:hover { font-weight:700; background:#FFFFFF;}
/*CERTIFICADOS*/
#ventanafiltro{background:#f8f8f8; border:1px solid #e7e7e7; width:690px; padding:10px;  margin-top:25px; margin-bottom:15px; text-align:justify;}
/*EMISORES VIGENTES*/
#cuerpo_emisor{width:935px; padding: 0px 20px 0px 20px; height:auto; background:#FFFFFF; float:left;}
#ventanaemi{background:#f8f8f8; border:1px solid #e7e7e7; width:670px; margin:auto; padding:10px 20px 5px 20px; text-align:justify; font-size:11px;}
.text_emi{font-size:11px; font-family: Verdana, Geneva, sans-serif; font-weight:bold;}
#td{padding:5px 0px 10px 0px;} .gris { color: red; }
table{border-collapse:collapse !important;}
td{border-collapse:collapse !important; font-size:11px;}
.selec::-ms-expand { display: none;}
.selec{ background: #F3F3F3 url(../capital2/images/arrow.png) !important; width:90%; border:1px solid #CCC;	background-position: left center !important;	background-repeat: no-repeat !important; padding: 12px 5px 12px 25px !important;	font-size: 1em !important; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.selec2::-ms-expand { display: none;}
.selec2{ background: #F3F3F3 url(../capital2/images/arrow.png) !important; width:45%; border:1px solid #CCC;	background-position: left center !important;	background-repeat: no-repeat !important; padding: 10px 5px 10px 25px !important;	font-size: 1em !important; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:10px;}
.btne{ color:#FFFFFF; padding:5px 40px 5px 5px;  text-decoration:none !important; font-weight:bold; border:0px; cursor:pointer; margin-top:5px; margin-bottom:5px; background:#0099FF url(../images/buscar.png) right center no-repeat;}
.prosp{ color:#FFFFFF; padding:5px 40px 5px 5px;  text-decoration:none !important; font-weight:bold; border:0px; cursor:pointer; margin-top:5px; margin-bottom:5px; background:#0099FF url(../images/pdf.png) right center no-repeat;} .titemi{color:#1B597C; font-size:16px;}
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:4px 10px;
    margin-top:-8px; margin-left:5px;
    width:auto; line-height:16px; height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color: #06F;
	border:1px solid #06F; 
	background:#ffffff;
	font-size:10px;
	
	}
	
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:7px;
}
#punto{ width:100%; height:4px; border-bottom:#999 dashed 1px; margin-bottom:20px; margin-top:20px;}
.table{ margin:auto; border-collapse:collapse; }
.table tr:hover {background-color: #5F8AA3; color:#FFF;}
.table td{ padding:3px 3px 3px 3px; border:1px solid #E4E4E4; font-size:11px; }
#titulo_2{width:99%; background: #1664a6; height:25px; padding-top:8px; padding-left:5px; border-bottom:1px solid #CCCCCC; font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
#objeto{overflow:hidden; border:8px #EBEBEB solid; margin-bottom:20px; width:98%;}
#actividad{width:100%; overflow:hidden; background-color:#EBEBEB;}
#emitext{width:95%; overflow:hidden; font-size:12px; padding:15px;}
.emis{ padding:3px 0px 3px 0px; overflow:hidden; width:400px; color:#557482;}
.emis:hover{ color:#fff;}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position: absolute;margin:0px;padding: 0px;top:0;left:0;z-index:999;text-align:left;visibility: visible; height:2000px;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:5px solid #ffffff;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%; }
#sb-body-inner{position:absolute;height:560px; width:100%;}
#sb-player.html{height:100%;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#FFF;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px; margin-top:-50px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:30px;padding:0px 0;width:100%;}
#sb-nav a{display:block;float:right;height:20px;width:100px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://www.bolsadevaloresguayaquil.com/images/cerrar.png);}
/*#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}*/
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* CAPITAL */
.input{ width:80%;	border:1px solid #CCC; padding: 10px 0px 10px 5px; margin-bottom:5px; font-size: 0.9em; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;}
#titu_busqueda{ font-weight:bold; padding-top: 5px; padding-bottom:0px; margin-bottom:5px; width:100%; color:#114763;}
.a{ color:#557482; text-decoration:none; font-size:11px; padding: 3px; text-transform:uppercase;}
.a:hover{ color: #ffffff; text-decoration: underline; padding: 3px;}
.tablecap{ margin:auto; border-collapse:collapse; }
.tablecap tr:hover {background-color: #5F8AA3; color:#FFFFF;}
.tablecap td{ padding:4px 3px 4px 3px; border:0px solid #E4E4E4; font-size:11px; }
.tablecap td:hover {background-color: #5F8AA3; color:#FFFFF;}
.table2{ margin:auto; border-collapse:collapse; }
.table2 tr:hover {background-color: #none;}
.table2 td{ padding:4px 3px 4px 3px; border:1px solid #E4E4E4; font-size:11px; }
.table3{ margin:auto; border-collapse:collapse; }
.table3 tr:hover {background-color: #ffffff;}
.table3 td{ padding:4px 3px 4px 3px; border:1px solid #E4E4E4; font-size:11px; }
.titulo{font-size:16px; color: #116EB0; font-weight:bold;}
/* PÁGINAS COMPLETAS */
#pagina{ width:95%; overflow:hidden; background:#FFF; margin:auto; padding:30px 20px 30px 20px;}
#lineaemi{ width:100%; height:10px; background:#09F; margin:5px 0px 15px 0px;}

hr{ display: block; clear: both; margin: 0; height: 1px; background: none; border: none; border-top: 1px solid #EDEDED;}

.recuadro{ overflow: hidden;
width: 670px;
padding: 10px 30px 10px 10px;
margin: 20px 0px 15px;
background: #F0F0F0;}
.recuadro.griss{ border-top:5px solid #09F; background-color:#EAEDEF; color:#333; font-size:13px;}

.negrita_azul{color:#557482; font-style:italic; font-weight:bold;}

.ul li{margin-top:10px;}