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

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:300,400,500,600,700');

/*font-family: 'Sansita', sans-serif !important;*/

body, html {font-family: 'IBM Plex Sans Condensed', sans-serif !important; font-size: 17px !important;   width:100%;  height:100%;}


.navbar-default { border: 0px !important; background: #fff !important;}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px !important;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}





#header { background: #fff; border-top: 5px solid #fff; border-bottom: 2px solid #ededed;}

.toprow { padding: 0px 0px;}
.logo { width: 70% !important;  text-align: left; padding: 10px;}

.logodiv {}

.quickcontact {font-weight: 600; color: deepskyblue; padding: 3px; font-size: 14px !important;}

.socialicon { text-align: left;}
.contactrapid {text-align: right;}

.formatedcontent { padding-bottom: 20px;}





/*NAV*/
.primary { font-weight: 600; color: #22809c !important; font-size: 17px;}
.dropdown-menu { border: none !important; min-width: 300px !important; box-shadow: #fff 0px 0px 0px !important; background: #fff !important;
	border-bottom: 1px solid #e7e7e7 !important; border-left: 1px solid #e7e7e7 !important; border-right: 1px solid #e7e7e7 !important;}
.navbar {margin-bottom: 0px !important;}

.meniuStanga { padding-top: 39px;}

#navbar-collapse-1 {    margin-bottom: 40px;}

/*Breadcrumbs*/
.breadcrumb {background: none !important; }

/*BLUE BOX*/
.boxuri { margin-top: -145px !important;}
.bluebox { color: #47a5c7; padding: 40px 20px;  margin-bottom: 8px; min-height: 450px !important; border: 2px solid;  border-radius: 50px;}
.bluebox img { width: 50%;}
.bluebox a { color: white;}
.color1 { background: white !important;}
.color2 { background: #379cd6 !important;}
.color3 { background: #2388c2 !important;}



/**/
.pagina { margin-top: 153px !important;}


/*Articol*/
.articol {}
.articol h2 { /*font-family: 'Sansita', sans-serif !important;*/ color:  #22809c; margin-bottom: 15px; font-size: 1.8em;}
.articol h4 { /*font-family: 'Sansita', sans-serif !important;*/ color:  #22809c; font-size: 1.6em; }
.descriere-articol { font-size: 20px !important; margin-bottom: 50px;}
.articol .resursa { margin-left: 20px; margin-bottom: 20px; border: 3px solid #ccc; padding: 2px;}
.articol .title {}
.articol .summary { margin: 20px 0px; padding: 20px 0px; }

.resursaArticol {}

/*Blog*/
.blogbox {/*font-family: 'Sansita', sans-serif !important;*/ border-top: 2px dotted #ccc; margin-top: 30px;}
.blogbox h2 { color: orangered;}
.blogbox h4 { color: darkgray;}
.blogbox ul { list-style: none; margin-left: 0px; padding-left: 0px;}
.blogbox ul li { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 15px; border-top: 2px dotted #ccc; padding-top: 15px;}
.blogbox ul li p { font-weight: 300; color: dimgray; padding-bottom: 10px;}
.blogbox  .blogarticle .title { margin-top: 0px !important; color: orangered;}


/*Servicii boxuri*/
.servBox { padding: 20px; min-height: 200px; }
.servBox h4 {} 

/*Buton programari*/
.button1 {background: url(/dentality/javax.faces.resource/site/img/wallpaper-stomatologie.png.html) no-repeat bottom right; background-size: cover; border-radius: 5px;  padding: 100px; color: white;}
.button1 h2 { color: white;}
.button1 h4 {color: white !important;}

.rightrelated { background: #fafafa; padding: 20px !important;}
.relatedServices { border-bottom: 0px dotted #ccc; padding: 3px 0px;}
.relatedServices a { color: #2388c2 !important; font-weight: 400; font-size: 0.9em;}


/*Parteneri*/
.partners { padding: 20px; min-height: 200px; }
.partners img { margin: 10px;}



/*Formular*/
.formular {}
.formular h3 {/*font-family: 'Sansita', sans-serif !important; */ color: #b30047; margin-bottom: 15px;}
.formular h4 {/*font-family: 'Sansita', sans-serif !important;*/ color:  #5fb4e4; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.formular .resursa { margin:20px 20px;}
.formular .formularcontent {padding: 20px; background:  #b30047; color: white; border-radius: 5px;}


/*side contact*/
.side-contact {/*font-family: 'Sansita', sans-serif !important;*/}
.side-contact h3 { color: #337ab7;}



/*category*/
.panelCategory { border: 1px solid #eaeaea; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */}

.panelCategory:hover { border: 1px solid #ccc; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px;}























/*footer*/
footer { padding: 25px; color: white;}


/*Responsive design*/
@media only screen and (max-width: 900px) {
    .quickcontact {font-weight: 600; color: deepskyblue; position: relative; top: 0px; padding: 0px 0px;}
    .logo { width: 54% !important; padding: 0px !important;     position: relative; top: -62px; z-index: 3333;}

.logodiv { height: 30px;}

.socialicon { text-align: center;}
.contactrapid {text-align: center;}

.meniuStanga { padding-top: 0px !important;}

.pagina { margin-top: 160px !important;}

.slide-wrapper { position: relative;  top: 0px;}

.item .inner-content { padding-top: 120px !important;}
}


.btn-home:hover {
    color: #fff;
    background-color: #b30047 !important;
    border-color: #b30047 !important;
}

.btn-home{
    border-color: #47a5c7 !important;	
    background-color: #47a5c7 !important;
    border-radius : 10px !important;
}