body
{

	BACKGROUND: url('http://www.utro.bg/travel/image/image/fon_1200.jpg');
	text-decoration:none; color:#000000; font-family: "Ariel", sans-serif; 	font-size:13px;
}

h1 {  color: #ff8000; }
h2 {  color: #ff8000; }
h3 {  color: #ff8000; font-family: "Ariel", sans-serif; text-align: center;}
h4 {  color: #ff8000; }




a:link
{
	color: #000000;
	text-decoration: none;
}

a:visited
{
	color: #000000;
	text-decoration: none;
}

a:hover {
background:#ffffff;
padding:0px;
color:#ff8000;
}

.container
{
	position: absolute;
	width: 1000px; 
	height:105%;
	top: 0px;
	left:50%;
	margin-left:-500px;
}

.nav-1
{
	margin-top: 5px;
	margin-left: 15px;

}

.hello
{
	margin-top: 40px;
	margin-left: 15px;
	text-align: center;

}

.logo
{
	
	width: 1000px;

	top: 0px;
	left: 0px;
}

.liavo
{
	BACKGROUND: url('http://www.utro.bg/travel/image/fon1.jpg');
	width: 500px;
	height:780px;
	position: absolute;
	top: 120px;
	left: 0px;
}

.indexliavokat
{
	width: 650px;
	height:105%;
	position: absolute;
	left: 0px;

}

.ilk-1
{
 
	width: 650px;
	margin-top: 50px;
	text-align: justify;
	text-indent: 0px;
}

.indexdiasnokat
{
	width: 350px;
	height:105%;
	left: 660px;
	position: absolute;
}

.podmenukat
{
	width: 100%;
	margin-top: 50px;

}

.kat-1
{
	width: 350px;
	margin-top: 100px;
	margin-left: 20px;
	text-align: left;
	text-indent: 0px;

}

.map-2
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 350px;
	margin-top: 100px;
	margin-left: 0px;
	text-align: left;
	text-indent: 0px;

}

.map-reklama
{

	width: 350px;
	margin-top: 10px;
	margin-left: 0px;
	text-align: center;
	text-indent: 0px;

}

.indexliavo
{
	width: 490px;
	height:110%;
	position: absolute;

}

.liavo-kat
{
	width: 800px;
	height:150%;
	position: absolute;

}

.map
{
	width: 800px;
	margin-top: 0px;
	margin-left: 0px;
}

.katalog
{
	width: 800px;
	margin-top: 10px;
	margin-left: 0px;
}

.diasno-kat
{
	width: 200px;
	height:120%;
	position: absolute;
	left: 805px;

}

.rekl
{
	width: 200px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
}

.map-1
{
	width: 1000px;
	height:100%;
	position: absolute;
	top: 145px;
	left: 0px;
}

.mapright
{
	width: 300px;
	height:100%;
	position: absolute;
	top: 145px;
	left: 700px;
}

.maprightlitl
{
	width: 280px;
	height:100%;
	position: absolute;
	top: 10px;
	left: 10px;
}

.podmenu
{
	width: 490px;
	margin-top: 0px;

}

.l-1
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 490px;
	margin-top: 35px;
	text-align: justify;
	text-indent: 25px;

}

.edno-pad
{
	background-image: url('http://www.utro.bg/travel/image/3.jpg');
	background-position:bottom; background-repeat:repeat-x; 
	margin-top: 0px;
	margin-left: 0px;
	text-align: justify;
}

.p-2
{
	width: 96%;
	text-align: justify;
	margin-left: 2%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.l-2
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 490px;
	margin-top: 10px;
	text-align: justify;
	text-indent: 0px;
}

.l-3
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 490px;
	margin-top: 10px;
	text-align: justify;
	text-indent: 25px;
}

.l-4
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 490px;
	margin-top: 10px;
	text-align: justify;
	text-indent: 25px;
}

.l-5
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 490px;
	margin-top: 10px;
	text-align: justify;
	text-indent: 25px;
}

.indexdiasno
{
	width: 500px;
	height:110%;
	left: 500px;
	position: absolute;
}

.d-5
{
	width: 500px;
	height:330px;
	margin-left: 500 px;
}

.d-6
{
	BACKGROUND: url('http://www.utro.bg/travel/image/fon_kus.jpg');
	width: 500px;
	height:195px;
	margin-top: 10px;
	margin-left: 0px;
}

.d-7
{
	background-image: url('http://www.utro.bg/travel/image/1.jpg');
	background-position:top; background-repeat:repeat-x; 
	width: 500px;
	margin-top: 0px;
	text-align: justify;
}

.sedem-pad
{
	background-image: url('http://www.utro.bg/travel/image/3.jpg');
	background-position:bottom; background-repeat:repeat-x; 

	margin-top: 0px;
	margin-left: 0px;
	text-align: justify;
}

p.p-2
{
	width: 96%;
	text-align: justify;
	margin-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.text
{
	width: 480px;
	height:520px;
	position: relative;
	top: 80px;
	left:10px;	
	text-align: justify;
	text-indent: 25px;
	overflow: auto;
	padding-right:10px;
	
}

.nachalo
{
	width: 1000px;
	height:100%;
	position: relative;
	top: 123px;
	left:0px;	
	text-align: justify;
	text-indent: 25px;

}

.rektext
{
	width: 480px;
	height: 70px;
	position: relative;
	top: 130px;
	left: 15px;

}


.diasno
{

	BACKGROUND: url('http://www.utro.bg/travel/image/fon2.jpg');
	width: 500px;
	height:780px;
	position: absolute;
	top: 120px;
	left: 500px;
}

.snimki
{

	width: 500px;
	height:750px;
	position: absolute;
	top: 40px;
	left: 0px;
}

.reksnimki
{
	width: 480px;
	height: 70px;
	position: relative;
	top: 35px;
	left: 15px;
}

p.counter
{
	width: 100px;
	height: 70px;
	position: relative;
	top: 150px;
	left: 10px;
}

.counter
{
	width: 1000px;
	height: 200px;
	position: relative;
	top: 930px;
	left: 10px;
}

.broyach
{

	
	bottom: 50px;
	width: 1000px;
	margin-top: 40px;
	text-align: justify;
	
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img
{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover
{
background-color: transparent;
}

.thumbnail:hover img
{
border: 0px solid blue;
}

.thumbnail span
{ /*CSS for enlarged image*/
position: absolute;
background-color: #B0C4DE;
padding: 20px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: red;
text-decoration: none; font-family: "Times New Roman", sans-serif; font-size:13px; padding-left:0px;
}

.thumbnail span img
{ /*CSS for enlarged image*/
border-width: 0px;
padding-left: 20px;
}

.thumbnail:hover span
{ /*CSS for enlarged image*/
visibility: visible;
top: 43;
left: -450px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.gallerycontainer
{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnailto img
{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnailto:hover
{
background-color: transparent;
}

.thumbnailto:hover img
{
border: 0px solid blue;
}

.thumbnailto span
{ /*CSS for enlarged image*/
position: absolute;
background-color: #B0C4DE;
padding: 20px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: red;
text-decoration: none; font-family: "Times New Roman", sans-serif; font-size:13px; padding-left:0px;
}

.thumbnailto span img
{ /*CSS for enlarged image*/
border-width: 0px;
padding-left: 20px;
}

.thumbnailto:hover span
{ /*CSS for enlarged image*/
visibility: visible;
top: 90;
left: -500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

p.ednodve
{
	width: 90px; 
	height:90px;
	float: left;
	padding: 3px;
	border: 0px;
}
