/* #####################################################
						GENERAL >>> 
######################################################## */
body {
    margin:0; padding:0; background:#ffffff;
    font-family:sans-serif, Arial;
    font-size: 15px;
    font-weight: 400;
	color:#4A5064;
}
h1{color: #ffffff;}
h2, h3 {color:#ffffff;}
h1 {font-size:21px}
h2 {font-size: 17px; font-weight:bold;}	
h3 {font-size: 15px;font-weight:bold;}	

/* 1.571em=22px | 1.429em=20px | 1.286em=18px | 1.143em=16px | 1em=14px */
h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
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; 
}

.nomobile{}
.nodesktop,#actiune_cautare{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;border:none;}
textarea{font-family:Arial,sans-serif; font-size: 13px;}
img{border:0; padding:0;}
P, UL, LI{margin: 0px;padding:0px; list-style-type: none; }
a{color:#6C6A7D;text-decoration: none;}
a:hover{color:#000000;}


.succes{background:#F1F0E7 url(/imagini/notes-nu.png) no-repeat 7px 7px; border:1px solid #B5CC3E; padding:7px 7px 7px 35px; margin:10px 0px; display:block; text-align:left; color:#6F891C;}
.eroare{background:#FCF1E4 url(/imagini/notes-nu.png) no-repeat 7px 7px; border:1px solid #F09A09; padding:7px 7px 7px 35px; margin:10px 0px; display:block; text-align:left; color:#DD7932;}


.des{}
.des h2{ color:#44D1D8; font-size:18px; font-weight:bold; padding:0 0 3px 0; border-bottom:1px solid #EDEDF1; margin:0 0 7px 0;}
.des h3{ color:#FF9900; font-size:17px; font-weight:bold;}
.des ul{ padding:5px 20px; background:#F4F9FD; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.1) inset;}
.des li{ background:url('/img/sprite.png') no-repeat -182px -75px; background-size: 200px 1000px; padding:1px 0 1px 20px; display:block}

.lista{margin:0 0 20px 0;}
.lista li{padding:5px 0;  display:block; box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.1) inset;}
.lista li.titlu{padding:7px 0; color:#44D1D8; font-size:1.2em; font-weight:bold;}
.lista li span{min-width:110px; color:#AAAEBF; float:left;}

/* #####################################################
HEADER >>> 
######################################################## */
.container{width:1000px; margin:0 auto; display:block; overflow:hidden;}

.header{width:990px; height:54px; margin:20px auto 10px auto; display:block;overflow:hidden; border-bottom:5px solid #EBEBEB; padding:0 0 10px 0;}
.content{width:1000px; margin:0 auto 20px auto; display:block; overflow:hidden;}
.logo{width:216px; height:54px; margin:0 20px 0 0; background: url('/imagini/logo.png') no-repeat; float:left; }
.meniu-arata{ display:none;}
.meniu{ float:right; text-align:right;margin:15px 0 0 0;}
.meniu a{color:#A0A0A0; font-size:15px; text-decoration:none; padding:10px 20px; margin:0 0 0 10px; float:left;}
.meniu a:hover{color:#ffffff; background:#A0A0A0}
.meniu a.sel{color:#ffffff; background:#2CAAAD;}
.data{font-size:10px; font-weight:bold; color:#000000; background:#36C7CC; padding:3px; margin:5px 0;}

#footer{width:990px; margin:0 auto 20px auto; display:block;overflow:hidden; border-top:1px solid #EBEBEB; padding:20px 0 10px 0; font-size:11px; color:#868686;}
#footer a{color:#6F6F6F; text-decoration:none; padding:0 5px;}

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;}

/* #####################################################
INDEX >>> 
######################################################## */
.box1{width:190px; height:190px; margin:5px; float:left; background:#000000; position:relative; overflow:hidden; cursor:pointer;}
.img1{position:absolute; left:0px; top:0px; z-index:2;}
.img1:hover{opacity:0.2;  -webkit-transiton: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s;  -o-transition: opacity 0.5s;  -transition: opacity 0.5s;}
.plus1{ position:absolute; left:20px; bottom:20px; background:#000000; padding:10px;width:17px; height:17px;z-index:1; border:1px solid #36C7CC;}
.txt1{margin:20px; font-size:15px; color:#ffffff; z-index:1; display:block;}

.box2{width:190px; height:190px; margin:5px; float:left; background:#2CAAAD; position:relative; overflow:hidden;cursor:pointer;}
.box2:hover{background:#000000; -webkit-transiton: background 0.5s; -moz-transition: background 0.5s; -ms-transition: background 0.5s;  -o-transition: background 0.5s;  -transition: background 0.5s; }
.box2 h1{color:#ffffff; font-size:22px; font-weight:normal;}
.plus2{ position:absolute; left:20px; bottom:20px; background:#000000; padding:10px;width:17px; height:17px;z-index:3; border:1px solid #36C7CC;}
.txt2{margin:20px; font-size:13px; color:#ffffff; z-index:2; display:block;}
.txt2 div{font-size:22px; padding:10px 0 0 0;}

.box22{width:190px; height:190px; margin:5px; float:left; background:#2CAAAD; position:relative; overflow:hidden;}
.box22 h1{color:#ffffff; font-size:22px; font-weight:normal;}
.plus22{ position:absolute; left:20px; bottom:20px; background:#000000; padding:10px;width:17px; height:17px;z-index:3; border:1px solid #36C7CC;}


.box3{width:390px; height:190px; margin:5px; float:left; background:#828282; position:relative; overflow:hidden;}
.txt3{margin:20px; font-size:13px; color:#ffffff; z-index:2; display:block;}
.box3 li{padding:1px 0 2px 16px; background-image:url('/imagini/icon-plus.png');background-position: 0px 5px; background-repeat: no-repeat; background-size: 9px 9px;}
.box3 h2{padding:4px 0;}

.box6{width:388px; height:auto; min-height:188px; margin:5px; float:left; background:#ffffff; position:relative; overflow:hidden; border:1px solid #CCCCCC;}
.txt6{margin:20px; font-size:15px; color:#333333; display:block;}
.txt6 a{color:#333333; text-decoration:none; padding:5px 0; display:block; border-bottom:1px solid #CCCCCC;}
.txt6 a:hover{color:#000000;}

.box7{width:788px; height:auto; min-height:188px; margin:5px; float:left; background:#ffffff; position:relative; overflow:hidden; border:1px solid #CCCCCC;}
.txt7{margin:20px; font-size:15px; color:#333333; display:block;}
.box7 h2{font-size:23px; color:#000000; padding:0 0 15px 0;}
.box7 img{ float:right; margin:0 0 10px 20px;}

.box8{width:988px; height:auto; margin:5px; float:left; background:#ffffff; position:relative; overflow:hidden; border:1px solid #CCCCCC; clear:both;}
.txt8{margin:20px; font-size:15px; color:#333333; display:block;}
.box8 h2{font-size:23px; color:#000000; padding:0 0 15px 0;}

.box9{width:190px; height:390px; margin:5px; float:left; background:#2CAAAD;overflow:hidden;}

.box10{width:590px; height:390px; margin:5px; float:left;background:#333333; overflow:hidden; text-align:center;}

.box11{width:190px; height:190px; margin:5px; float:left;background:#F5F5F5; overflow:hidden;text-align:center;}
.box11 img{height:100%;}

.submeniu{ clear:both; background: #000000; width:990px; height:29px; margin:0 auto;}
.submeniu b{color:#ffffff; background:#2CAAAD; text-decoration:none; padding:5px 20px; float:left;}
.submeniu a{color:#ffffff; background:#000000; text-decoration:none; padding:5px 20px; float:left; border-left:1px solid #ffffff;}
.submeniu a:hover{color:#ffffff; background:#2CAAAD;}
.submeniu a.sel{color:#000000; background:#ffffff;}

.radiobut {width:30px;}

.tabel td{padding:3px 5px; text-align:center;}


/* 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:4px;}
.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:4px;}
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:4px;}
a.pag:hover{color:#ffffff; background:#44D1D8; border:1px solid #44D1D8;}
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:4px;}
/* -------------------------- */

.input{margin:0 0 2px 0;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #666666;border-bottom:1px solid #666666; border-radius:2px;padding:3px 5px;}
.buton{color:#0E292A; background:#44CDD0; border-top:1px solid #A2E6E8;border-left:1px solid #A2E6E8;border-right:1px solid #226668;border-bottom:1px solid #226668; padding:3px 10px;border-radius:2px;font-weight:bold;}

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

/* Smaller than standard 990 (devices and browsers) */
@media only screen and (max-width: 990px) 
{
	.nomobile{display:none;}
	.nodesktop{display:inline;}
	.paginatie{font-size:0.9em;}
	body {font-size: 1.1em;}

	.container{width:90%; padding:0 5%;}
	
	.header{width:100%; height:auto;}
	.content{width:100%;}
	#footer{width:100%;}
	
	.logo{width:150px; height:35px; margin:0 0 0 0; background: url('/imagini/logo-hd.png') no-repeat; background-size:100% 100%;}
	.meniu-arata{ display: inline-block; float:right; width:35px; height:27px; cursor:pointer; margin:8px 0 0 0;}
	.meniu{ display:none; float:none; text-align:left; clear:both; border-top:10px solid #ffffff;}
	.meniu a{color:#ffffff; background:#A0A0A0; font-size:17px; float:none; display:block;margin:0 0 0 0; border-bottom:1px solid #ffffff;}
	.meniu a:hover{color:#ffffff; background:#000000;}
	.meniu a.sel{color:#ffffff; background:#2CAAAD;}
	
	.box22{width:100%; height:auto; margin:5px; float:left; background:#2CAAAD; position:relative; overflow:hidden;}
	.box22 h1{color:#ffffff; font-size:22px; font-weight:normal;}
	.plus22{ display:none;}
	.box8,.box7{width:100%; border:0;}
	.box6{width:100%; height:auto; min-height: inherit; margin:5px;border:0; background:#F5F5F5;}
	.txt6{margin:10px 20px; font-size:17px; }

	.box9{width:100%; height:auto; margin:5px; }
	.box10{width:100%; height:auto; margin:5px;}
	.box10 img{width:100%; display:block;}

	.input,.button{margin:0 0 2px 0; font-size:17px;}


}

/* 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) 
{
	.box1{width:46%; height:150px; margin:2%;}
	.txt2{font-size:10px;}

	.txt2 div{font-size:19px;}

	.plus1{ display:none;}
	.box2,.box11{width:46%; height:150px; margin:2%;}
	.box3,.box22,.box7,.box8,.box9,.box10{width:96%; height:auto; margin:2%;}
	.box7 img{ float:none; margin:0 0 10px 0; width:100%; height:auto;}

}