@charset "utf-8";
/* CSS Document */

html, button, input, select, textarea {  font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif;
}
body {
   margin: 0px;
   padding: 0px;
   font-size: 1.1em;
     font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif;
   background-image:url(../imagini/bg.png); background-repeat:repeat-y;
     background-color:#3DA2C2 
}
h1, h2, h3, h4 {
   margin: 10px 5px;
   font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif
}
h1 {
   font-size: 2em;
   color: #00F;
}
/*
 * MyFonts Webfont Build ID 1114443, 2011-09-02T06:08:04-0400 - REGULAR
 * MyFonts Webfont Build ID 1118460, 2011-09-05T07:13:16-0400 - MEDIUM
 * MyFonts Webfont Build ID 825795, 2011-05-26T03:42:08-0400 - SEMIBOLD
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1114443 - REGULAR
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1118460 - MEDIUM
 * License: http://www.myfonts.com/viewlicense?1056 - SEMIBOLD
 * 
 * Webfont: Geogrotesque SemiBold
 * URL: http://new.myfonts.com/fonts/emtype/geogrotesque/semibold/
 * Foundry: Emtype Foundry
 * Copyright: Copyright © 2009 by Eduardo Manso. All rights reserved.
 * Licensed pageviews: 10,000,000/month
 * 
 * © 2011 Bitstream Inc
*/

/* GEO - Semibold */
@font-face {font-family: 'Geogrotesque-SemiBold';src: url('../webfonts/geo-semibold/eot/style_169898.eot');src: url('../webfonts/geo-semibold/eot/style_169898.eot?#iefix') format('embedded-opentype'),url('../webfonts/geo-semibold/woff/style_169898.woff') format('woff'),url('../webfonts/geo-semibold/ttf/style_169898.ttf') format('truetype'),url('../webfonts/geo-semibold/svg/style_169898.svg#Geogrotesque-SemiBold') format('svg');}

/* GEO - Medium */
@font-face {font-family: 'Geogrotesque-Medium';src: url('../webfonts/geo-medium/eot/1110FC_0.eot');src: url('../webfonts/geo-medium/eot/1110FC_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/geo-medium/woff/1110FC_0.woff') format('woff'),url('../webfonts/geo-medium/ttf/1110FC_0.ttf') format('truetype'),url('webfonts/1110FC_0.svg#wf') format('svg');}

/* GEO - Regular */
 @font-face {font-family: 'Geogrotesque-Regular';src: url('../webfonts/geo-regular/eot/11014B_0.eot');src: url('../webfonts/geo-regular/eot/11014B_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/geo-regular/woff/11014B_0.woff') format('woff'),url('../webfonts/geo-regular/ttf/11014B_0.ttf') format('truetype'),url('../webfonts/geo-regular/svg/11014B_0.svg#wf') format('svg');}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../webfonts/flexslider-icon.eot');
	src:url('../webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/flexslider-icon.woff') format('woff'),
		url('../webfonts/flexslider-icon.ttf') format('truetype'),
		url('../webfonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}


header h1 {
   font-family:  Helvetica, Arial, sans-serif;
   text-shadow: 0 1px 0 #2F4C63;
   color: #fff;
   font-size: 42px;
   line-height:60px
/*   margin-bottom: 10px;
   margin-left: 0;
   margin-right: 0;
   margin-top: 15px*/;
}
header h2{
    margin: 0 0 30px; 
    font: normal 20px Geogrotesque-regular, Helvetica, Arial, sans-serif; 
    text-shadow: 0 1px 1px #555; 
    color: #fff; 
    }
    h2 a { color:#FFF}
    h2 a:hover { color:#FF0}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#F00;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#F00;
 opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#666;
 opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#F00;
}
/********* link**********/
a {
   color: #5B5BFF;
   text-decoration: none;
}
a:visited { text-decoration: none; }
a:hover { color: #00F; }
a:focus { text-decoration: none; }
/********* end link**********/
.clr {
   font-size: 1px;
   line-height: 0;
   clear: both;
   height: 1px;
}
div.rol {
   width:100%;
  overflow: auto;
}
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width:98%;
}
table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

table, tbody { width: 99.9%; 
  display: table;
}
tbody { background-color: #E9E9E9 }
th, td {
text-align:center;
}
td {   padding: 2px 4px; font-size:1em;  color:#333 }
th { background-color: #B2B2B2; font-size:1.3em; font-weight:normal; color:#000; text-align:center; padding:8px 2px; }
.td_p0{ padding:0}
tr:nth-child(even){background-color: #FFF}
.p_pf { text-indent: 25px; }
.linie {
   width: 100%;
   border: solid 1px #FFFFFF;
   border-radius: 4px;
   padding: 5px 2% 0 2%;
   margin: 2px auto;
   text-align: center;
}
.curbe { border-radius: 6px; }
.foto {
   border-radius: 4px;
   margin-right: 10px;
   margin-bottom: 5px;
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 10px 0px #000;
   width: auto;
   float: left;
}
.foto_g {
   border-radius: 6px;
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 20px 0px #333333;
}
.foto_chenar {
   border: solid 1px #666;
   padding: 6px;
   margin-right: 10px;
}
.umbra_text { text-shadow: 1px 1px 1px #333; }
.umbra_text2 { text-shadow: 0 1px 1px #000000; }
.titlu {
   font-size: 1.4em;
   color: #666666;
   text-align: center;
   text-shadow: 0px 0px 1px #000000;
}

.erori {
   color: #FF0000;
   font-size: 1.2;
}
.erori2 {
   color: #00F;
   font-size: 1em;
}
.umbra {
   -webkit-box-shadow: 0px 0 15px 0px #333333;
   box-shadow: 0px 0 8px 0px #333333;
}
.bg_div { background-color: #654E1D }
img {
   border: 0;
   -ms-interpolation-mode: bicubic;
   vertical-align: middle;
   max-width: 100%
}
input, textarea, select {
   border: solid 1px #ccc;
   border-radius: 4px;
   margin-bottom: 8px;
}
.input_jucate {
   border: solid 1px #3E2900;
   border-radius: 6px;
   margin-bottom: 5px;
   width: 98%;
   font-size: 1.1em;
   padding-bottom: 8px;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 8px;
}
.div_im a {
   display: block;
   padding: 5px 5px;
   margin-bottom: 4px;
   border: solid 1px #000;
   border-radius: 5px;
   font-size: 1em;
   text-shadow: 0 1px 1px #000000;
   color: #0D5201;
   background-color: #FFF;
}
.div_im a:hover {
   border: solid 1px #149C01;
   background-color: #DFFECD;/*color:#82FD4D;*/
}
.bd_n { border: none; }
.dim_text {
   padding-top: 5px;
   padding-right: auto;
   padding-bottom: 5px;
   padding-left: auto;
   text-align: left;
}

.input_dd {
   width: 60px;
   text-align: center;
   padding: 5px 2px;
   font-size: 1.2em;
   margin-right: 3px;
}
.textok { color: #FFF; }
.textok a { color: #EDFFE1; }
.textok:hover { color: #A0A0FE; }
.normal {
   font-size: 1em;
   font-weight: normal;
   color: #000;/*  text-shadow: 0px 1px 1px #000000;*/
}
.text14 {
   font-size: 1.1em;
   text-align: left;
}
.text14mq {
   font-size: 1.1em;
   color: #FF0;
}
.textalb, .textalb a {
   font-size: 1.1em;
   color: #FFF;
}
.text16 { 
   line-height: 35px;
   font-size: 1.2em;
   color: #FF0;
}
.text16b:hover { color: #00F; }
.text16b {
   font-size: 1.2em;
   color: #165272;
}
text16g {
   font-size: 1.2em;
   color: #333333;
}
.intern_meniu {
   font-size: 1em;
   color: #0000FF;
}
.intern_meniu:hover {
   color: #000;
}
.text18b {
   font-size: 1.4em;
   color: #165272;
}
.text18, .text18 a {
   font-size: 1.5em;
   color: #025988;
}
.text20 { font-size: 1.8em; }
.text20 a { color:#FF0}
.text20 a:hover { color: #9F3}
.textm {
   font-size: 1.3em;
   color: #0171A7;
}
.text18 a {
   color: #00F;
   font-size: 1.1em;
}
.text16_2 {
   font-size: 1.4em;
   color: #000;
}
.text16bgv {
   font-size: 1.3em;
   color: #0000FF;
}
.text_alb_normal { color:#FFF; font-size:1.2em;}
.nap {
   width: 30px;
   text-align: center;
   background-color: #013D47;
   border: solid 1px #FFF;
   color: #FF0;
   font-size: 1.4em;
   padding: 4px 2px;
}
.reci, .calde, .neutre {
   font-size: 0.9em;
   color: #000;
   text-shadow: 0.5px 0.5px 1px #333333;
}