@charset "UTF-8";
/* CSS Document */

body {
	background: #e6e6e6; /* For browsers that do not support gradients */
	/* For Safari 5.1 to 6.0 */
	background: -webkit-linear-gradient(left, #e6e6e6, #fdfdfd, #e4e4e4);
	/* For Opera 11.1 to 12.0 */
	background: -o-linear-gradient(left, #e6e6e6, #fdfdfd, #e4e4e4);
	/* For Fx 3.6 to 15 */
	background: -moz-linear-gradient(left, #e6e6e6, #fdfdfd, #e4e4e4);
	/* Standard syntax */
	background: linear-gradient(to right, #e6e6e6, #fdfdfd, #e4e4e4);
	
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
a { text-decoration:none;}
a:hover { text-decoration:underline; color:#ffffff;}
h2 { color:#cc0033; font-size:20px; font-weight:300;}


.first { padding-left:40px; width:145px; float:left;}
.second { width:350px;}
.divider { width:2px; height:445px; float:left; margin-top:-70px; margin-left:50px; margin-right:50px; background-image:url("images/divider.png");}

#content { width:851px; height:344px; margin:80px auto 80px auto; background-color:#ffffff; padding:85px 0px 0px 70px; 
-moz-box-shadow: 3px 3px 5px 3px #ccc;
-webkit-box-shadow: 3px 3px 5px 3px #ccc;
box-shadow: 3px 3px 5px 3px #ccc;
}

#left { width: 500px; float:left; }
#right { 
    width:185px; 
    float:left; 
    margin-top:-20px;
    padding: 20px 10px;
    max-width: 500px;
}
#header { width:500px; height:40px; line-height:42px; color:#ffffff; font-weight:100; background-image:url("images/bg_header.jpg"); }
#info table { line-height:30px; }
.pdf { width:189px; height:56px; display:block; background-image:url("images/pdf_bg.png");}
.pdf_title { padding-top:25px; display:block; margin-left:60px; color:#ffffff;}
.pdf_title.small {
	padding-top: 19px;
    margin-left: 51px;
    font-size: 11px;
}
.item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    border-radius: 7px;
    cursor: pointer;
    background: #f3f6fa;
    border: 1.5px solid #e0e0e0;
    box-shadow: 0 1px 4px 0 rgba(36,152,227,0.07);
}
.item a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
    width: 100%;
    padding: 10px 12px;
    border-radius: 7px;
}
.item-title {
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
}
.item a:hover .item-title {
    color: #cc0033;
    text-decoration: underline;
}
.pdf-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: block;
}
.item a:hover .pdf-icon {
    transform: scale(1.08) rotate(-6deg);
}
.doc-separator {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin: 14px 0 14px 0;
    border: none;
}
@media (max-width: 600px) {
    .item, .item a {
        gap: 6px;
    }
    .pdf-icon {
        width: 24px;
        height: 24px;
    }
    .item-title {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }
}