body{
   font-family:Arial, Malgun Gothic; 
   font-size:9pt;
}

.container{
   display: flex;
   flex-direction: row-reverse;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-start;
   gap:10px;
   width: 780px;
}

.container .main-video-container{
   border-radius: 5px;
   box-shadow: 0 5px 15px rgba(0,0,0,.1);
   background-color: #fff;
   padding:4px;
   width: 530px;
}

.container .main-video-container .main-video{
   margin-bottom: 7px;
   border-radius: 5px;
   width: 100%;
}

.container .main-video-container .main-vid-title{
   font-size: 12pt;
   color:#444;
}

.container .main-video-container .main-vid-description {
	text-align: justify;
}

.container .video-list-container{
   height: 409px;
   width: 210px;
   overflow-y: scroll;
   border-radius: 5px;
   box-shadow: 0 5px 15px rgba(0,0,0,.1);
   background-color: #fff;
   padding:4px;
}

.container .video-list-container::-webkit-scrollbar{
   width: 10px;
}

.container .video-list-container::-webkit-scrollbar-track{
   background-color: #fff;
   border-radius: 5px;
}

.container .video-list-container::-webkit-scrollbar-thumb{
   background-color: #999;
   border-radius: 5px;
}

.container .video-list-container .list{
   display: flex;
   align-items: center;
   padding:5px;
   background-color: #eee;
   cursor: pointer;
   border-radius: 5px;
   margin-bottom: 5px;
}

.container .video-list-container .list:last-child{
   margin-bottom: 0;
}

.container .video-list-container .list.active{
   background-color: #999;
}

.container .video-list-container .list.active .list-title{
   color:#fff;
}

.container .video-list-container .list .list-video{
   width: 100px;
   border-radius: 5px;
}

.container .video-list-container .list .list-title{
   font-size: 10pt;
   font-weight: bold;
   color:#444;
}

.sl_content { padding-bottom:10px;  margin-top:0; }

.sl_content .cont_top {font-weight:bold; text-align:left; font-size:12pt; width:780px; }
.sl_content .cont_top h2 {font-weight:bold; text-align:left; font-size:12pt; width:780px; border-bottom:1px solid #ccc; padding-bottom:5px }
.sl_content .cont_top h2 img{ margin-bottom:-1px;}
h3, h4, p {margin:0; padding:0;font-family:Arial, Malgun Gothic;}



.bottom_sub {clear:both; margin:20px 0 0 3px; width:780px; padding-top:50px; height:92px; background:url('https://www.sicop.go.cr/portal/images/bottom_bg.gif') 0 50px repeat-x;}
.bottom_sub .menu_sub {padding:5px; text-align:center;}


.bottom_sub .menu_sub a:link{ font-size:9pt}
.bottom_sub .menu_sub a:hover{ font-size:9pt; color:#000;}
.bottom_sub .menu_sub a:visited{ font-size:9pt}

.bottom_sub .view {margin-top:10px;}
.bottom_sub .b_logo {float:left; width:160px; text-align:right;}
.bottom_sub .copy {float:left;}


p {
    word-break: break-word;
}