@media only screen and (min-width: 1024px) {
  .container { width: 1000px; }
}

.mobile-0 {display: block; }
.mobile-1 {display: none; }

a.gri { color: #444; }
a:hover.gri { color: #000; }

/* SETARI GENERALE */
html, body { height: 100%; }
body { background-color: #f0f0f0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #222; }
.wrapper {min-height: 100%; position: relative; padding-bottom: 155px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* SECTIUNI PAGINA */
.header { background: #003550 url(../images/ui/header_bg.png); border-bottom: 1px solid #000; }

.header .logo-area a { display: block; position: relative; top: 10px; }

#footer { height: 143px; position: absolute; bottom: 0; color: #f1f1f1;  width: 100%; background: #003550 url(../images/ui/header_bg.png); }

#footer .logo-area { position : absolute; top: 15px; left: 0px; }
#footer .logo-area img { display: block; width: 180px; height: auto; margin-bottom: 5px;  }
#footer .container { height: 100%; }
#footer .copyright-info { text-align: right; padding-top: 10px; position: absolute; right: 0; bottom: 10px; }

#map-canvas { width: 100%; height: 460px; }
.box-left, .box-right { position: absolute; top: 40px; width: 320px; }
.box-left { left: 10%; }
.box-right { right: 10%; }

/* CULORI */
.bg-alb   {background-color: #fff;}
.bg-galben { background-color: #EDD167; }
.bg-orange {background-color: #ef8148;}
.bg-rosu  {background-color: #d8304c;}
.bg-verde {background-color: #a7d247;}
.bg-negru {background-color:#000;}
.bg-gri   {background-color:#555; color: #fff !important; }
.bg-1     {background-color: #EDD167;}

.bga-1 { background-color: #002436;  background-color: rgba(0, 36, 54, .9); color: #fff; }
.bga-1 label { color: #fff; }

.alb {color: #fff;}
.galben { color: #ffeb00;}
.orange {color: #ef8148;}
.rosu {color: #d8304c;}
.verde {color: #a7d247;}
.negru {color:#000;}
.gri { color: #555; }
.color-1 { color: #003A55; }
.color-2 { color: #fffb62; }
.color-3 { color: #003233; }

.bt { border-top: 2px solid #000; }

/* FORMATE TEXT */
.mic {font-size: 12px;}
.mic-mic {font-size: 11px;}
b, strong {font-weight: 600;}

.subtire {font-weight: 300;}
.mediu {font-weight: 400;}
.gros {font-weight: 600;}

.txt-1 { font-weight: 700; font-size: 24px; color: #EDD167; line-height: 1.2em; text-transform: uppercase; }
.txt-2 { font-weight: 600; font-size: 14px; color: #fff; line-height: 1.2em; text-transform: uppercase; }
.txt-3 { font-weight: 700; font-size: 16px; }
.txt-3 a { color: #444; }
.txt-3 a:hover { color: #000; }

.txt-4 { padding: 5px; background-color: #003A55; color: #fff; font-weight: 600;  }


.fs-20 { font-size: 20px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }
.fs-10 { font-size: 10px; }

/* BOX ELEMENTS */
.box-1 { width: 100%; height: 100%; background-image: url(../images/ui/bg_opacity.png); position: relative; }
.box-2 { padding: 15px; height: 114px; overflow: hidden; }

.slide-box { background-color: #003A55; width: 245px; height: 100%; position: absolute; right: 0; top: 0;  }
.rgba .slide-box { background-color: rgba(8, 61, 63, .85); }
.slide-box p { max-height: 220px; overflow: hidden; }

/* LISTE */
.lista-5:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.lista-5 li { margin-bottom: 10px; }

.lista-download li { padding: 5px 0px; border-bottom: 1px dotted #ccc; }
.lista-download li a { padding-left: 30px; background: transparent url(../images/icons/download.png) left center no-repeat; color: #000; }
.lista-download li a:hover { background-color: #6184a3; }

.lista-partners:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.lista-partners li { display: inline-block; margin-left: 20px; float: left; }
.lista-partners li:first-child { margin-left: 0px; }

/* Dialogul Adauga documente */
#add-doc-box { background: #fff; max-width: 35em; }

/* CLASE */
.lock { background: url(../images/lock.png) left no-repeat; padding-left: 40px; height: 28px; padding-top: 20px; color: #888; }
.cal { background: url(../images/icons/cal.png) left center no-repeat; padding-left: 20px; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* 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-0 {display: none; }
  .mobile-1 {display: block; }
}

/* 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) {
}