/* Zapochva tqloto */
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Cardo:400,700);



@font-face {

	font-family: 'CANDARA';

	src: url('./CANDARA.eot');

	src: local('CANDARA'), url('./CANDARA.woff') format('woff'), url('./CANDARA.ttf') format('truetype');

}

/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1398">Text with this font applied</p> */

.fontsforweb_fontid_1398 {

	font-family: 'CANDARA' !important;

}

img {
	max-width: 968px;
}

a { text-decoration:none; } 

* { padding: 0; margin: 0; }

body { font-family:Verdana, Geneva, sans-serif; font-size: 13px; font-weight:normal; margin-bottom:20px; overflow-x: hidden; height:100%; }
#wrapper { margin: 0 auto; width:100%; }
#faux { margin: 0 auto; margin-top:37px; }
.faux-l { width:600px; float:left; margin-left:15px; }
.faux-r { width:335px; float:left; }
 
.line { position:absolute; top:0px; right:47px; color:#FFFFFF; font-family: 'CANDARA' !important; font-size:14px; }

    #tabs {
      float:left;
      width:100%;
      font-size:14px;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:0 10px 0 50px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
	  background-color:#000000;
      padding:8px 15px 4px 15px;
      color:#FFFFFF;
	  height:23px;
	    -moz-border-radius: 0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#b9a27b;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
 
 
#header-i {    
    /* The image used */
 
    background-image: url("../images/home-page.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 87vh;
    position: relative;

		}

#header-types-of-wine {    
    /* The image used */
    background-image: url("../images/filosofia.jpg");

    /* Full height */
    height: 487px; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	position:relative; 
		}
		
#header {    
    /* The image used */
    background-image: url("../images/home-page.jpg");

    /* Full height */
    height: 287px; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	position:relative; 
		}


.zaglavie-nagradi { font-family:'CANDARA'; font-size:16px; }
.zaglavie-nagradi a, zaglavie-nagradi a:link, zaglavie-nagradi a:visited, zaglavie-nagradi a:active { color:#900; }


.oblast { color:#333; padding:0 0 15px 0; font-size:26px; font-weight:bold; }
.oblast-blizo { color:#000; padding:0 0 15px 0; font-size:26px; }
.blizo-do-vas-map { background-image:url(../images/blizo-do-vas.jpg); background-repeat:no-repeat; width:1132px; height:670px; position:relative; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:16px; } 

.blagoevgrad { position:absolute; top:537px; left:197px; color:#FFF; font-weight:bold; }
.burgas { position:absolute; top:357px; right:267px; color:#FFF; font-weight:bold; }
.varna { position:absolute; top:237px; right:207px; color:#FFF; font-weight:bold; }
.veliko_tyrnovo { position:absolute; top:217px; left:527px; color:#FFF; font-weight:bold; width:120px; text-align:center; }
.vidin { position:absolute; top:120px; left:107px; color:#FFF; font-weight:bold; } 
.vratsa { position:absolute; top:197px; left:267px; color:#FFF; font-weight:bold; }  
.gabrovo { position:absolute; top:287px; left:492px; color:#FFF; font-weight:bold; } 
.dobrich { position:absolute; top:137px; right:162px; color:#FFF; font-weight:bold; } 
.kurdjali { position:absolute; top:567px; left:507px; color:#FFF; font-weight:bold; } 
.kuistendil { position:absolute; top:427px; left:117px; color:#FFF; font-weight:bold; }
.lovech { position:absolute; top:277px; left:387px; color:#FFF; font-weight:bold; }
.montana { position:absolute; top:177px; left:165px; color:#FFF; font-weight:bold; }
.pazardjik { position:absolute; top:437px; left:311px; color:#FFF; font-weight:bold; font-size:15px; }
.pernik { position:absolute; top:357px; left:134px; color:#FFF; font-weight:bold; font-size:15px; }
.pleven { position:absolute; top:177px; left:397px; color:#FFF; font-weight:bold; } 
.plovdiv { position:absolute; top:397px; left:417px; color:#FFF; font-weight:bold; font-size:15px; }
.razgrad { position:absolute; top:147px; right:357px; color:#FFF; font-weight:bold; font-size:15px; }
.ruse { position:absolute; top:147px; right:487px; color:#FFF; font-weight:bold; }
.silistra { position:absolute; top:77px; right:287px; color:#FFF; font-weight:bold; }
.sliven { position:absolute; top:327px; right:417px; color:#FFF; font-weight:bold; }
.smolyan { position:absolute; top:547px; left:387px; color:#FFF; font-weight:bold; font-size:15px; }
.sofia_oblast { position:absolute; top:287px; left:187px; color:#FFF; font-weight:bold; font-size:15px; }
.sofia { position:absolute; top:338px; left:215px; color:#FFF; font-size:15px;   -ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform: rotate(-20deg); /* Safari 3-8 */
  transform: rotate(-20deg); rotation-point:50% 50%; }
.stara_zagora { position:absolute; top:367px; left:520px; color:#FFF; font-weight:bold; width:100px; text-align:center; }
.tyrgovishte { position:absolute; top:227px; right:374px; color:#FFF; font-weight:bold; font-size:15px; }
.haskovo { position:absolute; top:497px; left:587px; color:#FFF; font-weight:bold; }
.shumen { position:absolute; top:217px; right:297px; color:#FFF; font-weight:bold; }
.yambol { position:absolute; top:417px; right:367px; color:#FFF; font-weight:bold; }

#linkove { font-size:17px; }
#linkove  a, linkove  a:link, linkove  a:visited, linkove  a:active { color:#900; font-size:17px;  }
#linkove  a:hover { color:#900; font-size:17px; text-decoration:underline; }



#information { font-size:18px; font-family: 'CANDARA'; color:#666; margin:50px 87px; text-align:justify; }
#information a, information a:link, information a:visited, information a:active, information a:hover { font-family:"CANDARA"; color:#900; } 

.logo-enter { position:absolute; background:#252220; top:47px; width:387px; height:122px; }
.logo { padding:13px 0 0 6px; } 


.kytiq-view { float:left; position:relative; margin:0 5px 0 5px; }
#b_pic { width:auto; height:auto; }
.b_zagl { width:350px; color:#006699; font-size:16px; margin:8px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight:bold; }
.b_zagl a, b_zagl a:link, b_zagl a:visited, b_zagl a:active, b_zagl a:hover { color:#006699; font-size:13px; margin:5px 0 5px 0; text-decoration:none; }

#picture { position:relative; }

#faux 
{
 width: 100%
}
#leftcolumn_index { width:850px; margin-left: auto; margin-right: auto; position:relative; }
#leftcolumn { width:650px; float:left; position:relative; }

.types-of-wine { padding:50px 0 0 5px; }
.vitalized { float:left; width:300px; }

.clear { clear:both; }

.zaglavie-preview { font-size:22px; }

.kypi-vino { position:absolute; top:100px; right:10px; }


.nagradi { margin:50px 87px; font-size:16px; font-family:Verdana, Geneva, sans-serif; position:relative; }
.nagradi a, nagradi a:link, nagradi a:visited, nagradi a:active, nagradi a:link, nagradi a:hover { text-decoration:none; font-size:16px; font-family:Verdana, Geneva, sans-serif; }
.nagradi a:hover { text-decoration:underline; color:#333; }

#title-lang { font-size:18px; font-family: 'CANDARA'; color:#666; margin:20px 87px 37px 87px; text-align:justify; }

#contact { margin:auto; margin-right: auto; width:950px;  }
.maps { margin-top:25px; }

.line-top { position:absolute; top:0px; right:608px; font-family: 'CANDARA' !important; font-size:14px; background:#333; }

.shop-button { position:absolute; left:0px; width:99px; background-image:url(../images/shop.png); background-repeat:no-repeat; height:36px; }
.shop-button-txt { position:absolute; top:7px; left:18px; }
.shop-button-txt a, shop-button-txt a:link, shop-button-txt a:visited, shop-button-txt a:active  { text-decoration:none; color:#FFF; }
.shop-button-txt a:hover { text-decoration:none; color:#b9a27b; }

.brand-button { position:absolute; left:103px; width:114px; background-image:url(../images/brand.png); background-repeat:no-repeat; height:36px; }
.brand-button-txt { position:absolute; top:7px; left:16px; }
.brand-button-txt a, brand-button-txt a:link, brand-button-txt a:visited, brand-button-txt a:active  { text-decoration:none; color:#FFF; }
.brand-button-txt a:hover { text-decoration:none; color:#b9a27b; }


.basket-button { position:absolute; left:222px; width:114px; background-image:url(../images/basket.png); background-repeat:no-repeat; height:36px; }
.basket-button-txt { position:absolute; top:5px; left:12px; }
.basket-up-down { position:absolute; top:3px; left:25px; }
.basket-button-txt a, basket-button-txt a:link, basket-button-txt a:visited, basket-button-txt a:active  { text-decoration:none; color:#FFF; }
.basket-button-txt a:hover { text-decoration:none; color:#b9a27b; }


.blizo-do-vas-button { position:absolute; left:341px; width:117px; background-image:url(../images/blizo-do-vas.png); background-repeat:no-repeat; height:36px; }
.blizo-do-vas-button-txt { position:absolute; top:7px; left:11px; }
.blizo-do-vas-button-txt a, blizo-do-vas-button-txt a:link, blizo-do-vas-button-txt a:visited, blizo-do-vas-button-txt a:active  { text-decoration:none; color:#FFF; }
.blizo-do-vas-button-txt a:hover { text-decoration:none; color:#b9a27b; }

.contact-button { position:absolute; left:460px; width:114px; background-image:url(../images/contact.png); background-repeat:no-repeat; height:36px; }
.contact-button-txt { position:absolute; top:7px; left:23px; }
.contact-button-txt a, contact-button-txt a:link, contact-button-txt a:visited, contact-button-txt a:active  { text-decoration:none; color:#FFF; }
.contact-button-txt a:hover { text-decoration:none; color:#b9a27b; }

.line-flag { position:absolute; right:57px; top:20px; }
.bg { position:absolute; top:15px; }
.en { position:absolute; top:45px; }
.de { position:absolute; top:75px; }

#footer { width:400px;
margin-top:20px;
margin-bottom:30px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0; }
.f-txt { font-size:15px; color:#333; float:left; margin:12px 25px 0 0; }
.icon { float:left; margin-right:5px; }

#awards-and-shop { position:absolute; top:78px; width:150px; left:207px; height:125px;
border-radius: 5px 20px 5px; background: #900; opacity: 0.8; filter: alpha(opacity=80); }

.shop-icon { float:left; margin:0 15px 0 15px; width:112px; color:#FFF; font-weight:bolder; }
.shop-icon a, shop-icon a:link, shop-icon a:visited, shop-icon a:active  { text-decoration:none; color:#FFF; }
.shop-icon a:hover { text-decoration:underline; color:#FFF; }


.awards-icon { float:left; padding-left:10px; width:80px; color:#FFF; font-weight:bolder; display:none; }
.awards-icon a, awards-icon a:link, awards-icon a:visited, awards-icon a:active  { text-decoration:none; color:#FFF; }
.awards-icon a:hover { text-decoration:underline; color:#FFF; }

@font-face{font-family:'Calluna';
 src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/callunasansregular-webfont.woff') format('woff');
}


input[type="text"]{
    
    padding: 5px;   
    border: 1px solid #DDDDDD;
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #FFFFFF 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    


}
input[type="text"]:hover
{
    border:1px solid #cccccc;
}
input[type="text"]:focus
{
    box-shadow:0 0 2px #464646;
}



	textarea {
		
	width:200px;
	height:100px;
		
    padding: 5px;   
    border: 1px solid #DDDDDD;
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #FFFFFF 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
  	
  }
  
  
  textarea:hover
    {
    border:1px solid #cccccc;
	}
	
	textarea:focus
	{
    box-shadow:0 0 2px #464646;
	}


input[type=submit] {
    border: 1px solid #0097B2;
    color: #fff;
    background: #0097B2;
    padding: 12px 73px;
    border-radius: 3px;
	margin-top:10px;
}
input[type=submit]:hover {
    background: #01849b;
	cursor: pointer;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
	font-size:12px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
   font-size:12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
   font-size:12px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
   font-size:12px;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #666;
  font-size:12px;
}



