/*Import Global Compulsory CSS Files*/

@import url(app.css);

@import url(header.css);

@import url(subheader.css);

@import url(slider.css?v=260723);

@import url(page.css);

@import url(footer-v2.css);

/*Import plugins CSS Files*/

@import url(plugins/animate.css);

@import url(plugins/box-shadows.css);

@import url(/system/plugins/flag-icon-css-master/flag-icon.css);

/*Import Google Font

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

body { 

 font-family: etelka, 'Open Sans', sans-serif;

 color: #333; 

 font-size: 13px;

 line-height: 1.6;

}*/

@import url('https://fonts.googleapis.com/css?family=Titillium Web:300,400,500,700,900');

body { 

 font-family: 'Titillium Web', etelka, 'Open Sans', sans-serif;

 background-position: bottom left;

 background-repeat: repeat-x;

 background-color: #fff;

 color: #333; 

 font-size: 16px;

 line-height: 1.6;

 background-image: none !important;

}

p, 

li,

{ 

   color: #555;

}

a,

li .a {

   color: #004976

}

a:focus, 

a:hover, 

a:active {

	color: #AE103B;

} 

a:focus, 

a:hover, 

a:active {

	color: #006CAE;

} 

.color-green {

	color: ##004976;

}

.bg-darkred {

  background-color: #a10f2b !important;

  border-color: #a10f2b;

}

a.read-more:hover { 

	color:#006CAE; 

}

.linked:hover {

	color:#006CAE;

}

.link-list a {

	color: #eee;

	font-size: 12px;

	padding: 6px 0px;

	display: inline-block;

}

.link-list li i {

	color: #bbb;

	float: right;

	margin-top: 10px;

}

.img-float-left{

float:left;

margin-right:10px;

margin-bottom:5px;

width:150px;

}

.clear{

clear:both;

}

ol.brackets {

 counter-reset: list;

 margin-left: 20px;

}

ol.brackets > li {

 list-style: none;

}

ol.brackets > li:before {

 content: counter(list, lower-alpha) ") ";

 counter-increment: list;

 display: inline-block;

 position: relative;

 width: 15px;

 margin-right: 15px;

 margin-left: -30px;

 border-radius: 100%;

}

.wrapper {

  background: #fff;

  background: url('../images/bg-top_584fce6cce.jpg') left top no-repeat;

  background-size:100% auto;

}

/*Equal Height Lists*/

@media (min-width: 992px) {

	.equal-height {

	    display: -webkit-flex;

	    display: -ms-flexbox;

	    display: flex;

	}

	.equal-height-in {

	    display: -webkit-flex;

	    display: -ms-flexbox;

	    display: flex;

	}

}

/*Posts

------------------------------------*/ 

.post{

	margin-bottom:10px;

	padding-bottom:5px;

	border-bottom:solid 3px #e4e9f0;

}

.post p:first-child{

	margin-bottom:0px;

}

.post p:last-child{

	margin-top:0px;

}

.post .date-place{

background-color:#E2ECFF;

padding:4px;

margin-bottom:7px;

}

.post .date-place>span{

display:block;

color: ##f5f5f5;

}

.post .date-place span.date{

font-weight:bold;

}

.post .date-place span.place{

font-size:12px;

}

.post .dl-horizontal a {

	color: #555;

}

.post .dl-horizontal { 

	margin-bottom: 5px;

	margin-top: 0px;

	overflow: hidden;

}

.post .dl-horizontal dt { 

	width: 70px; 

	float: left;

}

.post .dl-horizontal dt img { 

	width: 70px; 

	height: 70px;

	padding: 2px;

	margin-top: 2px; 

	border: solid 3px #eee;

}

.post .dl-horizontal dd { 

	margin-left: 80px;

}

.post .dl-horizontal dd p { 

	margin: 0;

}

.post .dl-horizontal dd a {

        display:block;

	font-size: 14px;

	line-height: 18px !important; 

}

.post .dl-horizontal dd a:hover { 

	color: #a10f2b; 

	text-decoration: none;

}

.post .dl-horizontal:hover dt img,

.post .dl-horizontal:hover dd a { 

	color: #004976;

	border-color: #A5D6F2 !important;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

/*Posts - departments, trasfusion, ambulances

----------------------------------------------*/ 

.left-side-block.department-posts .post{

	margin-bottom:10px;

	padding-bottom:5px;

	border-bottom:solid 1px #A5D6F2;

}

.left-side-block.department-posts .post p:first-child{

	margin-bottom:0px;

}

.post p:last-child{

	margin-top:0px;

}

.left-side-block.department-posts .post .dl-horizontal a {

 color: #555;

}

.left-side-block.department-posts .post .dl-horizontal { 

	margin-bottom: 5px;

	margin-top: 0px;

	overflow: hidden;

}

.left-side-block.department-posts .post .dl-horizontal dt { 

	width: 70px; 

	float: left;

}

.left-side-block.department-posts .post .dl-horizontal dt img { 

	width: 70px; 

	height: 70px;

	padding: 2px;

	margin-top: 2px; 

	border: solid 1px #A5D6F2;

}

.left-side-block.department-posts .post .dl-horizontal dd { 

	margin-left: 80px;

}

.left-side-block.department-posts .post .dl-horizontal dd p { 

	margin: 0;

}

.left-side-block.department-posts .post .dl-horizontal dd a {

        display:block;

	font-size: 14px;

	line-height: 18px !important; 

 color:#004976 ;

}

.left-side-block.department-posts .post .dl-horizontal dd a:hover { 

	color: #428bca !important; 

	text-decoration: none;

}

.left-side-block.department-posts .post .dl-horizontal:hover dt img,

.left-side-block.department-posts .post .dl-horizontal:hover dd a { 

	color: #004976;

	border-color: #428bca !important;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

/*Events

------------------------------------*/ 

.events .event {

    background: #fff;

    padding: 0px 0px 7px 0px;

    margin-bottom: 2px;

    border-bottom: solid 1px #e4e9f0;

}

.events .event:last-child {

margin-bottom:10px;

}

.events .event .date-formats {

    color: #fff;

    float: left;

    text-align: center;

    background-color: #AE103B;

    margin: 7px 13px 0 0;

    padding: 7px 5px 0px;

}

.events .event .date-formats span {

    display: block;

    font-size: 16px;

    font-weight: bold;

    line-height: 20px;

}

.events .event h3{

line-height:18px;

}

.events .event .overflow-h small {

color: #999;

display: inline-block;

line-height: 18px;

}

.events .event:hover .date-formats{ 

	background-color: #004976;

	color: #fff;

        border-color:#fff;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.events .event:hover a{ 

	color: #004976;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

/*Tolds

------------------------------------*/ 

.tolds .told{

	font-size:14px;

	line-height:20px;

	position: relative;

	margin-bottom: 10px;

}

.tolds .told:last-child{

	margin-bottom: 0px;

}

.tolds .told p{

	margin:0px;

}

.tolds .told p:first-child{

 font-weight:normal;

 margin-bottom:3px;

 color: #004976;

}

.tolds .told p .fa{

	margin-right: 10px;

}

.tolds .told,

.tolds .told:after,

.tolds .told:before {

	transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;	

}

.tolds .told:after,

.tolds .told:before {

	width: 0; 

	height: 0;

	right: 0px;

	bottom: 0px;

	content: " "; 

	display: block; 

	position: absolute;

}

.tolds .told:after {

	border-top: 15px solid #eee;	

	border-right: 15px solid transparent;

	border-left: 0px solid transparent;

	border-left-style: inset; /*FF fixes*/

	border-right-style: inset; /*FF fixes*/

}

.tolds .told:before {

	border-bottom: 15px solid #fff;	

	border-right: 0 solid transparent;

	border-left: 15px solid transparent;

	border-left-style: inset; /*FF fixes*/

	border-bottom-style: inset; /*FF fixes*/

}

.tolds .told:hover {

	border-color: #a10f2b;

	border-top-color: #a10f2b;

}

.tolds .told:hover:after {

	border-top-color: #a10f2b;	

}

.tolds .told a {

  display:block;

  line-height:18px;

  color: #555;

}

.tolds .told a:hover {

  color: #004976;

  text-decoration:none;

}

.tolds .tolds-all .fa{

	margin-right: 10px;

	margin-top:0px;

}

/*Index col*/

.index-cols>.row{

 margin:0px;

}

.index-col{

 position:relative;

 background-color: transparent;

 border-width: 0px;

 padding-bottom:0px;

 height:100%;

}

 .index-col a h4{

 font-weight:bold;

 transition: color 0.5s ease;

 }

.index-col a:hover{

 text-decoration:none;

}

.index-col a:hover h4{

 color:#AE103B;

}

.index-col a h4 .icon .fa{

 background-color:#004976;

 border-radius: 50% !important;

 width: 40px;

 height: 40px;

 line-height: 40px;

 text-align: center;

 color:#fff;

 font-size: 20px;

 /*font-weight:normal;*/

 transition: background-color 0.5s ease;

}

.index-col a:hover h4 .icon .fa{

 background-color:#AE103B;

}

.index-col .desc{

 padding:10px 10px 0px 10px;

 background-color: transparent;

 border-width:0px;

}

.index-col:hover{

 -webkit-transition: none;

 -moz-transition: none;

 -o-transition: none;

 transition: none;

}

/*Gallery Page, Full Gallery

------------------------------------*/

.gallery-page .gallery-image{

 height:120px;

 overflow:hidden;

 margin-top:0px;

 margin-bottom:10px;

}

.full-gallery .gallery-image{

  height:138px;

  overflow: hidden;

  margin-top: 0px;

  margin-bottom: 10px;

}

.gallery-page .thumbnail img{

 width:180px;

 min-height:120px;

}

.gallery-page .thumbnail,

.gallery-page .thumbnail:hover {

 padding: 0;

 border: none;

 box-shadow: none;

}

.gallery-page .thumbnails {

 margin-bottom:6px;

}

/*Alerts

-----------------------------------*/

.alert-danger h2,

.alert-danger h3,

.alert-danger h4{

 color: #a94442;

}

.alert-danger a {

 color: #a94442;

 text-decoration: underline;

}

.btn .btn-danger {

 color: #fff !important;

}

a.btn, a.btn-danger {

 color: #fff !important;

 text-decoration: none;

}

/*Footer Logo*/

.footer-logo {

 margin: 17px 0 0px;

}

.footer-logo.nadace{

    /*width: 160px;*/

    margin-bottom: 10px;

}

.footer-v2 img.nas-agel{

 height:200px;

}

/*Loader

-----------------------------------*/

.loader{

background-image: url('../images/loader_177c8ae823.jpg');

background-position: center center;

background-repeat: no-repeat;

height:300px;

}

/*******************************************/

/* Department tolds***************************/

/*************** ***************************/

.department-tolds{

margin-top: 20px;

}

.department-tolds .department-told .told-date{

 color: #004976;

margin-bottom:10px;

}

.department-tolds .department-told .told-date .fa {

    background-color: #004976;

    border-radius: 50% !important;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    transition: background-color 0.5s ease;

    margin-right:10px;

}

.department-tolds .department-told p a{

 color:#333;

}

.department-tolds .department-told p a:hover{

 color: #004976;

 text-decoration:none;

}

.department-tolds .all-tolds{

padding:7px;

background-color: #eee;

}

/*

ADDTHIS

*/

.at-circular, .at-circular-element .at-icon-wrapper {

    border-radius: 50%!important;

}

/******************************************

REGISTRATION FORMS

******************************************/

.form-control.multiline{

 height:auto;

}