/* #####################################################
						GENERAL >>> 
######################################################## */

body { margin:0; padding:0; font-family:sans-serif, Arial; font-size: 15px; color:#333333;}
h1,h2,h3{color: #080403;font-weight: normal;padding:0;margin:0;}
h1 {font-size: 300%;}
h2 {font-size:21px; margin:0 0 10px 0; padding:0 0 3px 0;}
h3 {font-weight: bold; font-size:15px; padding:0 0 10px 0;}
h4 {font-size:15px;}

/* 1.571em=22px | 1.429em=20px | 1.286em=18px | 1.143em=16px | 1em=14px */

button, input, select, textarea {
    font-family: inherit; font-size: 100%; margin: 0; line-height: normal;
	box-sizing:content-box;	-ms-box-sizing:content-box;	-moz-box-sizing:content-box;-webkit-box-sizing:content-box; 
}
select{-webkit-appearance: none;-moz-appearance: none !important; appearance: none; background:#ffffff url('/minisite/img/select.png') no-repeat right; background-size: 27px 11px;}

.nomobil{}
.nodesktop{display:none;}
.clr{width:1px; height:1px; font-size:1px; margin-top:-1px; margin-left:-1px; clear:both;}

table,td,th,div {text-align: left;margin:0;padding:0;border:none;}
img{border:0; padding:0;}
P, UL, LI{margin: 0px;padding:0px; list-style-type: none; }
a{color:#333333;text-decoration: none;}
a:hover{color:#000000;}

/* #####################################################
STRUCTURA  */
.container{width:1000px; margin:0 auto; display:block;background:#ffffff; }
.header,.content,footer{width:100%; display:block; overflow:hidden; margin:0; clear:both;}

.header-romedic {width:1000px; color: #B7B7B7;height:30px; margin:0 auto 15px auto; overflow:hidden; text-align:left; background:#ffffff;}
.header-romedic a{color: #B7B7B7;text-decoration: none;font-size:11px;padding:8px 15px; float:left; border-right:1px solid #EEEEEE; }
.header-romedic a:hover {color: #000000;}


.logo {width:250px; min-height:100px; float:right; background:#ffffff; padding:5px 0; text-align:center;}
.logow{display:inline-block; text-align:center;}
.logow img{width:100%; height:auto; }
.meniu{width:190px; padding:20px 30px 0 30px; float:right; clear:right;}
.meniu a{color:#ffffff; padding:4px 5px; display:block; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.1) inset; font-size:13px;}
.meniu a:hover,.meniu a.sel{color:#000000;}
.meniu-arata{color:#ffffff; padding:10px; display:none; cursor:pointer; border-left:5px solid #ffffff;}

.banner{width:750px; height:400px; display:block; overflow:hidden;}
.vizite{width:330px; padding:15px 30px; color:#000000; font-size:11px; text-shadow: 1px 1px 4px #ffffff;}
.firma{padding: 5px 30px; background:url('/minisite/img/transparent.png') no-repeat left top; margin:115px 0 10px 0; text-shadow: 1px 1px 4px #ffffff;}
.firma p{}
.banda{color:#ffffff; padding:20px 10px 20px 30px;}
.banda ul{padding:0 0 0 10px;}
.locatie{width:350px; float:left;}
.telefon{width:350px; clear:left; float:left;}
.program{float:right; width:250px; padding:0 10px 0 0; }


.col{width:390px; float:left; display:block; overflow:hidden;}

.txt{width:550px; float:right; padding:25px 30px;display:block; overflow:hidden;}
.txt ul{ padding:0 0 5px 20px;}
.txt li{ background:url('/minisite/img/li.png') no-repeat 0px 8px; padding:2px 0 2px 15px; display:block}

.box-poze{padding:10px 10px 5px 30px; margin:0 0 15px 0; clear:both;}
.box-poze img{border:4px solid #ffffff; margin:0 3px 0 0;}
.lista{margin:0 0 20px 0;}
.lista ul{ margin:0 0 0 30px;}
.lista li{padding:3px 0;  display:block; font-size:13px; background: url('/minisite/img/border1.gif') repeat-x bottom; }
.nr{ float:right; opacity:0.5; margin:0 0 0 5px;}

.titlu{color:#000000; font-size:15px; font-weight:bold; padding:5px 5px 3px 0px; margin:0 0 3px 30px;}
.titlu-bgr{color:#000000; font-size:15px; font-weight:bold; padding:5px 5px 5px 30px; margin:0 0 5px 0;}
.w2{width:165px; float:left;}

.box-lista{padding:5px 10px;}
.box-lista a{font-size:15px; font-weight:bold; color:#000000; text-decoration:none;}
.box-lista p{font-size:12px; opacity:0.7;}
.box-lista img { float:right; margin:0 0 3px 10px; width:80px; height:auto; border:3px solid #ffffff;}

.box-lista2{padding:5px; margin:0 0 15px 0;}

.imgdes{ float:right; margin:0 0 3px 10px; text-align:center; padding:3px;}
.imgdes img{ display:block; margin:0 auto;}
.des{text-align:justify; margin:0 0 15px 0;}
.data{ float:right; padding:4px 0 4px 20px; font-size:11px; opacity:0.5; background:url('/minisite/img/icon-ceas.png') no-repeat left;}
.pret{}
.autor{padding:2px 0 2px 20px; font-size:12px; opacity:0.5; background:url('/minisite/img/icon-pag.png') no-repeat left; margin:0 0 15px 0;}
.producator-lista{padding:2px 0 2px 15px; font-size:11px; background:url('/minisite/img/gear-small.png') no-repeat left; margin:0 0 5px 0;}


a.fisier{color:#000000; display:block;padding:5px; border:1px dashed #ffffff; margin:0 0 15px 0;}
a.fisier:hover{background:#000000; color:#ffffff;}

.poze img{padding:1px; float:left; margin:0 10px 10px 0;}

.footer{clear:both;display:block; padding:20px 0; }
.footer p{color:#000000; opacity:0.5; font-size:11px; padding:0 0 0 10px; margin:0 30px;}

.succes{background:#CBE29D url('/minisite/img/icon_succes.gif') no-repeat left top; border:1px dashed #ffffff; padding:10px 10px 10px 50px; margin:10px 0px; display:block; color:#000000;}
.eroare{background:#FEDEAF url('/minisite/img/icon_eroare.gif') no-repeat left top; border:1px dashed #ffffff; padding:10px 10px 10px 50px; margin:10px 0px; display:block; color:#000000;}

.wp50{width:60%;}

button, input, select, textarea {
    font-family: inherit;
    margin: 0;
	line-height: normal;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}


.input{
	font-family:Arial;
    border: 1px solid #D2D5DD;
	border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0);
    color: #666666;
    margin: 0 3px 3px 0;
    padding: 5px 5px;
	width:auto;
    transition: all 0.2s ease-out 0s;
    vertical-align: middle;
	display:inline-block;
}
.input option{
    border-bottom:1px solid #D2D5DD; color:#000000; font-size:13px; padding:3px 5px;
}

.button {
    background-color: #F14211;
    border: 0px;
    border-radius:4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
	font-size:1.1em;
	font-weight:bold;
    margin: 0 0 5px 0;
    padding: 4px 6px;
	line-height:25px;
	width:auto;
	height:25px;
    transition: all 0.1s ease-out 0s;
    vertical-align: middle;
	display:inline-block;
	cursor: pointer;
}

.video-container {float: none;clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin:0 0 15px 0;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}

a.trafic{background-image:url('/img/sprite.png');background-position: -58px -150px; background-repeat: no-repeat; background-size: 300px 1500px; padding:5px 0 5px 26px; color:#ffffff;}

.highslide-wrapper, .highslide-outline {background: #FFFFFF;}
.highslide img {border: 1px solid #D0D0D0;}
.highslide:hover img {border-color: #A0A0A0;}
.highslide-image {border: 10px solid #FFFFFF;}
.highslide-caption {padding: 0px;padding-right: 2px;padding-bottom: 10px;padding-left: 10px;}
.highslide-loading {color: black;border: 1px solid black;background-color: white;background-image: url(graphics/loader.white.gif);}

/* Clasele pentru paginatie  */
.paginatie{height:31px; overflow:hidden; font-size:12px; margin:0 0 20px 0; clear:both;}
.pag_sel{color: #ffffff; text-decoration: none; background:#C2C5D1; padding: 4px 7px; margin-right:2px; float:left; border:1px solid #C2C5D1; border-radius:2px;}
.puncte {color: #D78789; padding: 4px 7px; margin-right:2px; float:left;}
.pagina {color: #555555; padding: 4px 7px; margin-right:2px; float:left;border:1px solid #EDEDF1; border-radius:2px;}
a.pag:link, a.pag:visited{color: #000000; text-decoration: none; background:#ffffff; padding: 4px 7px; margin:0 2px 5px 0; float:left; border:1px solid #EDEDF1; border-radius:2px;}
a.pag:hover{color:#ffffff; background:#000000; border:1px solid #000000;}
a.pag_sel:link, a.pag_sel:visited, a.pag_sel:hover{color: #ffffff; text-decoration: none; background:#C2C5D1; padding: 4px 7px; margin:0 2px 5px 0; float:left; border:1px solid #C2C5D1; border-radius:2px;}
/* -------------------------- */


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px)
{
	.nomobil{display:none;}
	.nodesktop{display:inline;}

	.header-romedic, .vizite {display:none;}

	body {font-size: 1em;}
	h2{font-size:1.4em; font-weight:bold;}
	h3{font-size:1.2em;}
	.container{width:100%;}
	.content{width:100%;}
	.footer{width:100%; font-size:0.8em;}
	.footer p{margin:0 5%;}

	.header{width:100%;}
	.logo{float:none; width:100%;min-height: inherit;}
	.logow img{width:70%; height:auto;}
	.meniu{width:90%; height:auto;padding:0 5%;}
	.meniu ul{display:none; margin:10px 0;}
	.meniu a{padding:6px 3px; font-size:1.1em;}

	.meniu-arata{display:block;}

	.banner{width:100%;height:auto;}
	.banda{padding:10px 5%;}
	.firma{padding: 5px 5%;}

	.locatie,.telefon,.program{float:none; width:100%;}

	.col{width:100%;float:none;}
	.txt{width:90%; padding:30px 5%; float:none;}
	
	.box-poze{padding:10px 5%;}
	.lista ul{ margin:0 5%;}
	.lista li{font-size:1em;padding:6px 0;}
	.titlu{font-size:1.2em;margin:0 5% 3px 5%;}
	.titlu-bgr{font-size:1.2em; padding:5px 5px 5px 5%;}
	.w2{width: inherit; float:none;}
	.imgdes{ float:none; margin:0 0 10px 0; text-align:center; padding:3px;}
	.data{float:none; display:block;}
	.box-lista a{font-size:1.1em; font-weight:bold;}
	.box-lista img {width:50px;}

	.paginatie{font-size:0.9em;}
	.wp50{width:97%;}
	.button, .input {font-size: 1.1em;padding: 8px 5px;}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) 
{

}