/*

 * Лепкав "Sticky" Footer само с CSS

 * Author: Георги Калайджиев

 * Web: http://joro.me/blog/

 * e-Mail: ripsterbg[at]gmail[dot]com

 * Authors e-Mail: authors[at]fridaycode[dot].net

 * Tutorial: http://fridaycode.net/sticky-footer-with-css/

 */



html, body { 

	top:0;

	left:0;

	bottom:0;

	margin:0; 

	padding: 0; 

	width: 100%;

	height: 100%; /* Разпъва html и body до края на екрана */

	position:absolute;

	font-family: Tahoma, sans-serif;

	font-size: 14px;

	line-height: 1.3em;

	/*letter-spacing:0.2em;*/

	

}



body {

	background: url(../images/page_back.jpg) top repeat-x #a1764b;

	/*#A26340;*/

}





p { margin: 0; }

.clr { clear: both; height: 0; line-height: 0; font-size: 0; }

ul { list-style: none; margin: 0; padding: 0; }



a.logo {

	background:url(../images/thrakia_logo.png) no-repeat scroll left top;

	color:#666666;

	display:block;

	width: 231px;

	height:87px;

	/*margin:0 auto;*/

	float:left;

	text-indent:-9999px;

	outline: none;

}







h1{color: #180c09;font-size:38px; text-shadow:#fff 1px 1px;}

h2{color: #281510;font-size:1.3em;}

h3{color: #281510;font-size:1.1em;}

h4{color: #87643d;font-size:1.4em; padding: 0 0 0 10px;}

h5 {color: #281510; font-size:1.3em; line-height:1.3em;}

h6{color: #281510;font-size:18px; }



#container {

	_height: 100%; /* 1. Коригира правилната позиция на футъра при голямо количество текст. 2. При IE6, height = min-height, така че го ползваме за коригиране на позицията при малко количество текст. */

	min-height: 100%; /* Слага минимална височина = височината на екрана */

	

}



#header {

	width: 980px;

	height: 130px;

	padding:0;

	top:0;

	margin-top: 0;

	margin-right: auto;

	margin-left: auto;

	position:relative;

}



#main {

	width: 980px;

	padding-top: 0px;

	padding-bottom: 500px; /* Височината трябва да бъде равна или по-голяма от на тази на футъра. Слага се, за да не отива съдържанието под/над футъра и има ефект при повече текст. */

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#content {

	width: 980px;

	padding: 0px;

}





#contentPage {

	width: 980px;

}



#contentPage p {

	/*width: 550px;

	float:right;*/

}



#content p {

	color: #180c09;

	margin: 0 0 10px;

}



.rightSide {

	float:right;

	width: 70%;

}



.leftSide {

	float:left;

	display:inline;

}



.leftSide p {

	/*margin-top:10px;*/

}



#leftcol, #rightcol {

	float: left;

	display: inline;

	width: 250px;

	margin: 0 20px;

	background: #F3F2EE;

	border: 1px solid #D4D4D2;

	height: 300px;

	padding: 20px;

}



#leftcol ul li a, #rightcol ul li a { color: #444; }

#leftcol ul li a:hover, #rightcol ul li a:hover { text-decoration: none; }



#footer {

	height: 470px;

	margin-top: -500px; /* Стойноста трябва да е отрицателна и равна на височината на футъра */

	margin-bottom:0;

	background:url(../images/footer_back.jpg) repeat-x #F3F2EE;

	padding: 20px 0 0 0;

	color: #444;

	position:relative;

}



.copyRight{

position:absolute;

display:block;

visibility:visible;

bottom: 7px;

width:980px;

height: 15px;

z-index: 1000;

font:1em/1.4em arial, sans-serif;

text-align:center;

vertical-align:middle;

}



/*FOOTER -------------------------*/



.footerCont {

	/*margin:0 auto;

	color:#7d4a33;*/

	

	width: 980px;

	height: 500px;

	text-align: left;

	clear:both;

	height: 470px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	

}



.colOneFooter { float: left; width:230px; height:194px; margin-right: 15px;

display:block;

background:url(../images/box.png);

background-repeat:no-repeat;

text-align:left;

font-size: 14px;

}



.colTwoFooter { float: left; width:230px; height:194px; margin-right: 15px; 

display:block;

background:url(../images/box.png);

background-repeat:no-repeat;

text-align:left;

font-size: 14px;

}



.colThreeFooter { float: left; width:230px; height:194px; margin-right: 15px;

display:block;

background:url(../images/box.png);

background-repeat:no-repeat;

text-align:left;

font-size: 14px;



}



.footerNav ul { list-type: none; padding: 0; margin: 0; }



.footerNav li {  display: block; padding: 0 0 3px 0; margin: 0 0 3px 0; line-height: 1.8em; 

    -moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px; }



.footerNav a:link { color: #7d4a33; padding: 0 0 0 10px; display: block; text-decoration: none; -moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;}



.footerNav a:visited { color: #7d4a33; text-decoration: none; display: block; padding: 0 0 0 10px;-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px; }



.footerNav a:hover { color: #281510; text-decoration: none; display: block; background: #7f4c35; padding: 0 0 0 10px; }



.footerNav a:active { color: #7d4a33; text-decoration: none; display: block; padding: 0 0 0 10px;

-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px; }









/*   Up Menu    */



.menuback {

	float:right;

	margin-top:38px;

	margin-right:50px;

	}



ul.menu {

	list-style-type:none;

	width:auto;

	position:relative;

	display:block;

	height:33px;

	font-size: 20px;

	margin:0;

	padding:0;

	text-transform:uppercase;

}

ul.menu li {

	display:block;

	float:left;

	margin:0;

	padding:0;

}

ul.menu li a {

	display:block;

	float:left;

	color:#b5903e;

	text-decoration:none;

	height:24px;

	padding:9px 10px 0;

}

ul.menu li a:hover, .current {

	color:#e7dacd;

	text-decoration:none;

}

ul.menu .current a {

	color:#e7dacd;

}

/*BLUE*/

ul.menu.blue {

	margin-top:10px;

	margin-left:130px;

}

ul.menu.blue li a:hover, .menu.blue li.current {

}





/*LEFT NAV*/

.leftSection {

	padding-top: 40px;/*

	font-size: 14px;

	font-weight:600;	*/

}



.leftNav{ 

	width:230px;

	display:block;

	text-align:left;

	font-size: 14px;

	margin-top:20px;

}



.leftNav ul { list-type: none; padding: 0; margin: 0; }



.leftNav li {  

    display: block; padding: 0 0 3px 0; 

	margin: 0 0 3px 0; line-height: 1.8em;

  }



.leftNav a:link { 

    color: #1c100d ; 

	padding: 0 0 0 10px; 

	display: block; 

	text-decoration: none; 

	

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #180C09;}



.leftNav a:visited { color: #1c100d; text-decoration: none; display: block; padding: 0 0 0 10px;-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px; border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #180C09;}



.leftNav a:hover { color: #1c100d; text-decoration: none; display: block; background: #BF9B49; padding: 0 0 0 10px; border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #180C09;}



.leftNav a:active {

	color: #1c100d;

	text-decoration: none;

	display: block;

	padding: 0 0 0 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #180C09;

}







.rotator{

	width: 980px;

	height:400px;

	margin-top: 10px;

	position:relative;

} 



.rotator_text {

	padding: 2px 15px 15px 2px;

}

.imp {

	font-weight: 600;

	font-size: 16px;

}

/*.rotator{

	width: 980px;

	height:480px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	position:relative;} - OLD ONE*/

	

.thumbs {

	padding-top:30px;

}   /*DURJI 3-te Tumbneila v index stranicata*/



.thumbs a {

color:#111111;

}	





/* TUMNEILITE*/



.colOne {

	float: left;

	width:286px;

	height:320px;

	margin-left:15px;

	margin-right: 42px;

	margin-top: 25px;

	display:block;

	background:url(../images/box.png);

	background-repeat:no-repeat;

	text-align:center;

	font-size: 14px;

	

}



.colTwo{ float: left; width:286px; height:280px; margin-right: 42px; 

margin-top: 25px;

display:block;

background:url(../images/box.png);

background-repeat:no-repeat;

text-align:center;

font-size: 14px;

}



.colThree { float: left; width:286px; height:280px; margin-right: 10px;

margin-top: 25px;

display: block;

background: url(../images/box.png);

background-repeat: no-repeat;

text-align: center;

font-size: 14px;



}



#contentPage ul.social_icons {

	list-style-type: none; 

	width:116px; 

	height:42px; 

	background-color:#e7dacd; 

	-moz-border-radius: 2px;

	-khtml-border-radius: 2px;

	-webkit-border-radius: 2px;

	margin-top:10px;

	}

	

#contentPage ul.social_icons li {float: left; margin:0; padding:4px 2px 2px 3px;}



#contentPage ul.social_icons li a.twitter {background-image: url('../images/social_icons/tw.jpg'); display: block; width: 33px; height: 33px; margin:0; padding:0}

#contentPage ul.social_icons li a.twitter:hover {background-image: url('../images/social_icons/tw_on.jpg'); text-decoration: none}

#contentPage ul.social_icons li a.facebook {background-image: url('../images/social_icons/fb.jpg'); display: block; width: 33px; height: 33px; margin:0; padding:0}

#contentPage ul.social_icons li a.facebook:hover {background-image: url('../images/social_icons/fb_on.jpg'); text-decoration: none}

#contentPage ul.social_icons li a.in {background-image: url('../images/social_icons/in.jpg'); display: block; width: 33px; height: 33px; margin:0; padding:0}

#contentPage ul.social_icons li a.in:hover {background-image: url('../images/social_icons/in_on.jpg'); text-decoration: none}



.img{

	margin-top:45px;

	margin-bottom:10px;

	border:none;

}

	

	

	

/* BUTONI */



a.link2:link {color: #e2ca9a;text-decoration:none; }

a.link2:visited {color: #e2ca9a;text-decoration:none; }

a.link2:hover {color: #e2ca9a; text-decoration:underline; }

a.link2:active {color: #e2ca9a;text-decoration:none; } 



.button {

	display: inline-block;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	font: 12px/100% Arial, Helvetica, sans-serif;

	padding: .4em 1.5em .42em;

	/*padding: .5em 2em .55em;  BIG BUTTON*/

	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: .2em;

	-moz-border-radius: .2em;

	border-radius: .5em;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}

.button:hover {

	text-decoration: none;

}

.button:active {

	position: relative;

	

}





.yellow {

	color: #1c100d;

	border: solid 1px #8d6e28;

	background: #ba9644;

	background: -webkit-gradient(linear, left top, left bottom, from(#ceaa58), to(#a88432));

	background: -moz-linear-gradient(top,  #ceaa58,  #a88432);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ceaa58', endColorstr='#a88432');

}

.yellow:hover {

	background: #ba9644;

	background: -webkit-gradient(linear, left top, left bottom, from(#a88432), to(#ceaa58));

	background: -moz-linear-gradient(top,  #a88432,  #ceaa58);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a88432', endColorstr='#ceaa58');

}

.yellow:active {

	color: #1c100d;

	background: -webkit-gradient(linear, left top, left bottom, from(#a88432), to(#ceaa58));

	background: -moz-linear-gradient(top,  #a88432,  #ceaa58);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');

}