

<!--@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);-->

body{

	font-size:14px; 

	color:#414141;

	line-height:20px;

	margin:0; padding:0;

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

	background:#59c7e2 url(../images/bg.jpg) no-repeat left top;



}





	

ul{list-style:none;}

ul, li{margin:0; padding:0;}

h1, h2, h3, h4,h5{margin:0; padding:0; line-height:normal; font-weight:normal; font-family: 'Open Sans', sans-serif; font-weight:300; color:#fff;}

h1{width:100%; font-size:28px; margin:0 0 10px 0; display:block; text-transform:uppercase }

h1 span{

	font-size:15px;

	}

	

h3 span{

	color:#f30

	}

	

span.blue{

	color:#0234a4

	}



h2{font-size:20px; margin:0 0 10px 0; color:#00a8d8; font-weight:normal;}

h2.center{

	text-align:center

	

	}

body.home h2{font-size:17px; margin:0 0 10px 0; text-transform:uppercase; font-weight:normal; }

h3{font-size:15px;  margin-bottom:10px; text-transform:none; color:#000000; font-weight:600}

h4{font-size:14px; margin-bottom:10px; color:#000000;  font-weight:400; }

h5{font-size:14px; margin-bottom:10px; color:#000000;}



p{margin:0 0 15px 0;}



a img{border:0;}

a:active, a:link, a:visited{

	color:#0096d7;

	text-decoration:none;

	outline:none;

}

a:hover{color:#666666; text-decoration:none;}



.clear{clear:both; font-size:0px; line-height:0px; height:0px;}



#wrapper{

	width:980px;

	margin:0 auto;

	display:block;

	overflow:hidden

	}

	

#top{

	width:980px;

	height:100px;

	display:block;

	position:relative

	}

	

a.vincze-gheorghe{

	font-size:43px;

	font-weight:700;

	position:absolute;

	left:0;

	top:20px;

	display:block;

	color:#000000

	}

	

a.vincze-gheorghe span{

	font-size:20px;

	margin:20px 0 0 0;

	display:block

	}

	a.recenzii {
		width: 177px;
		position: absolute;
		right: 180px;
		top: 60px;
		height: 30px;
		line-height: 30px;
		background: url('../images/recenzii.png') no-repeat left center;
		display: block;
		padding-left: 64px;
		color: #3a589b;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 20px;
	  }

	@media (max-width:768px){
		a.recenzii {
			width: 112px;
			position: absolute;
			right: 34px;
			top: 49px;
			height: 30px;
			line-height: 30px;
			background: url('../images/recenzii.png') no-repeat left center;
			background-size: auto;
			background-size: auto;
			display: block;
			padding-left: 64px;
			color: #3a589b;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 16px;
		  }
	}

.phone{

	height:32px;

	line-height:32px;

	padding:0 0 0 45px;

	position:absolute;

	right:0;

	top:10px;

	display:block;

	font-size:18px;

	background:url(../images/ico-phone.png) no-repeat left top;

	}

	

a.facebook {

    background: url("../images/ico-facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);

    color: #3a589b;

    display: block;

    font-size: 16px;

    height: 32px;

    line-height: 32px;

    padding: 0 0 0 36px;

    position: absolute;

    right: 180px;

    text-transform: uppercase;

    top: 12px;

}



.intro {

    background: none repeat scroll 0 0 #fff;

    color: #005caa;

    display: block;

    font-size: 32px;

    font-weight: 700;

    padding: 20px 0;

	border:1px solid #37a9db;

	

    text-align: center;

}

	

.intro span{

	text-transform:uppercase;

	font-size:58px;

	color:#ef0000;

	}

	

ul.main-nav{

	background:#fff;

	display:block;

	overflow:hidden

	}

	

ul.main-nav li{

	width:195px;

	margin:0 1px 0 0;

	float:left;

	position:relative

	}

	

ul.main-nav li.last{

	width:196px;

	margin:0;

	}



ul.main-nav li a{

	display:block;

	overflow:hidden

	}



ul.main-nav li a img{

	border:0;

	margin:0;	

	}



ul.main-nav li a span{

	height:50px;

	line-height:50px;

	font-size:14px;

	text-transform:uppercase;

	font-weight:700;

	color:#ffffff;

	padding:0 45px 0 10px;

	display:block;

	background:url(../images/arrow-bullet.png) no-repeat 160px 12px;

	}

	

ul.main-nav li .subnav{

	position:absolute;

	left:0;

	top:0;

	padding:10px;

	width:175px;

	height:224px;

	z-index:2;

	display:none;

	background:#0234a4;

	color:#ffffff;

	font-size:13px;

	}

	

ul.main-nav li .subnav.s2{

	background:#cc0000

	}



ul.main-nav li .subnav.s3{

	background:#b55dda

	}



ul.main-nav li .subnav.s4{

	background:#f5ad22

	}



ul.main-nav li .subnav.s5{

	background:#f146df

	}

				

	

ul.main-nav li:hover .subnav{

	display:block;

	overflow:hidden

	}

	

ul.main-nav li:hover .subnav a{

	background:url(../images/arrow-subnav.png) no-repeat left 7px;

	padding:3px 0 3px 15px;

	}

	

ul.main-nav li .subnav a{

	color:#ffffff;

	display:block;

	border-bottom:1px solid #fff;

	margin:0 0 7px 0;

	

	}

	

ul.main-nav li a span.varice{

	background-color:#0234a4

	}



ul.main-nav li a span.tromboflebita-profunda{

	background-color:#cc0000;

	line-height:normal;

	height:46px;

	padding:4px 45px 0 10px;

	}

	

ul.main-nav li a span.teleangiectazii{

	background-color:#b55dda;

	line-height:24px;

	}

ul.main-nav li a span.insuficienta-limfatica{

	background-color:#f5ad22;

	line-height:normal;

	height:46px;

	padding:4px 45px 0 10px;

	}

	

ul.main-nav li a span.varice-vulvare-varice-vaginale{

	background-color:#f146df;

	line-height:normal;

	height:46px;

	padding:4px 45px 0 10px;

	}

	

#content{

	width:950px;

	padding:15px;

	margin:20px 0;

	display:block;

	background:#ffffff;

	overflow:hidden

	}

	

.sidebarone{

	width:240px;

	float:left;	

	}

	

.box1, .box2, .box3, .box4, .box5{

	display:block;

	margin:0 0 20px 0;

	overflow:hidden

	}

	

	

	

.sidebarone h3{

	padding:8px 10px;

	margin:0 0 4px 0;

	color:#fff;

	font-size:15px;

	text-transform:uppercase;

	display:block;

	}

	

.sidebarone a{

	color:#000000

	}

		

ul.local-nav li a{

	padding:6px 0;

	border-bottom:1px solid #dfdfdf;

	display:block;

	}

	



	

.box1 h3{

	background:#0234a4

	}	

.box1 ul.local-nav li a:hover{

	color:#666666

	} 

	

.box1 ul.local-nav li.selected a, .box2 ul.local-nav li.selected a, .box3 ul.local-nav li.selected a, .box4 ul.local-nav li.selected a, .box5 ul.local-nav li.selected a{

	font-weight:bold

	}

	

	

.box1 ul.local-nav li.selected a{

	color:#0234a4

	}

	





.box2 h3{

	background:#cc0000

	}	

.box2 ul.local-nav li a:hover{

	color:#666666

	} 

.box2 ul.local-nav li.selected a{

	color:#cc0000

	} 

	



.box3 h3{

	background:#b55dda

	}	

.box3 ul.local-nav li a:hover{

	color:#666666

	} 

.box3 ul.local-nav li.selected a{

	color:#b55dda

	} 

	



.box4 h3{

	background:#f5ad22

	}	

.box4 ul.local-nav li a:hover{

	color:#666666

	} 

.box4 ul.local-nav li.selected a{

	color:#f5ad22

	} 

	

	

.box5 h3{

	background:#f146df

	}	

.box5 ul.local-nav li a:hover{

	color:#666666

	} 

.box5 ul.local-nav li.selected a{

	color:#f146df

	} 

	

	 

	

.main{

	width:690px;

	float:right

	}

	

	

.main h1{

	font-size:22px;

	text-transform:uppercase;

	color:#0234a4;

	font-weight:700

	}

	

.main h1 span{

	font-size:15px;

	text-transform:none

	}



p.question{

	font-size:17px;

	font-weight:700;

	color:#0234a4

	}

	

p.reply{

	font-size:17px;

	font-weight:700;

	color:#000000

	}

	

.main ul{

	margin:0 0 15px 0;

	}

	

.main ul li{

	background:url(../images/arrow-li.png) no-repeat left 7px;

	display:block;

	margin:0 0 6px 0;

	padding:0 0 0 10px;

	}

	

.main ul li span{

	color:#f30;

	font-weight:bold

	}

	

.main ul.col2{

	margin:0 0 15px 0;

	font-size:13px;

	}

	

.main ul.col2 li{

	width:320px;

	background:url(../images/arrow-li.png) no-repeat left 7px;

	float:left;

	margin:0 10px 10px 0;

	padding:0 0 0 10px;

	}

	

.main ul.col2 li .right-side img{

	max-width:170px

	}



	

.left-side{

	float:left;

	margin:0 15px 15px 0;

	}

	

.right-side{

	float:right;

	margin:0 0 15px 15px;

	}

	

.wide-img{

	display:block;

	margin:0 0 15px 0;

	}

	

.wide-img img{

	max-width:100%

	}

	

p span{

	color:#d70000;

	font-weight:bold

	}

	

#limfa span{

	color:#f5ad22;

	font-weight:bold;

	}

	

#limfa span.red{

	color:#F00

	}

	

#varice-vaginale span.red{

	color:#cc0000

	}

	

#limfa span.blue{

	color:#36F

	}

	

#varice-vaginale span{

	color:#f146df;

	}

	

.movie{

	display:block;

	margin:20px 0 20px 0;

	}

	

.main h1.varice{

		color:#0234a4

		}

		

#tromboflebita-profunda h1{

	color:#cc0000

	}

	

#teleangiectazii h1{

	color:#b55dda

	}

	

#limfa h1{

	color:#f5ad22

	}

	

#varice-vaginale h1{

	color:#f146df

	}

	

span.sq-blue{

	width:12px;

	height:12px;

	background:#a7c9d2;

	display:inline-block

	}

	

span.sq-bk-blue{

	width:12px;

	height:12px;

	background:#31889b;

	display:inline-block

	}

	

span.green{

	color:#090;

	font-weight:bold

	}

	

a.contact{

	padding:0 50px 0 20px;

	height:40px;

	line-height:40px;

	color:#ffffff;

	text-transform:uppercase;

	font-size:22px;

	position:absolute;

	right:0;

	bottom:10px;

	display:block;

	font-weight:600;

	background:#0096d7 url(../images/arrow-bullet.png) no-repeat 90% 8px

	}

	

h1.cnt{

	color:#0096d7

	}

	

.box3 h3 span{



	color:#fff;

	font-size:16px;

	}

	

#footer{

	padding:0 0 30px 0 ;

	display:block;

	text-align:center;

	color:#fff

	}





.btn-mobile{

	display:none;

}



ul.mobile-nav{

		display:none;

	}







table.orar{

	margin:20px 0

}



table.orar tr td{

	padding:10px

}



table.orar tr td:first-child{

	font-weight:bold;

	font-size:16px;

	text-transform: uppercase!important

}



table.orar tr td{

	border-bottom:1px solid #ccc;

	vertical-align: top

}



table.orar tr td h2{

	font-size:15px;

	font-weight:bold;

	text-transform: uppercase!important

}



table.orar tr td a{

	font-weight:bold;

}



table.orar tr td p.exceptie{

	color:#d70000;

	font-style:italic;

	text-transform: none;

	font-weight:normal;

	border:1px solid #d70000;

	padding:4px 10px;

	font-size:14px;

	display:inline-block

}







@media(max-width:768px){

	

	table.orar tr td{

		width:100%;

		display:block

	}

	

	table.orar tr td:first-child{

		margin-top:20px;

	}

	

	#wrapper{

		width:100%

	}

	

	.main h1{

		font-size:20px;

	}

	

	p.question, p.reply{

		font-size:16px;

	}

	

	a.vincze-gheorghe {

		font-size: 17px;

		font-weight: 700;

		position: absolute;

		left: 0;

		top: 20px;

		display: block;

		color: #000000;

		padding-left:15px;

	}

	

	a.vincze-gheorghe span {

		font-size: 13px;

		margin: 4px 0 0 0;

		display: block;

		width: 195px;

	}

	

	#top{

		width:100%;

		height:auto;

		min-height: 128px;

	}

	

	.phone{

		display:none;

	}

	

	

	.intro{

		display:none;

	}

	

	a.facebook {

		background: url("../images/ico-facebook.png") no-repeat scroll left top rgba(0, 0, 0, 0);

		color: #3a589b;

		display: block;

		font-size: 16px;

		height: 32px;

		line-height: 32px;

		padding: 0 0 0 36px;

		position: absolute;

		right: 92px;

		text-transform: uppercase;

		top: 24px;

		text-indent:-9999px;

		display:none

	}

	

	

	.phone-mobile {

		height: 32px;

		width:32px;

		position: absolute;

		right: 76px;

		top: 60px;

		display: block;

		font-size: 18px;

		background: url(../images/ico-phone.png) no-repeat left top;

	}

	

	a.contact {

		padding: 0 8px 0 8px;

		height: 32px;

		line-height: 32px;

		color: #ffffff;

		text-transform: uppercase;

		font-size: 14px;

		position: absolute;

		right: 10px;

		top:12px;

		bottom: auto;

		display: block;

		font-weight: 600;

		background: #0096d7;

	}

	

	.btn-mobile{

		width:100%;

		position:absolute;

		right:0;

		top:87px;

		display:block;

		cursor: pointer;

		background: #cc0000;

		padding:10px;

		height:40px;

	}

	

	.btn-mobile .txt{

		display:inline-block;

		vertical-align: middle;

		text-transform: uppercase;

		font-weight:800;

		color:#fff

	}

	

	.btn-mobile .lines{

		width:24px;

		display:inline-block;

		vertical-align: middle;

		position:absolute;

		right:10px;

		top:10px

	}

	

	.btn-mobile span{

		height:3px;

		margin-bottom:5px;

		display:block;

		background: #fff

	}

	

	

	ul.mobile-nav{

		position:absolute;

		left:0;

		top:120px;

		background:#0096d7;

		width:100%;

		z-index:100

	}

	

	ul.mobile-nav li{

		border-bottom:1px solid #fff;

		padding:10px;

	}

	

	ul.mobile-nav li.c1{

		background:#0234a4

	}

	

	ul.mobile-nav li.c2{

		background:#cc0000

	}

	

	ul.mobile-nav li.c3{

		background:#b55dda;

	}

	

	ul.mobile-nav li.c4{

		background:#f5ad22

	}

	

	ul.mobile-nav li.c5{

		background:#f146df

	}

	

	

	

	ul.mobile-nav li:last-child{

		border-bottom:none

	}

	

	ul.mobile-nav li a{

		font-size:14px;

		text-transform: uppercase;

		font-weight:700;

		display:block;

		color:#fff

	}

	

	ul.mobile-nav li ul{

		display:none;

	}

	

	ul.mobile-nav li:hover ul{

		display:block;

		padding-left:20px;

	} 

	

	ul.mobile-nav li:hover ul li{

		padding:0

	}

	

	ul.mobile-nav li:hover ul li a{

		font-size:13px;

		text-transform: uppercase;

		font-weight:600;

		padding:6px 0;

		display:block;

	}

	

	ul.mobile-nav.collapsed{

		display:none;

	}

	

	ul.mobile-nav.expanded{

		display:block;

	}

	

	

	ul.main-nav{

		

	}

	

	ul.main-nav li.last, ul.main-nav li{

		width:19%

	}

	

	ul.main-nav li .subnav{

		display:none!important

	}

	

	ul.main-nav li a span{

		display:none;

	}

	

	

	.sidebarone{

		display:none;

	}

	

	*{

		box-sizing: border-box

	}

	

	#content{

		width:100%

	}

	

	iframe{

		width:100%!important

	}

	

	.main {

		width: 100%;

		float: none;

		padding:15px;

	}

	

	

	.right-side {

		width:100%;

		padding:15px;

		float: none;

		margin: 15px auto;

	}

	

	.right-side img{

		max-width:100%

	}

	

	.w-img{

		width:100%

	}

	

	.w-img img{

		max-width:100%;

		height:auto

	}

	

	img{

		max-width:100%;

		height:auto;

	}

	

	.main ul.col2 li{

		width:100%;

		padding:0

	}

	

}

