/*
Theme Name: e-MedAcces 2018
Theme URI: http://www.e-medacces.ro
Description: Aprilie 2018
Author: DCSOL
Author URI: http://www.datacentersolutions.ro
Version: 1
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i&subset=latin-ext');
@font-face {
    font-family: 'Futura';
	  font-weight: 700;
	src: url('font/futuraBT.eot');
	src: url('font/futuraBT.woff') format('woff'),  url('font/futuraBT.ttf') format('truetype');
}
@font-face {
    font-family: 'Futura';
	  font-weight: 400;
    src: url('font/Futura-Book.woff') format('woff'),
}
@font-face {
    font-family: 'Futura';
	  font-weight: 300;
    src: url('font/Futura-Light.woff') format('woff'),
}

* {margin:0; padding:0; vertical-align:top; font-family:'Open Sans',sans-serif;}

.login h1 a {
display:block; font-size:28px; color:#3958aa; text-decoration:none; width:100%;
font-family: 'Futura', sans-serif; font-size:38px;color:#000;
}
h1.screen-reader-text {display:none;}
.language-switcher {display:none;}

.login h1 {margin-bottom:30px;}
.login h1 a:after {content:''; display:block; height:2px; margin-top:10px; margin-bottom:25px; max-width:150px;background:#fe0f64;}
		
body.login
{

position:relative;
}
body.login svg {width:120px;height:80px;fill:#fff;display:block;margin:10px auto 15px auto;}

.loginform {
padding:20px; display:block;
}

#nav {width:300px;max-width:100%;text-align:left;}
#nav a {color:#0655fa;}

body.login {background:#03344F;}
div#login {
background:#fff;
display:block;width:800px;max-width:100%;margin:0 auto 50px auto;position:relative;overflow:visible; border:1px dashed #0655fa; padding:20px;
}

.explicatie:before {content:'Suport tehnic: 0759.100.078';display:block;text-align:center;font-size:14px; color:#888;}
.explicatie {min-height:240px;width:250px;float:right;border:1px solid #000;position:relative;display:block;padding:10px 10px 10px 10px;font-size:14px; color:#555;line-height:150%;text-align:center;margin-top:50px;}
.explicatie svg {display:block; width:120px;height:120px;fill:#000!important;margin:10px auto;}
.explicatie b {color:#000;}
.explicatie:after {content:''; clear:both;}

#loginform, #lostpasswordform, #registerform, #resetpassform {width:310px;max-width:100%;text-align:left;}

input#user_pass, input#user_login, input#user_email, #pass1, input#pass2 {display:block;max-width:100%;width:310px;border:1px solid #fe0f64!important;min-height:25px;padding:7px 0; font-size:14px;overflow:hidden;}
input#pass1-text {background:yellow;border:red;}
input#wp-submit {
background:#fe0f64;min-height:25px;padding:10px 2px; font-size:16px; text-align:center;width:100%;display:block;
color:#fff;outline:none;border:none;
}

a.link {
background:#3958aa; padding:10px 2px; font-size:16px; text-align:center;color:#fff;text-decoration:none;display:block;
}


.forgetmenot {display:none;padding:20px 0;}
#rememberme {display:block; margin:10px 0;width:20px;height:20px;}

.login label {
color:
#555;
font-size: 14px;
}


div#login form p.submit{
margin-top:15px;
}



p#backtoblog
{
display: none;
}

/*culori*/
.b-galben {background:#F1A80E; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-albastruinchis {background:#3958aa; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-verde {background:#28909A; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-mov {background:#583AAD; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-portocaliu {background:#FD9940; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.b-alb {background:#fff; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.evidentiator {background:#FFFFE0; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}


.dreapta {text-align:right!important;}
.stanga {text-align:left!important;}
.centru {text-align:center!important;}
.f-stanga {float:left;}
.f-dreapta {float:right;}






/******* ARHITECTURA *******/
.restrict {display:block;width:100%;max-width:1080px;margin:0 auto;position:relative;}
.alb {padding:10px; background:#fff;display:block;overflow:hidden;}

/* TIPOGRAFIE */
p {margin:10px 0;}
a {color:#000;}

.dreapta {text-align:right!important;}
.stanga {text-align:left!important;}
.centru {text-align:center!important;}
.f-stanga {float:left;}
.f-dreapta {float:right;}


/* CULORI */
.c-alb {color:#fff;}
.b-alb {background:#fff;}

.c-bleu {color:#3fb2de;}
.b-bleu {background:#3fb2de;}

.c-albastru {color:#0655fa;}
.b-albastru {background:#0655fa;}

.c-magenta {color:#fe0f64;}
.b-magenta {background:#fe0f64;}

.c-rosu {color:#df1201;}
.b-rosu {background:#df1201;}

.c-verde {color:#51b555;}
.b-verde {background:#51b555;}

.c-portocaliu {color:#f7560e;}
.b-portocaliu {background:#f7560e;}


/* MENIU */

#cssmenu ul, #cssmenu li { list-style: none; }
#cssmenu ul { position: relative; z-index: 97;}
#cssmenu ul li { float: left; min-height: 1px; height:45px; vertical-align: middle;}
#cssmenu ul li:hover { position: relative; z-index: 99; cursor: default;}
#cssmenu ul ul { display:none; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; opacity:0.95;}
#cssmenu ul ul li { float: none; }
#cssmenu ul li:hover > ul {  display:block;}
#cssmenu ul ul { bottom: 0; left: 0;}
#cssmenu ul ul { margin-top: 0;}
#cssmenu ul ul li { font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; color:#fff;}
/* Custom CSS Styles */
.container-meniu, .meniu {background:#03344F; display:block;position:relative;text-align:left;padding:0;margin:0;border-bottom:1px solid #3780A7;}
.container-meniu2 {background:#054466; display:block;position:relative;text-align:left;padding:0;margin:0;}
#cssmenu { background: #03344F; position:relative;}
.cssmenu2 { background: #054466!important; padding:0!important;  position:relative;}
.cssmenu2 a {background: #054466!important;}
.cssmenu2 ul li {height:25px!important;}
.cssmenu2 > ul > li > a { line-height: 28px!important; font-size: 12px!important; }
#cssmenu > ul, #cssmenu > li { display: inline-block; padding:0!important; height:100%;}
#cssmenu:after,#cssmenu ul:after { content: ''; display: block; clear: both;}
#cssmenu ul { text-transform: uppercase; margin:0; padding:0!important;}
#cssmenu ul ul { text-transform: none;  margin:0; }
#cssmenu ul ul a { display:block; background: #1f79a8; color: #ffffff; border: 1px solid #1b709d; border-top: 0 none; line-height: 150%; padding: 18px 20px; font-size: 12px; margin:0;}
#cssmenu ul ul li { position: relative;}
#cssmenu ul ul li:first-child > a { border-top: 1px solid #1b709d;}
#cssmenu ul ul li:hover > a { text-decoration:underline; color: #ffffff;background:transparent;}
#cssmenu ul li:hover > a { background: #1f79a8; color: #ffffff; }
#cssmenu ul li.active > a { color: #fff;  }
#cssmenu ul li.last ul { left: auto; right: 0;}
#cssmenu ul li.last ul ul { left: auto; right: 99.5%; }
#cssmenu a { background:#03344F; color: #fff; padding: 0 25px;}
#cssmenu > ul > li > a { line-height: 45px; font-size: 14px; }
li.active a {border-bottom:4px solid #ff0000;}
#cssmenu li.active a {line-height: 41px;}
.cssmenu2 li.active a {line-height:27px!important;}


/* LOGIN */
.loginb {float:right; display:inline-block; width:250px; height:50px; margin-top:20px;}
.loginb a {color:#fff;}
.loginb .but3 a {color:#fff;}
.but1 {height:40px; width:105px; padding-left:10px; border-left:1px solid #fff; margin-right:10px ;border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; border-top-left-radius: 10px; border-top-right-radius: 1px; border-bottom-left-radius: 10px; border-bottom-right-radius: 1px; color:#666;background:#fe0e65;cursor:pointer;}
.but2 { width: 30px; height: 30px; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px; border:solid 1px #fff; display:inline-block; text-align:center; line-height:30px; z-index:99; margin-left:-139px;
-webkit-box-shadow: -1px 0px 2px 0px rgba(204,204,204,1);
-moz-box-shadow: -1px 0px 2px 0px rgba(204,204,204,1);
box-shadow: -1px 0px 2px 0px rgba(204,204,204,1); color:#666; font-size:12px;}
.but3 {height:40px; width:105px;padding-right:10px; border-right:1px solid #fff; margin-left:10px; border-left:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #fff;
border-top-left-radius: 1px; border-top-right-radius: 10px; border-bottom-left-radius: 1px; border-bottom-right-radius: 10px; background:#054466; color:#fff;cursor:pointer;}
.but1, .but3 {display:inline-block; font-size:12px; line-height:40px; font-weight:400;font-size:14px;}
.but1 {margin-right:-10px; text-align:left;}
.but3 {text-align:right;z-index:1;}





.c33 {width:30%; padding:0 0.5%; min-height:250px;display:inline-block;vertical-align:top;}
.c50 {width:45%;}

/* footer */
.footer {border-bottom:2px solid #333; padding:10px 0;background:#03344f;border-top:1px solid #0D557B;color:#fff;font-size:14px;}
.footer a {color:#fff;}
.footer b {font-size:14px;}
.footer .stanga {float:left; width:46%;}
.footer .dreapta {float:right; width:46%;text-align:right;}

.informatii {height:32px;line-height:32px;}
.informatii a {color:#000;text-decoration:underline;padding:0 10px;font-size:14px;text-transform:uppercase;}

.infosite {display:inline-block;color:#fe0f64;font-size:19px;padding-left:5px;margin-top:15px;font-weight:700;width:280px;}

	/* HEADER TOP */
nav.header-top {display:block;background:#ccc;position:relative;height:auto;overflow:hidden;text-align:right;border-bottom:1px solid #aaa;}
nav.header-top p {padding:20px;}
nav.header-top:after {content:''; clear:both;}


.header-logo {display:block;background:#fff;  min-height:80px;vertical-align:top;}
.header-logo .svg-container {display: flex; align-items: center; margin:0; vertical-align:top;float:left;width:400px;}
.header-logo .bold {font-family:'Futura', sans-serif;font-weight:700;color:#333;display:inline-block;}
.header-logo p {font-family:'Futura', sans-serif;font-weight:300;color:#1975a6;display:inline-block;font-size:14px;margin:5px 0;display:none;}
.header-logo svg {display: inline;vertical-align:middle;vertical-align:middle;width:10%; height:auto;}

/* LOGO */
#logo {max-width:99%; margin-top:15px; width:284px;height:52px;}


.spacer {clear:both;height:15px;display:block;}

/*imagini*/
img {max-width:100%;}
.alignleft {float:left; margin:5px 15px 5px 0; }
.alignright {float:right; margin:5px 0 5px 15px; }
.aligncenter {display:block; margin:10px auto; max-width:100%;}


@media screen and (max-width: 900px){
	.explicatie {max-width:95%;width:95%;float:none;border:1px solid #0655fa;position:relative;display:block;padding:10px;font-size:14px; color:#555;line-height:150%;display:none;}
	.restrict {max-width:95%;float:none;width:95%;display:block;margin:10px auto;}
	.header {padding:10px;}
	form {width:90%;}
	form input {min-height:30px;}
	div#login {max-width:100%; width:90%; margin:20px 0;padding:0 0 0 10px;}
	nav.header-top {display:none!important;}

}


/*ascund hintul de parola */
#pass-strength-result, #caps-warning {display:none!important;}