/* CSS Document */

  
  
  
  
  body {margin: 0;
        padding:  0;
		background-color: #5F4538;
		text-align: center;
		font-family: Arial;

		}
		
  html, body {height: 100%;}		
 	
	td {text-align: center;}
		
 #container { width: 987px;
              height: 600px;
			  position: relative;
			  top: 0;
			  left: 0;
			  margin: 0 auto;
			  text-align: left;
			 
			  }
			  
 
 #page {height: 579px;}
 
 #left {width: 753px;
        height: 579px;
		float: left;
		background-color: #E5E5E5;
		background-image: url(../images/background_splash.jpg);
		background-repeat: no-repeat;
		background-position: 7px 9px; 
		position: relative;
		top: 0;
		left: 0;}
  
 
  		
 #border_top { width: 753px;
              height: 9px;
			  background-image: url(../images/border_top.jpg);
			  position: absolute;
			  top: 0;
			  left: 0;}
 
 #border_left { width: 7px;
              height: 561px;
			  background-image: url(../images/border_left.jpg);
			  position: absolute;
			  top: 9px;
			  left: 0;}
 #border_bottom { width: 753px;
              height: 9px;
			  background-image: url(../images/border_bottom.jpg);
			  position: absolute;
			  top: 570px;
			  left: 0;}
  #right { width: 232px;
           height: 561px;
		   float: right;
		   background-color: #AAB6D5;
		   position: relative;
		   top: 9px;
		   left: 0;}
  		   
		   
		   
		   
  #desero { height: 21px;
            width: 87px;
            position: absolute;
			top: 573px;
			right: 145px;
			background-color: transparent;
  }
  
  a:link img, a:visited img, a:hover img, a:active img {border-style: solid; border-width: 0;}
  .desero {
		   }
 
 
 h1 span, h2 span { display: none;}
 h1 { width: 658px;
      height: 125px;
	  background-image: url(../images/eu_dorm_splash.jpg);
	  position: absolute;
	  top: 417px; 
	  left: 57px;
	  margin: 0;
	  padding: 0;
	  }
 h2  {width: 201px;
      height: 75px;
	  background-image: url(../images/tessuti_logo_splash.jpg);
	  margin: 0;
	  padding: 0;
	  position: absolute;
	  top: 234px;
	  left: 176px;
	  }
 h3 {margin: 0; margin-bottom: 35px; padding: 0; height: 26px; background-image: url(../images/dot.jpg); background-position: left bottom; background-repeat: repeat-x; }	  

 h4 {margin: 0; padding: 0; height: 57px;}

	  	  		   		   
 p {margin: 0; padding: 0;}
 p.adresa span, #enter_splash p span  {display: none;}
 p.adresa { width: 30px;
            height: 386px;
			background-image: url(../images/adresa_splash.jpg);
			position: absolute;
			left: 178px;
			bottom: 15px;  

			}
 p.adresa_inner span {display: none;}
 p.adresa_inner {
            width: 31px;
			height: 389px;
			
			position: absolute;
			left: 110px;
			bottom: 21px;
 
 }
 
 #mov {background-image: url(../images/adresa_mov.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #orange {background-image: url(../images/adresa_orange.gif); background-repeat: no-repeat; background-position: left bottom;}
 #verde {background-image: url(../images/adresa_verde.gif); background-repeat: no-repeat; background-position: left bottom;}
 #roz {background-image: url(../images/adresa_roz.gif); background-repeat: no-repeat; background-position: left bottom;}
 #cs {background-image: url(../images/adresa_cs.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #ticlam {background-image: url(../images/adresa_ticlam.gif); background-repeat: no-repeat; background-position: left bottom;}
 #marin {background-image: url(../images/adresa_marin.gif); background-repeat: no-repeat; background-position: left bottom;}			
			
 
 #mov_en {background-image: url(../images/adresa_mov_en.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #orange_en {background-image: url(../images/adresa_orange_en.gif); background-repeat: no-repeat; background-position: left bottom;}
 #verde_en {background-image: url(../images/adresa_verde_en.gif); background-repeat: no-repeat; background-position: left bottom;}
 #roz_en {background-image: url(../images/adresa_roz_en.gif); background-repeat: no-repeat; background-position: left bottom;}
 #ticlam_en {background-image: url(../images/adresa_ticlam_en.gif); background-repeat: no-repeat; background-position: left bottom;}
 #marin_en {background-image: url(../images/adresa_marin_en.gif); background-repeat: no-repeat; background-position: left bottom;}			


#mov_it {background-image: url(../images/adresa_mov_it.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #orange_it {background-image: url(../images/adresa_orange_it.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #verde_it {background-image: url(../images/adresa_verde_it.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #roz_it {background-image: url(../images/adresa_roz_it.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #ticlam_it {background-image: url(../images/adresa_ticlam_it.jpg); background-repeat: no-repeat; background-position: left bottom;}
 #marin_it {background-image: url(../images/adresa_marin_it.jpg); background-repeat: no-repeat; background-position: left bottom;}			

			
			
 
 #enter_splash  {
   position: absolute;
            left: 385px;
			top: 155px;
			width: 180px;
			height: 120px;
			
 }


			   			  			  			  		
 p.enter   { background-image: url(../images/enter_site.jpg);
               
               width: 77px;
			   height: 18px;
  }
 #ro {position: absolute; top: 32px; left: 2px;}
 #it {position: absolute; top: 32px; left: 49px; }
 #en {position: absolute; top: 32px; left: 87px;}
 #hu {position: absolute; top: 32px; left: 132px;}
 
 
 
 #hu:link, #hu:visited, #hu:active {display: block; width: 28px; height: 24px; background-image: url(../images/hu.jpg); }
 #hu:hover {background-image: url(../images/hu_albastru.jpg);}
 
 
 p#info_splash_en, p#info_splash_it, p#info_splash_ro, p#info_splash_hu  {color: #5F4538;
                font-size: 11px;
				line-height: 13px;
				position: absolute;
				top: 57px;
				left: 2px;
				}
 .off {display: none; }
 .on {display: block;}
 #header_png { left: 28px; bottom: 20px; position: absolute; }
 #flash { 
		  
		  
		 
		  position: absolute;
		  top: 46px;
		  left: 26px;}
 #navigatie { width: 90px;
              height: 75px;
			  
			  position: absolute;
			  top: 31px;
			  right: 18px;}
 #navigatie div {width: 90px;
              height: 75px;
			  position: relative;
			  top: 0;
			  left: 0;
			 
			  }
			  
 #navigatie div span {font-family: Arial;
                      font-size: 10px;
					  color: #5F4538;
                       }			  
			  
			  
			  			  
			  
 #homepage {position: absolute;
            top: 0;
			right: 0;}
 #h {position: absolute;
     top: 0;
	 right: 23px;} 			
 			
 #profil {position: absolute;
          top: 19px;
		  right: 0;}
 
 #p {position: absolute;
     top: 22px;
	 right: 23px;}		  
		  
		  
 #locatie {position: absolute;
            top: 44px;
			right: 0;
           }
 #l {
      position: absolute;
	  top: 43px;
	  right: 23px;
     }		   
		   
 #contact {position: absolute;
           bottom: 0;
		   right: 0; }
 #c {position: absolute;
     top: 62px;
	 right: 23px;
	 }		   
		   		   		  						  		  
 img {display: block;}
 
  /*  menu bottom    */
  
  #menu_ro {position: absolute; right: 18px; bottom: 93px;}
  #menu_it {position: absolute; right: 18px; bottom: 72px;}
  #menu_en {position: absolute; right: 18px; bottom: 51px;}
  #menu_hu {position: absolute; right: 18px; bottom: 30px;}
  #logo {position: absolute; left: 26px; bottom: 30px;}
 
 
 /*  meniu_produse    */
   ul#meniu_produse { margin: 0; padding: 0; position: absolute; top: 31px; left: 26px; white-space: nowrap;
 }
   ul#meniu_produse li {padding: 0 8px; display: block; height: 16px; float: left; list-style: none; border-style: solid; border-width: 0 0 0 1px; border-color: #A79991; }
   
   ul#meniu_produse li.prima {border-width: 0; padding: 0 8px 0 0;}
   
 /* submeniu */
 
   #second_meniu { width: 134px; height: 294px;  border-style: solid; border-width: 0  1px 0 0; border-color: #A99B93; position: absolute; left: 7px; top: 73px;}
   #second_meniu div { padding: 0 8px 0 0; text-align: right; }
   #second_meniu div a:link, #second_meniu div a:visited, #second_meniu div a:active {font-family: Arial; font-size: 11px; line-height: 16px; height: 16px; color: #6E5D55; font-weight: bold; text-decoration: none;  display: block; float: right; clear: right;   } 
   #second_meniu div a:hover {color: #5A6A94;}
   #second_meniu div .selected:link, #second_meniu div .selected:visited, #second_meniu div .selected:active {font-family: Arial; font-size: 11px; line-height: 16px; height: 16px; color: #5A6A94; font-weight: bold; text-decoration: none;  display: block; float: right; clear: right; padding-left: 12px; background-image: url(../images/arrow.jpg); background-repeat: no-repeat; background-position: 0px 4px;   } 
   #second_meniu div .selected:hover {color: #5A6A94;}
   
  
   
   .inline {display: inline;}
   #text_profil { margin: 125px 48px 0 22px;   } 
   #text_profil p, #text_locatie p , #left_contact p  {margin: 0 0 15px; padding: 0; color: #5F4538; font-size: 11px; line-height: 13px;}
   #text_locatie { margin: 125px 513px 0 22px; }
   #text_contact { margin: 125px 81px 0 57px;   }
   #left_contact {float: left; width: 215px; padding-right: 15px; height: 293px; border-style: solid; border-width: 0 1px 0 0; border-color: #D2CAC6; }
   #right_contact {width: 305px; float: right;}
   #produse_inner { height: 182px;  width: 312px; position: relative; top: 0; left: 0;}
   #produse_inner p {margin: 0 0 17px; padding: 0; color: #5F4538; font-size: 11px; line-height: 13px;}
   
   #produse_inne { height: 182px; overflow: hidden; width: 312px; position: relative; top: 0; left: 0;}
   #produse_inne p {margin: 0 0 15px; padding: 0; color: #5F4538; font-size: 11px; line-height: 13px;}
   
   /* butoane */
   
   input.in {border-style: solid; border-width: 1px; border-color: #CECCCA; color: #5F4538; width: 234px; font-family: Arial; font-size: 11px;}
   textarea { border-style: solid; border-width: 1px; border-color: #CECCCA; color: #5F4538; width: 234px; font-family: Arial; font-size: 11px;}
   #formula td {font-size: 11px; color: #5F4538; font-family: Arial;}
   #bar {height: 13px; width: 233px; background-color: #77BBC3; float: right; padding-right: 5px;       }
   #produse { width: 360px; height: 456px;  position: absolute; left: 263px; top: 104px; padding-left: 4px;}
   
   
   /*  loader   */
   
    .hide1 {visibility: hidden;}
	.hide2 {display: none;}
	.show { visibility: visible; }
	
	#loader_content { width: 119px; height: 49px; position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -60px;}
	#loader { width: 119px; height: 49px; background-color: #5F4538; margin: 0 auto;   position: relative; top: 0; left: 0; }
    #insideloader {width: 100px; height: 12px; position: absolute; top: 19px; left: 9px; text-align: left;}
    #loadertrack {height: 2px; background-color: #5F4538; text-align: left;}
	#progres {background-color: #0066CC; height: 2px;}
	
	#map { width: 446px; height: 314px; background-image: url(../images/harta.jpg); position: absolute; top: 141px; left: 258px; }
	#skip {position: absolute; top: 31px; left: 26px; width: 64px; height: 10px;}
	#egipt {position: absolute; top: 405px; left: 25px; }
	#egipt_text {position: absolute; top: 300px; left: 42px; width: 539px; height: 107px; background-image: url(../images/egipt_text.jpg);}
	#egipt_text p {display: none;}
	#reg:link, #reg:visited, #reg:hover, #reg:active {font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: underline; color: #555CA0; position: absolute; top: 419px; left: 45px;  } 
	#regulament_text {position: absolute; top: 282px; left: 26px;}
	
	/* start tesaturi */
	 ul#caracteristici_nav {list-style: none; margin: 0; padding: 9px 0 0 ; width: 312px; float: left; }
	 ul#caracteristici_nav li {float: left; padding: 0 3px 3px 0; margin: 0;}
	 ul#caracteristici_nav li p, ul#caracteristici_nav li ul {display: none;}
	 ul#caracteristici_nav li a:link, ul#caracteristici_nav li a:visited, ul#caracteristici_nav li a:active {width: 19px; height: 19px; border: 0; display: block; background-repeat: no-repeat; background-position:  0 0;}
	 ul#caracteristici_nav li a:hover {/* background-position:  0 -19px; */ border-style: solid; border-color: #fff; width: 11px; height: 11px; border-width: 4px; background-position: -4px -4px;}
	 ul#caracteristici_nav li #selectat:link, ul#caracteristici_nav li #selectat:visited, ul#caracteristici_nav li #selectat:hover, ul#caracteristici_nav li #selectat:active { border-style: solid; border-color: #fff; border-width: 4px; background-position: -4px -4px; width: 11px; height: 11px;}
	 ul#instructiuni {list-style: none; margin: 0; padding: 0; width: 100%; float: left; padding-top: 7px;}
	 ul#instructiuni li {float: left; padding-right: 10px;}
	 ul#instructiuni li img {display: block;}
	 
	#produse_inner p#instructiuni_spalare {margin: 0;}
	p#instructiuni_spalare b {display: block;}
	
	/* end tesaturi */