@charset "UTF-8";
/* CSS Document */
img
{
	max-width:100%;
}


.bgd-fact2
{
    
    border-top: none;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	outline:none;
}
#sortable, #sortable2, #sortablen, #sortableg, #sortablep, #sortablet
{
	list-style:none;
}
.paddingl1
{
	padding-left:1%;
}
.redBorder{ border: 1px solid red;}
.p50
{
    float: left;
    width: 50%;
}


.tabeldeviz td
{
    padding: 2px;
}


.tabledevizx
{
    border-collapse: collapse;
   
}
.tabeldevizx td
{
    padding: 2px;
    border: 1px solid #DFDFDF;
}

table, tr, td
{
	padding: 0;
	margin: 0;
	 vertical-align: top;
	
}
table.calendar-tot {
    empty-cells: hide;
	 border-collapse: collapse;
}
.calendar-zi
{
	border: 1px solid #cbcbcb;
	padding: 1%;
	padding-top: 8px;
	padding-bottom: 12px;
	height: 100%;
	margin: 2%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
	color: #000;
}

.calendar-zi a
{
	color:#cbcbcb;
}

.negru a
{
	color:#000;
}

.evenimente-calendar
{
	min-height: 50px;
}

.calendar-zi:hover
{
	background-color:#f4f2ee;
	box-shadow:0 1px 3px 0px rgba(37,32,31,.1);
}

.zi-calendar a
{
	font-size: 48px;
	text-align: center;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	display: block;
}
.zi-sapt-calendar a
{
	font-size: 12px;
	text-align: center;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	padding-bottom: 5px;
	border-bottom: 1px solid #cbcbcb;
	margin-bottom: 10px;
	margin-left: 2%;
	margin-right: 2%;
	text-decoration: none;
	display: block;
}

.eveniment-calendar a
{
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.eveniment-calendar a:hover
{
	background-color: #fbfbfb;
}


.eveniment-calendar2 a
{
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 28px;
	cursor: pointer;
}

.eveniment-calendar2 a:hover
{
	background-color: #fbfbfb;
}

.calendar-luna
{
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-weight: 300;
	height: 24px;
	display: block;
	
	
}


.tabel tr:hover
{
    background-color: #DFDFDF;
}
.tabel tr
{
    background-color: #FFF;
}

.tabel tr td
{
    padding: 5px;
}

.tabel2:hover
{
    background-color: #DFDFDF;
}
.tabel2
{
    background-color: #FFF;
}

.tabel2 td
{
    padding: 5px;
}



.field-formg
{
	width: 98%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: none;
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	padding-left: 1%;
	padding-right: 1%;
}

.field-formgc
{
	width: 98%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: none;
	height: 32px;
	line-height: 32px;
	padding-left: 1%;
	padding-right: 1%;
}

.buton-login2 a
{

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #fff;
	outline: none;
	border: 1px solid #0b8c83;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #0b8c83;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
    text-decoration: none;
    display: block;
    float: left;
    margin-left: 1%;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 150px;
}


.lista-poze
{
	
	width: 25%; 
	float:left;
}

.lista-poze2
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	width: 84%;
	margin: 4%;
	padding: 4%;
	background-color: #FFF;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
}


.cauta-tot
{
	width:30%;
	max-width: 200px;
	float:left;	
}
.buton-cauta
{
	background:transparent;
	width: 30%;
	float: left;
	outline: none;
	border: none;
	background-image:url(images/cauta.png);
	background-size: auto 25px;
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
}
.casuta-cauta
{
	color: #FFF;
	background: transparent;
	border: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	float:left;
	width: 68%;
	height: 40px;
	line-height: 40px;
}

.cauta-tot
{
	float:left;
	width: 40%;
}
.container {
        margin:0 auto;
        max-width: 72em;
      }
      #color, #centered {
        padding: 1em;
        background: #fff;
        float: left;
        width: 50%;
        box-sizing: border-box;
      }
      #color .nanobar, #centered .nanobar {
        margin-bottom: 2em;
      }

      #color .nanobar .bar {
        background: #38f;
        border-radius: 4px;
        box-shadow: 0 0 10px #59d;
        height: 6px;
        margin: 0 auto;
      }
      #centered .nanobar .bar {
        background: url('img/rainbow.gif') 100%;
        height: 9px;
      }

.clear
{
	clear:both;
	}

 html
{
	background-color: #f5f5f5;
	height:100%;
	}

body
{
	min-width:350px;
	height:100%;
	background-color: #f5f5f5;
	}
.bgd-login { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.separator13p
{
	height:13%;
}
.casuta-login
{
	margin:auto;
	width: 340px;
	padding: 1.5%;
	max-width: 86%;
	background-image: url(images/alb.png);
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
}
.meniu-sus
{
	padding:8px 0px;
	background-color: #455a64;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
	height: 40px;
	position: fixed;
	top: 0;
	width: 100%;
	left:0;
	z-index: 2;
}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}

.buton-meniu a
{
	float:left;
	margin-right: 20px;
	margin-left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 20px; 
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	behavior:url(/PIE.htc);
	background-color: #546e7a;
	text-decoration: none;
	display: block;
}


.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:5px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

#deasupra2
{
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(images/negru-transparent.png);
	position:fixed;
	z-index:1030;
	}
#deasupra
{
	width:80%;
	padding:0.5%;
	position:fixed;
	top:8%;
	background-color:#FFF;
	margin-left:9.5%;
	z-index:1035;
		border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	box-shadow:0px 0px 10px 5px #898888;
	overflow:auto;
	max-height:95%;
	}


.buton-adauga-categorie a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #03a9f4;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-categorie a:hover
{
	background-color: #97dfff;
}
.buton-adauga-galerie a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #009688;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-galerie a:hover
{
	background-color: #6cc3bb;
}

.buton-adauga-noutate a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #7e57c2;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-noutate a:hover
{
	background-color: #b097db;
}

.buton-adauga-testimoniale a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #ff5722;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-testimoniale a:hover
{
	background-color: #ff8a65;
}


.p30
{
	float:left;
	width: 32%;
	padding-right: 1%;
}


.p25
{
	float:left;
	width: 24%;
	padding-right: 1%;
}

.p15
{
	float:left;
	width: 15%;
	padding-right: 1%;
}

.p10
{
	float:left;
	width: 8%;
	padding-right: 2%;
}

.p90
{
	float:left;
	width: 90%;
}

.p70
{
	float:left;
	width: 65%;
	padding-right: 1%;
}


.buton-adauga-user a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 20px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #0ec6db;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-user a:hover
{
	background-color: #80dae4;
}


.buton-simplu
{

	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-align: center;
	color: #000;
	outline: none;
	border: 1px solid #BFBFBF;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #fff;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
    text-decoration: none;
    padding-left: 8px;
    padding-right: 8px;
}
.buton-adauga-pagina a
{
	float:left;
	margin-right: 15px;
	margin-left: 5px;
	width: 50px;
	height: 50px;
	border-radius: 25px; 
	-moz-border-radius:25px;
	-webkit-border-radius: 25px;
	behavior:url(/PIE.htc);
	background-color: #ff9800;
	text-decoration: none;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	display: block;
}
.buton-adauga-pagina a:hover
{
	background-color: #fbd092;
}

.buton-meniu a:hover
{
	background-color:#607d8b;
}
.titlu-cont
{
	clear: both;
	padding-top: 5px;
	padding-left: 10px;
	font-family: 'Open Sans', sans-serif;
	color: #cfd8dc;
	font-weight: 400;
	font-size: 14px;
    text-align: center;
}
.titlu-cont2
{
	font-family: 'Open Sans', sans-serif;
	color: #CECECE;
	font-weight: 400;
	font-size: 12px;
}



.padding2
{
	padding:5%;
}

.poza-cont
{
	float:left;
	overflow: hidden;
	width: 70px;
	height: 70px;
	border-radius: 40px; 
	-moz-border-radius:40px;
	-webkit-border-radius: 40px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	display: block;
}

.poza-cont2
{
	margin: auto;
	overflow: hidden;
	width: 90%;
	max-width: 90px;
	height: 100%;
	max-height: 90px;
	border-radius: 120px; 
	-moz-border-radius:120px;
	-webkit-border-radius: 120px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	display: block;
}

.buton-sus a
{
	float:right;
	overflow: hidden;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 20px; 
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	behavior:url(/PIE.htc);
	background-color: #546e7a;
	text-decoration: none;
	display: block;
}
.meniu-login
{
	position:absolute;
	top: 57px;
	right: 10px;
	min-width:180px;
	background-color: #FFF;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	z-index: 10px;
	padding: 6px 0px;
}

.casuta100
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 96%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
}
.steag
{
	float:right;
	width: 40px;
	padding-right: 1%;
}

.casuta100c
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 96%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
}

.categoriedrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 95%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #03a9f4;
}
.galeriedrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 95%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #009688;
}


.noutatedrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 95%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #7e57c2;
}


.testimonialedrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 95%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #ff5722;
}



.userdrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 95%;
	padding: 1%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #0ec6db;
}


.p30
{
	float:left;
	width: 32%;
	padding-right: 1%;
}

.p10
{
	float:left;
	width: 8%;
	padding-right: 2%;
}

.p90
{
	float:left;
	width: 90%;
}

.p70
{
	float:left;
	width: 65%;
	padding-right: 1%;
}

.subcategoriedrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 93%;
	padding: 1%;
	margin-left: 3%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #8bc34a;
}

.paginadrag
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 91%;
	padding: 1%;
	margin-left: 5%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
	border-left: 10px solid #ff9800;
}


.lista
{
	list-style:none;
}
.casuta90
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 90%;
	padding: 1% 1% 1% 1%;
	margin-left: 7%;
	clear: both;
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	text-decoration: none;
}

.casuta50
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 46%;
	padding: 1%;
	float:left;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	background-color: #FFF;
}



.casuta75
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 71%;
	padding: 1%;
	float:left;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
	background-color: #FFF;
}


.casuta25
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 21%;
	padding: 1%;
	float:left;
	background-color: #FFF;
	border-radius: 2px; 
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
	behavior:url(/PIE.htc);
}

.d25
{
	float:left;
	margin: 1%;
	width: 23%;
}

.d33
{
	float:left;
	margin: 1%;
	width: 31%;
}

.d50
{
	float:left;
	margin: 1%;
	width: 48%;
}
.d66
{
	float:left;
	margin: 1%;
	width: 64%;
}

.d75
{
	float:left;
	margin: 1%;
	width: 73%;
}
.d100
{
	float:left;
	margin: 1%;
	width: 98%;
}
.profil a
{
	color: #616161;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	background: transparent;
	width: auto;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	
	background-size: 7px auto;
	background-position: left;
	background-repeat: no-repeat;
	background-image:url(images/profil.png);
		background-position: left;
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: 10px;
	
}
.profil a:hover
{
	
	color: #000;
	background-color: #f9f8f8;

}

.logout a
{
	color: #616161;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	background: transparent;
	width: auto;
	font-size: 12px;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	
	background-size: 7px auto;
	background-position: left;
	background-repeat: no-repeat;
	background-image:url(images/logout.png);
		background-position: left;
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: 14px;
	
}
.logout a:hover
{
	
	color: #000;
	background-color: #f9f8f8;

}

.buton-sus a:hover
{
	background-color:#607d8b;
}

.titlu-modul
{
	float:left;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #FFF;
	width: 180px;
	text-shadow: 1px 1px 2px #263238;
	
}
.meniu-stanga
{
	min-height: 100%;
	width: 280px;
	float:left;
	background-color: #263238;
	padding-top: 76px;
	overflow: hidden;
}

.meniu-stanga2
{
	min-height: 100%;
	width: 50px;
	float:left;
	background-color: #263238;
	padding-top: 76px;
	overflow: hidden;
}
.continut
{
	float:right;
	width: -webkit-calc(99% - 290px);
    width:    -moz-calc(99% - 290px);
    width:         calc(99% - 290px);
	padding-top: 76px;
	padding-right: 1%;
}

.continut2
{
	float:right;
	width: -webkit-calc(99% - 70px);
    width:    -moz-calc(99% - 70px);
    width:         calc(99% - 70px);
	padding-top: 76px;
	padding-right: 1%;
}
.logo
{
	width: 100%;
	text-align: center;
}
.separator10
{
	clear: both;
	height: 10px;
}

.separator20
{
	clear: both;
	height: 20px;
}
.text, .text a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

.text-mic-pdf
{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}


.text-mic-pdf2
{
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #000;
	text-decoration: none;
}


.text-mic-pdf3
{
	font-family: 'Open Sans', sans-serif;
	font-size: 7px;
	color: #000;
	text-decoration: none;
}


.programare, .programare a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
    line-height: 15px;
	color: #000;
	text-decoration: none;

}

.programare
{
    
    padding: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #cecece;
    border-radius: 0;
    background-color: #FFF;
}

.text-mic, .text-mic a
{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #c0c0c2;
	text-decoration: none;
}
.text-mic a
{
	color: #5ba6f4;
}

.text-mic a:hover
{
	color: #000;
}
.rosu
{
	color:#e15719;
}
.text-form
{
float:left;
	width: 20%;
	/*color: #9e9e9e;*/
	padding-top: 7px;
}
.continut-form
{
	float:right;
	width: 80%;
}
.field-form
{
	width: 97%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: 1px solid #cbcbcb;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	padding-left: 1%;
	padding-right: 1%;
}

.field-form-mic
{
	width: 50%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: 1px solid #cbcbcb;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	padding-left: 1%;
	padding-right: 1%;
}

.field-text
{
	width: 97%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: 1px solid #cbcbcb;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #fff;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.separator-pagina
{
	height:10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cbcbcb;
	clear: both;
}

.buton-login
{
	width: 99%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	color: #fff;
	outline: none;
	border: 1px solid #0b8c83;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #0b8c83;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
}
.buton-login:hover
{
	background-color: #064c47;
	border:#064c47;
}
.dashboard a
{
	background-image: url(images/dashboard.png);
}
.comenzi a
{
	background-image: url(images/comenzi.png);
}
.meta a
{
	background-image: url(images/meta.png);
}
.user a
{
	background-image: url(images/user.png);
}
.pagini a
{
	background-image: url(images/pagini.png);
}
.destinatii a
{
	background-image: url(images/locatii.png);
}


.categorii-produse a
{
	background-image: url(images/categorii.png);
}
.noutati a
{
	background-image: url(images/noutati.png);
}
.banner a
{
	background-image: url(images/bannere.png);
}
.newsletter a
{
	background-image: url(images/newsletter.png);
}
.aplicatie a
{
	background-image: url(images/aplicatie.png);
}
.galerie a
{
	background-image: url(images/galerie.png);
}
.testimoniale a
{
	background-image: url(images/testimoniale.png);
}

.parteneri a
{
	background-image: url(images/parteneri.png);
}
.video a
{
	background-image: url(images/video.png);
}

.produse a
{
	background-image: url(images/produse.png);
}


.loc a
{
	float:left;
	width: 20%;
	float:left;
	display: block;
	text-decoration: none;
	background-image: url(../images/gol.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	height: 34px;
	
}


.volan a
{
	width: 80px;
	display: block;
	text-decoration: none;
	background-image: url(../images/volan.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	height: 40px;
	
}

.sters a
{
	float:left;
	width: 20%;
	float:left;
	display: block;
	text-decoration: none;
	background-image: url(../images/sters.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px auto;
	height: 34px;
	
}

.culoar a
{
	float:left;
	width: 20%;
	float:left;
	display: block;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
		height: 34px;
	
}


.clienti a
{
	background-image: url(images/clienti.png);
}
.diagrame a
{
	background-image: url(images/diagrame.png);
}
.noutati a
{
	background-image: url(images/noutati.png);
}
.banner a
{
	background-image: url(images/bannere.png);
}
.newsletter a
{
	background-image: url(images/newsletter.png);
}
.galerie a
{
	background-image: url(images/galerie.png);
}
.testimoniale a
{
	background-image: url(images/testimoniale.png);
}

.parteneri a
{
	background-image: url(images/parteneri.png);
}
.video a
{
	background-image: url(images/video.png);
}
.buton a
{
	padding-left:50px;
	height: 50px;
	line-height: 50px;
	color: #90a4ae;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	font-weight: 600;
	background-position: 12px;
	background-size: 27px auto;
	background-repeat: no-repeat;
}
.buton-select a, .buton a:hover
{
	padding-left:50px;
	height: 50px;
	line-height: 50px;
	color: #90a4ae;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	background-color:#455a64;
	color:#FFF;
	background-size: 27px auto;
	display: block;
	font-weight: 600;
	background-position: 12px;
	background-repeat: no-repeat;
}
.ascuns, .ascuns2
{
	display:none;
}
.deascuns
{
	display:block;
}
.p45
{
	float: left; 
	width: 45%;
}

@media screen and (max-width: 1000px) {
	#deasupra
{
	width:96%;
	padding:1%;
	position:fixed;
	top:3%;
	background-color:#FFF;
	margin-left:1%;
	z-index:1035;
	box-shadow:0px 0px 10px #898888;
	}
.deascuns2
	{
		display:none;
	}
.ascuns2
	{
		display:block;
	}	
}

@media screen and (max-width: 650px) {
    
.p50
    {
    width: 100%;
    }
    
    
    
.deascuns
	{
		display:none;
	}
.casuta25
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 44%;
	padding: 2%;
	float:left;
	background-color: #FFF;
}	
.p45
{
	float: none;
	clear: both;
	width: 100%;
}	

.casuta50, .casuta75
{
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
	margin:1%;
	width: 94%;
	padding: 2%;
	clear: both;
	background-color: #FFF;
}	
html{
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
}
	.titlu-modul
{
	width: auto;
}
	.continut
	{ float: left;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;}
	.continut2
{
	float:right;
	width: -webkit-calc(98% - 65px);
    width:    -moz-calc(98% - 65px);
    width:         calc(98% - 65px);
	padding-top: 76px;
	padding-right: 2%;
}
	
	.deascuns
	{
		display:none;
	}
	.ascuns
	{
		display: block;
	}
	
	.meniu-stanga
	{
		margin-left: -300px;
	}
	.text-form
{
float:none;
	width: 100%;
	padding-top: 7px;
	clear: both;
	
}
.continut-form
{
float:none;
	width: 100%;
	clear: both;
}
	
	.steag
{
	width: 25px;
}
	
	.p30, .p70
{
	float:left;
	padding-bottom: 10px;
	width: 45%;
	padding-right: 0%;
	padding-left: 5%;
}
	#deasupra
{
	width:96%;
	padding:1%;
	position:fixed;
	top:3%;
	background-color:#FFF;
	margin-left:1%;
	z-index:1035;
	box-shadow:0px 0px 10px #898888;
	}	
	
	
.field-form-mic
{
	width: 97%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: 300;
	outline: none;
	border: 1px solid #cbcbcb;
	border-radius: 4px; 
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	behavior:url(/PIE.htc);
	background-color: #fff;
	height: 32px;
	line-height: 32px;
	padding-left: 1%;
	padding-right: 1%;
}
	.d100, .d25,.d33,.d66,.d50,.d75
{
	float:left;
	margin: 1%;
	width: 98%;
}
    .p30, .p70, .p15, .p25
{
	float:left;
	padding-bottom: 10px;
	width: 45%;
	padding-right: 0%;
	padding-left: 5%;
}
}