/**********************************************************************/
/*** Cities of Love All rights reserved *******************************/
/*** css layout design Artystycznie.pl ********************************/

body {
background:#CAC2B7;
margin:0;
padding:0;
font-family: Times New Roman;
}

	
div#content
{
position: absolute;
background: url("../images/index_tlo.jpg") no-repeat;
width: 820px;
height: 575px;
margin-left: -410px;
margin-top: -280px;
left: 50%;
top: 50%;
}


div#content_film
{
background: #CAC2B7;
display: block;
float:left;
width:737px;
margin-left:-20px;
padding-left:12px;
}

div#mission
{
z-index: 10;
position: absolute;
display: block;
width: 70px;
height: 70px;
left: 380px;
top: 65px;
}

div#mission_tlo
{
z-index: 9;
background: url("../images/menu1.png") no-repeat scroll 0 0 transparent;
position: absolute;
display: block;
height: 40px;
width: 148px;
left: 339px;
top: 80px;
}

/* MEnu index *********************************************************/
/* MEnu lewe **********************************************************/

div.leftmenu_box {
position: absolute;
margin-top: 240px;
margin-left: 20px;
width: 148px;
}

div.leftmenu_box a {
background: url("../images/menu1.png") no-repeat scroll 0 0 transparent;
float: left;
color: #20201e;
display: block;
float: left;
font-size: 15px;
height: 40px;
width: 148px;
line-height: 32px;
text-align: center;
text-decoration: none;
cursor: pointer;
}

div.leftmenu_box a:hover {
background: url("../images/menu2.png") no-repeat scroll 0 0 transparent;
text-decoration:none;
}

/* MEnu środkowe ******************************************************/

div.citymenu_box div.gdansk_box{
position: absolute;
margin-top: 270px;
margin-left: 385px;
width: 148px;
}

div.serce1 {
display: block;
height: 25px;
width: 25px;
position: absolute;
left: 100px;
top: 3px;
}

div.citymenu_box div.weimar_box{
position: absolute;
margin-top: 320px;
margin-left: 330px;
width: 148px;
}

div.citymenu_box div.verona_box{
position: absolute;
margin-top: 380px;
margin-left: 330px;
width: 148px;
}

div.citymenu_box a {
background: url("../images/menu3.png") no-repeat scroll 0 0 transparent;
float: left;
color: #20201e;
display: block;
float: left;
font-size: 15px;
height: 38px;
width: 121px;
line-height: 32px;
text-align: center;
text-decoration: none;
cursor: pointer;
}

div.citymenu_box a:hover {
text-decoration:none;
}

div.play a {
background: url("../images/play1.png") no-repeat scroll 0 0 transparent;
position: absolute;
top: 150px;
left: 65px;
float: left;
display: block;
height: 23px;
width: 23px;
text-decoration:none;
}

div.play a:hover {
background: url("../images/play2.png") no-repeat scroll 0 0 transparent;
text-decoration:none;
}

/* MEnu prawe *********************************************************/

div.rightmenu_box {
position: absolute;
margin-top: 240px;
margin-left: 655px;
width: 148px;
}

div.rightmenu_box a {
background: url("../images/menu1.png") no-repeat scroll 0 0 transparent;
float: left;
color: #20201e;
display: block;
float: left;
font-size: 15px;
height: 40px;
width: 148px;
line-height: 32px;
text-align: center;
text-decoration: none;
cursor: pointer;
}

div.rightmenu_box a:hover {
background: url("../images/menu2.png") no-repeat scroll 0 0 transparent;
text-decoration:none;
}

/* stopka *************************************************************/

div.stopka 
{
position: absolute;
margin-top: 580px;
display: block;
width: 100%;
text-align: center; 
letter-spacing: 1px; 
font-size: 10px; 
color: #7A6A5A
}

div.stopka_film 
{
position: relative;
margin-top: 10px;
margin-bottom: 10px;
display: block;
width: 100%;
text-align: center; 
letter-spacing: 1px; 
font-size: 10px; 
color: #7A6A5A
}

/* Tooltipy ***********************************************************/


div.tootlip_box {
display: block;
padding-left: 30px;
padding-top: 15px;
font-size: 14px;
font-weight:bold;
color: #010101;
}

div.citiytootlip_box {
display: block;
margin: auto;
padding-top: 2px;
text-align: center; 
font-size: 12px;
font-weight:bold;
color: #010101;
}

.title_box {
color: #a49784;
font-size: 11px;
}

div.tootlip_box a {
color: #010101;
text-decoration: none;
}

div.tootlip_box a.visited {
color: #010101;
text-decoration: none;
}

div.tootlip_box a:hover {
color: #F04E00;
text-decoration: none;
}

/* LAYOUT MAIN ********************************************************/

div#content_main {
background: #cac2b7 url("../images/main_column_tlo.jpg") no-repeat;
position: absolute;
border: solid #a19486 1px;
width: 920px;
margin-left: -460px;
margin-top: 10px;
margin-bottom: 10px;
left: 50%;
}

div#header {
height: 105px;
width: 100%;
}

div#top_menu {
height:30px;
position:absolute;
right:0;
top:40px;
width:610px;
}

div#left_column {
display:inline;
float:left;
height:auto !important;
min-height:495px;
width:160px;
}

div#main_column {
display:inline;
float:left;
height:auto !important;
min-height:495px;
width:760px;
}

span.title_article {
color: #756352;
font-size: 17px;
font-weight: bold;
}

div#article {
background: url("../images/article_tlo.png") repeat-y;
display: block;
float:left;
height:auto !important;
width:700px;
margin-left: 10px;
padding-right:20px;
margin-top: 20px;
margin-bottom: 20px;
padding-left:20px;
font-size:14px;
text-align: justify;
}

div.romeo_juliet_tlo {
display: block;
width: 705px;
height: 1060px;
background: url("../images/romeo_juliet_tlo.jpg") no-repeat;
background-position: top;
float:left;
}

div.romeo_juliet_text {
padding-left: 20px;
padding-right: 20px;
}

div.partners_text {
padding-left: 75px;
}

div#article a {
color: #1d4981;
font-weight:bold;
text-decoration: none;
} 

div#article a:hover {
color: #F04E00;
font-weight:bold;
text-decoration: none;
} 


table.hotels_opis {
width: 705px;
border: solid #a19486 1px;
}

td.hotels_opis_td1{
text-align: left;
width: 210px;
}

td.hotels_opis_td2{
color: #666666;
vertical-align: middle;
}

div.main_stopka  {
clear: both;
height: 30px;
width: 100%;
text-align: center; 
letter-spacing: 1px; 
font-size: 10px; 
color: #7A6A5A;
}


/* MENU MAIN **********************************************************/

div#menu_main {
width: 150px;
left: 10px;
position: absolute;
top: 110px; /*width of accordion menu*/
}

#menu_main .menu_button { /*CSS class for menu headers in general (expanding or not!)*/
display: block;
background: url(../images/menu1.png) no-repeat scroll 0 0 transparent;
position: relative;
color: #20201e;
font-size: 15px;
height: 40px;
width: 148px;
line-height: 32px;
text-align: center;
text-decoration: none;
cursor: pointer;
font-weight: bold;
margin:1px;
}

a.menu_text, a.menu_button  {
color: #20201e;
text-decoration: none;
}

a.menu_text:hover, a.menu_button:hover {
color:#F04E00;
text-decoration:none;
}

#menu_main .menu_button_activ { /*CSS class to apply to expandable header when it's expanded*/
background: url(../images/menu2.png) no-repeat scroll 0 0 transparent;
}

#menu_main ul { /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#menu_main ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#menu_main ul li a{
background: #cac2b7;
text-align: center;
display: block;
color: #010101;
text-decoration: none;
}

#menu_main ul li a:visited{
color: #010101;
}

#menu_main ul li a:hover{ /*hover state CSS*/
color: #F04E00;
text-decoration: none;
}