body {margin:0px;padding:0px; padding-bottom:20px;font-family: 'Cairo', sans-serif;
      background-image:url("/img/bcg.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;}

a {text-decoration:none;}
a:hover {-webkit-transition: all 0.5s;transition: all 0.5s;}
.cleardiv {clear:both;}

#allbox {margin:0 auto;padding-top:30px;width:1390px;}

#topad {margin:0 auto;}
#logo {opacity:0.8;margin-left:320px;}
#logo a {text-decoration:none; color:#333; font-size:60px; line-height:80px; font-weight:900;  font-style: normal; background:url("/img/logo.png") center left no-repeat; padding-left:97px;}
#logo h2 {margin:0px 0px 0px 20px; padding:0px; font-size:14px; line-height:12px; display:inline-block; font-weight:400;}

.col1, .col2, .col3 {float:left;margin-right:20px;}

.col1 {background:#FFF;width:300px; margin-right:20px;}
.col2 {background:#FFF;min-height:600px; width:750px;position:relative;}
.col3 {background:#CCC;width:300px;height:600px;margin-right:0px;}

#topmenu {margin-left:320px;}
#topmenu a {display:inline-block; padding:10px 0px; width:150px; background:#1070AD; text-align: center; color:#FFF; text-decoration:none; border-bottom:1px solid #0F5581;}
#topmenu a:hover {background:#125E8F;}
#topmenu a:first-child {border-radius: 8px 0px 0px 0px;}
#topmenu a:last-child {border-radius: 0px 8px 0px 0px;}
#topmenu span {display:inline-block; font-size:15px; color:#FFF; margin:0px; margin-right:10px; padding:0px; opacity:0.3;}
#topmenu a:hover span {font-size:20px;}

.btndisabled {opacity:0.8; cursor: not-allowed; color:#3292cf !important;}
.btndisabled span {opacity:0.1;}

.col2bot {font-size:11px; padding:10px 20px 0px 20px; border-top:1px solid #ccc; opacity:0.6; bottom:10px;}
.col2bot h1 {font-size:14px;}

#content {margin-bottom: 50px;}
.horizad {width:750px; min-height:90px; background: #efefef;}

.tbox  {padding:0 20px; font-size:14px; line-height:16px; color: #1070ad;}

#emailarea {height:70px;}
.mailboxform{padding:20px}
.mailboxform input[type=text]{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none;height:30px;float:left;padding-left:10px;border:1px solid #ccc}
.mailboxform input[type=text]:focus{box-shadow:0 0 5px rgba(81,203,238,1);border:1px solid rgba(81,203,238,1)}
.styled-select{float:left;background:url(/img/arrow.png) no-repeat 96% 0;height:29px;overflow:hidden;margin-left:10px;width:170px}
.styled-select select{background:transparent;border:none;font-size:12px;height:29px;padding:5px;width:218px}
.styled-select.slate{background:url(/img/arrow2.jpg) no-repeat right center;height:34px;width:190px}
.styled-select.slate select{border:1px solid #ccc;font-size:12px;height:34px;width:218px}
.mailboxform button{float:left;margin-left:12px;background:#ddd;border:1px solid #ccc;height:34px}

.mailbox {font-size:14px;}
.mailbox table { padding:0px; border-spacing: 0px; border-collapse: separate; margin-bottom:20px; width:100%;}

.mailbox td { cursor: pointer; vertical-align: top;}
.mailbox tr {text-align:left;}
.emptymailbox {background: hsl(120,50%,50%); padding-left:20px;}
.mailboxbottominfo {background: hsl(120,50%,75%); padding-left:20px;}

.mailbox th {border-bottom:1px solid #ccc; background-color: hsl(120,50%,95%); text-align: left; font-size:14px;font-weight:700;}

.mailbox th:nth-child(1) {width:25%; padding-left:20px;}
.mailbox th:nth-child(2) {width:55%;}
.mailbox th:nth-child(3) {width:20%;}

.mailbox td:nth-child(1) {padding-left:20px;}


#blur {position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.45;}
#message {z-index:20; height:80%; top: 100px; left:0; right: 0; margin:0 auto; background: #FFF;}
#backsection {height:30px; line-height:30px; margin-top:10px; padding-left: 20px;}
#backsection a {color:#cf7f32;}
.goback {position:absolute; right:12px; cursor: pointer; width:30px; height:30px; line-height:30px;
        background-image:url(/img/close.png); background-repeat: no-repeat; background-size:90%; background-position:0px;
    }
.msgads {margin:10px 0px; background:#ccc; height:100px;}

.messagedetails1 {font-size:28px; padding-left:20px;}
.messagedetails2 {background:hsl(120,50%,95%);}
.messagedetails2 strong {padding-left:20px;}

#message table td, #message table th { background-color: hsl(120,50%,95%); text-align: left; padding-left:20px; font-size:14px;}

.attachements {font-size:11px;}
.attachements span {display:block;}
.attachements a {display:inline-block; color:#0F5581; background:url(/img/download.png) left center no-repeat; padding-left:20px; text-decoration: none; min-width:240px;}

#messageiframe, #messageBody {margin:0px; padding:20px; border:0px; box-sizing:border-box;}

#message {}

#message .messagedetails { background-color: hsl(120,50%,98%); font-size: 25px; width:100%}
#messageiframe { width:100%; height:500px;}

#leftadbox {width:300px; height:600px; background:#ccc; z-index: 1000;}
#page {padding:20px;}
#page h2 {font-size:30px; line-height: 30px; padding:0px; margin:0px;}
.psmall {font-size:12px; text-align: justify;}
.nojustif {text-align: left;}

#blog {}
.blogpost {margin-top:0px; border-bottom:1px solid #ccc; min-height:220px;}
.blogpost h1 {font-size:30px; line-height: 30px; margin:0px; padding:10px 0px;}
.blogpost h3 {font-size:20px; line-height: 30px; padding:0px; margin:0px; color:#cf7f32;}
.blogpost p {text-align: justify;margin-top: 5px;}
.blogpost a {color: #1070ad;}
.blogpost .imbp {width:100%;}
.blogpost .imbps {width:200px; height:150px; float:left; margin:15px 20px 0px 0px;}
.blogpost .imbps img {width:200px; height:150px;}
#blogkeywords {padding-left:20px; padding-bottom:20px;}

#entry-meta {margin: 20px 0px 40px 0px; padding-bottom: 20px; line-height: 1.6em; color: #888; border-bottom: 1px solid #ccc;}
#entry-meta img {float: left; margin-right: 20px; height: 80px; width: auto; border-radius: 5px;}
.tag {font-weight:bold;}

#relatedposts {clear: both; margin:10px 0 0 20px;line-height: 2em; list-style: none; padding: 0 0 20px 0px;}
#relatedposts a {color: #1070ad;}

#pagination {text-align: right; clear: both; display: block; line-height: 32px; border-right: 1px solid #ccc;}
#pagination a {color: #1070ad; display: inline-block; text-decoration: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0px 15px; line-height: 32px;}

#random_blogpost {padding:40px 0 50px 20px; display:block;}
#random_blogpost .blogpost {min-height:120px; height:140px;}
#random_blogpost .blogpost h3 {font-size:14px; line-height: 16px; padding:0px; margin:0px; color:#cf7f32;}
#random_blogpost .blogpost {box-sizing:border-box; float:left; width:49%; font-size:11px; padding-right:20px; margin-bottom:20px;}
#random_blogpost .imbps {width:120px; height:85px; float:left; margin:10px 10px 0px 0px;}
#random_blogpost .imbps img {width:120px; height:85px;}


#page .tg {width:100%; border:1px solid #ccc;}
#page .tg th, .tg td {padding-left:20px; text-align: left;}
#page .tg tr:nth-child(odd) {background-color: hsl(120,50%,95%);}

.infoyellow {border:1px solid #ffcf04; border-radius:5px; background:#fff1b4; padding:5px 20px; margin:20px 0px;}
.infored {border:1px solid #f09a80; border-radius:5px; background:#f8cab3; padding:5px 20px; margin:20px 0px;}
.psmall textarea {border:1px solid #CCC; border-radius:5px; background:#e6e6e6; padding:5px 20px; margin:20px 0px; width:100%; box-sizing:border-box; text-align:left;}

#msgnotfound {text-align: center; padding-top:50px; font-size:40px; color:#ccc;}


#page .contact {border-radius:5px;padding:20px;margin-bottom:50px;}
#page .contact input[type=text], #page .contact select, #page .contact textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:12px;resize:vertical;}
#page .contact input[type=submit]{background-color:#f7b06b;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;}
#page .contact input[type=submit]:hover{background-color:#cf7f32;}




#footer {text-align:center; margin-top:20px; display:block;}
#footer a {text-decoration: none; opacity:0.8; margin:0px 20px; color:#0F5581;}
#footer a:hover {color:#950ED1;}

@media screen and (max-width:1400px){
#allbox {margin:0 auto;padding-top:30px;width:1070px;}
.col1 {display:none;}
#logo {margin-left:0px;}
#topmenu {margin-left:0px;}
}    

@media screen and (max-width:800px){

#logo {text-align:center;margin-left:0px;}
#logo a {margin-left:0px; background-size: 22% 45%; font-size:40px; line-height:30px; padding-left: 50px;}
#logo h2 {margin: 0px; padding: 0px; font-size: 14px; line-height: 14px; margin-bottom:15px;}
#allbox {width:90%; padding-top:20px;}    

#topmenu {margin-left:0px;}
#topmenu a {display:inline-block; padding:10px 0px 0px 0px; width:20%; background:#1070AD; text-align: center; color:#FFF; text-decoration:none; border-bottom:1px solid #0F5581;}
#topmenu a:hover {background:#125E8F;}
#topmenu a:first-child {border-radius: 8px 0px 0px 0px;}
#topmenu a:last-child {border-radius: 0px 8px 0px 0px;}
#topmenu span {display:block; font-size:15px; color:#FFF; margin:0px; margin-right:10px; padding:0px; opacity:0.3;}
#topmenu a:hover span {font-size:15px;}


.col1 {display:none;}
.col3 {display:none;}    
.col2 {width:100%; min-height:850px;}    
.horizad {width:100%;height:300px;}

.mailboxform{padding-left:10px}
.mailboxform input[type=text] {width:80px;}
.styled-select{float:left;background:url(/img/arrow.png) no-repeat 96% 0;height:29px;overflow:hidden;margin-left:10px;width:120px}
.styled-select select{background:transparent;border:none;font-size:12px;height:29px;padding:5px;width:218px}
.styled-select.slate{background:url(/img/arrow2.jpg) no-repeat right center;height:34px;width:145px}
.styled-select.slate select{border:1px solid #ccc;font-size:12px;height:34px;width:218px}

.mailbox th:nth-child(1) {width:25%; padding-left:20px;}
.mailbox th:nth-child(2) {width:45%;}
.mailbox th:nth-child(3) {width:30%;}
.mailbox td:nth-child(1) {padding-left:20px;}

.blogpost h1 {font-size:20px; line-height: 30px;}
.blogpost h3 {font-size:20px; line-height: 24px; padding:0px; margin:0px; color:#cf7f32;}
.blogpost .imbps {width:100%;}
.blogpost .imbps img {width:100%;}

#random_blogpost .blogpost h3 {font-size:14px; line-height: 16px; padding:0px; margin:0px; color:#cf7f32;}
#random_blogpost .blogpost {box-sizing:border-box; float:none; width:100%; font-size:11px; padding-right:20px;}
#random_blogpost .imbps {width:120px; height:85px; float:left; margin:18px 10px 0px 0px;}
#random_blogpost .imbps img {width:120px; height:85px;}

#footer {}
#footer a {margin:0px 5px;}
}