body, html {width:100%; height: 100%; margin: 0 !important; padding: 0 !important; font-family: "Open Sans", sans-serif !important;  font-weight: 300;  text-align: left; background: #fff !important;}

.white-background { background: white !important;}
.orange-background { background: orange !important; color: white;}

/*First line*/
.blue-background {background: #25579e !important; color:rgba(255, 255, 255, .7);}
.blue-background .text {font-weight: 100; padding: 13px; font-size: 14px; letter-spacing: 0.5px; }
.blue-background a {color: rgba(255, 255, 255, .7);}
.blue-background a:hover {color: yellow; text-decoration: none;}

/*Second line*/
.secondline { background: #0072d3; font-weight: 300;  padding: 30px  !important;}
.secondline .logo img { height: 60px !important; margin: 20px !important; padding: 0px !important;}

/*Menu*/
.menuline { background: #0072d3; padding: 10px 0px !important; text-align: center; border-top: 1px solid yellow;}
.menuline a { color:#fff; letter-spacing: 1.1px; }

/*Slider*/
.slider { background: url("../images/slider.jpg"); background-size: cover; min-height: 400px; padding: 20px; color: white; }
.slider img { width: 100% !important;}

/*Motto*/
.motto { color: #fff !important; margin: 0px !important; padding-top: 200px !important; font-family: "Open Sans", sans-serif !important;}
.motto h1 {color: white !important;  font-weight: 800 !important; margin: 0px; padding: 0px; text-shadow: #000 0px 0px 5px;}
.motto h5 {color: yellow; font-weight:800 !important; margin: 0px; padding: 0px; text-shadow: #000 0px 0px 5px; text-transform: uppercase; letter-spacing: 1.1px;}

/*Content*/
.boxes {margin-top:50px; position: relative; top: 0; transition: top ease 0.5s;}

.box-hover { margin-bottom: 50px; position: relative; top: 0; transition: top ease 2s !important;}
.box-hover:hover {margin-top:-10px; position: relative; top: 0; transition: top ease 2s !important; box-shadow: #000 0px 0px 50px;}

.boxes .box1 { background-image: url("../images/bts-wallpaper.jpg"), linear-gradient(rgba(213,31,119,1),rgba(213,31,119,1)); background-blend-mode: overlay;                  background-size: cover; background-position: center; padding: 20px 10px 150px 10px; color:white; font-weight: 800 !important;}

.boxes .box2 { background-image: url("../images/bts-wallpaper.jpg"), linear-gradient(rgba(165,11,222,1),rgba(165,11,222,1)); background-blend-mode: overlay;                  background-size: cover; background-position: center;  padding: 20px 10px 150px 10px; color:white;}

.boxes .box3 { background-image: url("../images/bts-wallpaper.jpg"), linear-gradient(rgba(75,184,27,1),rgba(75,184,27,1)); background-blend-mode: overlay;                    background-size: cover; background-position: center;  padding: 20px 10px 150px 10px; color:white;}

.boxes .box4 { background-image: url("../images/bts-wallpaper.jpg"), linear-gradient(rgba(27,94,184,1),rgba(27,94,184,1)); background-blend-mode: overlay;                    background-size: cover; background-position: center;  padding: 20px 10px 150px 10px; color:white;}

.boxes a {color: white;}


/*Breadcrumbs*/
.breadcrumbs { padding: 10px 10px !important;  background: none; font-weight: 800; margin-top: 20px !important; margin-bottom: 20px;}
.breadcrumbs span { font-weight: 300;}


.blur {
       -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.blur:hover {
       -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.drop-shaddow { box-shadow: #ccc 0px 10px 10px;}

h1 { font-weight: 800 !important; font-family: "Open Sans", sans-serif !important; color: #3065b5 !important; padding: 10px 20px 20px 20px  !important;}









.audiente td {text-align: center !important; padding: 10px 0px; font-weight: bold; color: #069;}
.audiente th {text-align: center !important; padding: 20px 0px; background: #fafafa;}



.pdf {margin: 0px !important; padding: 0px !important;}
.pdf li {list-style: none; font-weight: 600; border-bottom: 1px solid #eee; padding: 7px 0px; margin: 0px;}
.pdf li i {margin-right: 10px;}







.linkstyle1 { font-family: "Open Sans", sans-serif !important; font-weight: 600;  font-style: normal; }








/*General settings*/
.align-left { text-align: left !important;}
.align-right { text-align: right !important;}
.align-justify { text-align: justify !important;}


.float-left {float: left;}
.float-right {float: right;}


.list li { border-bottom: 1px dotted #ccc; padding:10px 0px; margin: 0px !important; list-style: none; font-weight: 400;}
.list li i { background: red; color: white; padding: 6px; border-radius:10px 0px 10px 0px;}
.list li date {color: red;  font-weight: 300; font-family: "Open Sans", sans-serif !important; font-size:12px;}

/**/
.list-style-2 {}
.list-style-2 li { border-bottom: 1px dotted #ccc; padding:10px 0px; margin: 0px !important; list-style: none; font-weight: 300 !important;}
.list-style-2 li date {color: red;  font-weight: 300; font-family: "Open Sans", sans-serif !important; font-size:12px;}

/*Paginations*/
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #4CAF50;
  color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


/*Category*/



.category-box {  padding: 15px; background-image: background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); border-radius: 10px; border-left: 5px solid #ccc; border-right: 5px solid #ccc; margin-bottom: 20px;}
.category-box .boxtitle a { color: red !important;}
.category-box .attach-list { margin-bottom: 15px !important;}
.category-box .attach-list li { margin-left: 20px;}
.category-box hr {margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #ccc;}

.related-link li { font-size: 0.8em; list-style-position: inside; padding: 0px !important; margin-left: 0px !important;}

.tools-box { padding: 20px; background: #4ea325 !important; color: white; border-bottom: 5px solid #fff;}
.tools-box a {color: #eee; margin: 10px; font-size: 1.3em;}
.tools-box a:hover {color: #fff; margin: 10px;}
.contact-box {background: url("../images/medical-background.jpg") no-repeat !important; background-size: cover; padding: 20px;}


/*Article*/
.article { padding: 20px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); border-radius: 10px; }

.thumb {width: 120px !important;}


/*footer*/

footer {color:white; padding: 40px; margin-top:30px;}
footer h4 {color:yellow; font-weight: 800;}
footer h5 { font-weight: 800;}
footer li { list-style: none; list-style-type: none;}
footer a { color: white;}
footer a:hover { color: yellow;}