label.error {
	color: red;
	font-weight: bold;
	display:block;
}
input.error { border: 1px solid red; background-color:#F9EE9D; } 





.brazek
{
	width: 75px;
	height:75px;
}

.brazek:hover
{
	width: 73px;
	height:73px;
}


.rameczka
{
	width: 76px;
	height:76px;
	background: url('http://www.rubenhotel.pl//img/ramka.gif') no-repeat;
	color: #000;
	overflow:hidden;
	padding-left:2px;
	padding-top:2px;
}



#gallery {
	padding: 10px;
	display:block;
	width:560px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: block; float:left; padding: 2px;}
	#gallery ul img {
		border: 5px solid #585858;
		border-width: 5px 5px 5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
	
.daty
{
	font-size: 14px;
	font-weight: bold;

}

.tablet
{
	color:#362C2A;
	background: #CBCBCB;
	width: 650px;
	min-height:30px;
	display:block;
	padding:5px;
	border-bottom: 1px solid #221E1F4 ;
	font-size:12px;
}
.tablet12
{
        text-align: center;
	color:#362C2A;
	background: #CBCBCB;
	width: 650px;
	height:38px;
	display:block;
	padding:8px;
	border-bottom: 1px solid #221E1F4 ;
	font-size:12px;
}
.tablet13
{
	color:#362C2A;
	background: #CBCBCB;
	width: 671px;
	display:block;
	padding:8px;
	border-bottom: 1px solid #221E1F4 ;
	font-size:12px;
}

.tablet tr
{
	min-height:30px;
	display:block;
}



.table1
{
	color:#362C2A;
	background: #CBCBCB;
	min-height:20px;
	display:block;
	padding:5px;
	border-bottom: 1px solid #221E1F4 ;
}
.table2
{
	color:#362C2A;
	background: #f0f0f0;
	width: 600px;
	min-height:20px;
	display:block;
	padding:5px;
	border-bottom: 1px solid #221E1F4 ;

}

html, body {
	background: url('http://www.rubenhotel.pl//img/tlo2.jpg') repeat;
	color: #000;
	margin: 0px auto;
	padding: 0;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	
}

.input_txt2
{
	width: 200px;
	border: 1px solid #bead9d;
	height: 115px;
	font-size: 13px;
	font-family: Arial;
	margin-right: 10px;
}

.inputstyle2
{
	padding:3px;
	vertical-align:middle;
}


.input_txt_long
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:17px;
	width: 350px;
	padding:3px;
	text-align:center;
	font-size: 15px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
}

.input_txt_longi
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:120px;
	width: 300px;
	padding:3px;
	text-align:center;
	font-size: 13px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
}



.input_txt
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:16px;
	width: 90px;
	padding:3px;
	text-align:center;
	font-size: 13px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
}



.input_txt_mini
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:16px;
	width: 30px;
	padding:3px;
	text-align:center;
	font-size: 13px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
}



.input_news
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:16px;
	width: 140px;
	padding:3px;
	text-align:center;
	font-size: 11px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	display:inline;
}


.input_sel
{
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
	border: 1px solid #B9AF9B;
	height:24px;
	width: 100px;
	padding:3px;
	text-align:center;
	font-size: 13px;
	font-family: calibri,Trebuchet MS, tahoma, arial, helvetica, sans-serif;
}

#czarne
{
	color:black;

}


#kwadrat
{
	background: url('http://www.rubenhotel.pl//img/kwadrat.jpg') no-repeat;
	height:40px;
	width: 40px;
	padding:2px;
	padding-top:7px;
	text-align:center;
	color:black;
	font-size: 16px;
	font-weight: bold;
	font-family: Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	float:left;
}

#kwadrat2
{
	background: url('http://www.rubenhotel.pl//img/kwadrat.jpg') no-repeat;
	height:40px;
	width: 40px;
	padding:2px;
	padding-top:5px;
	padding-left:0px;

	text-align:center;
	color:black;
	font-size: 16px;
	font-weight: bold;
	font-family: Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	float:left;
}

#weather
{
	height:105px;
	width: 235px;

        margin-left:10px;
        margin-right:10px;
        margin-top: 0px;
        margin-bottom:0px;

	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
}



#kontakt_form_div
{
	height:210px;
	width: 265px;
	margin:0px 10px 10px 10px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:justify;
}


#newsletter
{
	height:135px;
	width: 225px;
	margin:0px 10px 10px 10px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:justify;
}

#content_txt
{
	margin:15px;
}

#content_txt a {
    text-decoration: underline;
}
#content_txt a:hover {
    color: #C2B0A9;
    text-decoration: underline;
}
.txt
{
	margin:0px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:justify;
}

.pic
{
	margin: 0px 10px 10px 0px;
	float: left;
	vertical-align:top;
}

h1
{
	font-size: 18px;
	font-weight: bold;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	margin-top:0px;
	padding-top:0px;
}


h1:first-letter {
/* font-size: 150%; */
} 



#h1_left
{
	font-size: 18px;
	font-weight: bold;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	float:left;
	}

#h1_left:first-letter {
/* font-size: 150%; */
} 


#h2_right
{
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	float:right;
}
h2
{	font-size: 14px;
	font-weight: bold;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

h2:first-letter {
font-size: 100%;
} 


#container {
	color: #fff;
	background: #362C2A;
	width: 986px;
	margin: 0px auto;
}

#top {
	background: #221E1F;
	width: 986px;
	height:30px;
	text-align:right;
	font-size: 12px;
	font-family: Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	right:5px;
	top:5px;
}


#logo {
	background: #221E1F;
	width: 282px;
	height:135px;
	display:block;
	float:left;
}

#menu_1
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_05.jpg') no-repeat;
	width: 107px;
	height:135px;
	display:block;
	float:left;
}
#menu_1:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_05.jpg') no-repeat;
}

#menu_2
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_06.jpg') no-repeat;
	width: 100px;
	height:135px;
	display:block;
	float:left;
}
#menu_2:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_06.jpg') no-repeat;
}

#menu_3
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_07.jpg') no-repeat;
	width: 97px;
	height:135px;
	display:block;
	float:left;
}
#menu_3:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_07.jpg') no-repeat;
}

#menu_4
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_08.jpg') no-repeat;
	width: 96px;
	height:135px;
	display:block;
	float:left;
}
#menu_4:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_08.jpg') no-repeat;
}

#menu_5
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_09.jpg') no-repeat;
	width: 98px;
	height:135px;
	display:block;
	float:left;
}
#menu_5:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_09.jpg') no-repeat;
}

#menu_6
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_10.jpg') no-repeat;
	width: 97px;
	height:135px;
	display:block;
	float:left;
}
#menu_6:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_10.jpg') no-repeat;
}

#menu_7
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/index_11.jpg') no-repeat;
	width: 109px;
	height:135px;
	display:block;
	float:left;
}
#menu_7:hover
{
	background: #362C2A url('http://www.rubenhotel.pl//img/pl/menu_11.jpg') no-repeat;
}
#left
{
	background-color:#362C29 url('http://www.rubenhotel.pl//img/tlo.jpg') no-repeat;
	width: 282px;
	display:block;
	float:left;
}
#right
{
	background-color:#362C29;
	border-top: 3px solid #362C29;
	border-left: 3px solid #362C29;
	display:block;
	float:left;
	width: 700px;

}

#booking
{
	border-bottom: 3px solid #362C29;
	border-top: 3px solid #362C29;
	color:#000;
	background: #CBCBCB  url('http://www.rubenhotel.pl//img/tlo.jpg') no-repeat;
	width: 282px;
	height:235px;
	display:block;
	font-size: 12px;
	font-family:  tahoma, arial, helvetica, sans-serif;
}

#book
{
	padding:10px;
}

#adv
{
	border-top: 3px solid #CBCBCB;
	color:#fff;
	background: #362C2A;
	width: 282px;
	height:195px;
	display:block;
	background:  url('http://www.rubenhotel.pl//img/cena_dnia.jpg') no-repeat;
	font-family:verdana,tahoma,arial,helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#menume {
	color:#ffffff;
	background-color: #827F78;
	display:block;
	margin:0;
	padding:0;
	width: 282px;
	min-height: 60px;
}

.news_item {
	color:#ffffff;
	display:block;
	margin-left:0px;
	margin-right:20px;
	width: 257px;
	min-height: 60px;
		font-size: 13px;

}




#menum {
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	display:block;
	margin:0;
	padding:10px;
	width: 262px;
	font-size: small;
	text-transform:uppercase;

}
#menum ul {
	list-style:url('http://www.rubenhotel.pl//img/li_star_menum.gif');
}
#menum li {
	margin-left:-25px;
}

#menum a{
	color:#ffffff;
	font-weight: bold;
	margin-left: -3px;
}

#menum a:hover{
	color:#362C2A;
	font-weight: bold;
}



#menu li {
	padding:0;
	/*margin-top:6px;*/
	width: 282px;
	height: 23px;
	/*position: relative;*/
	display:block;
	font-size: 12px;
	background: #E7E2CF url('http://www.rubenhotel.pl//img/input.jpg') repeat-x;
}

a, a:hover, a:focus, a:active {
	text-decoration: none;
	color:#E8E0CD;
}

	
#menu li a {
	font-weight: bold;
	text-decoration:none;
	display:block;
	padding: 5px 30px;
	margin:0;
	color: #362C2A;
}

#menu li a:hover,
#menu li a:focus,
#menu li a:active {
	color:white;
	background-color:#4E4A3F;
}


#left_
{
	margin-top:10px;
	color:#fff;
	background: #362C2A;
	width: 282px;
	min-height:225px;
	display:block;
}


#pasek
{
	margin-top:5px;
	color:#362C2A;
	background: #CBCBCB;
	width: 691px;
	height:20px;
	display:block;
	padding-left:10px;
	text-transform:uppercase;
	font-size: small;
}



#content
{
	margin-top:10px;
	color:#fff;
	background: #362C2A;
	width: 700px;
	display:block;
}

#banner_small
{
	width: 701px;
	height:232px;
	display:block;
	overflow:hidden;
}


#banner
{
	background: #362C2A;
	width: 701px;
	height:437px;
	display:block;
}



#target
{
	clear:both;
	color:#fff;
	background: #362C2A;
	width: 986px;
	min-height:200px;
	display:block;
}



#footer {
	padding-right:10px;
	text-align:right;
	font-size: 10px;
	font-family: Trebuchet MS, tahoma, arial, helvetica, sans-serif;
	
	background: #221E1F;
	clear:both;
	display:block;
	width: 976px;
	height: 18px;
}

#navlist
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#navlist li 
{
	padding-left: 14px;
	background-image: url(../img/li_star.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

a
{ 
	outline: none;  
	overflow: hidden; 
} 


#target { position: relative; width: 966px; margin: 0 auto; overflow: hidden; height: 228px; }
#target .elem {
    top: 38px;
    width: 322px;
    height:187px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    float: left;
}
#target .img {
    margin: 25px auto 5px auto;
    border: solid 1px black;
    width: 299px;
    height: 118px;
}
#target .img img {
    width:299px;
    height:118px;
}
#target .opis {
    font-weight: bolder;
    width: 299px;
    margin: 0 auto;
    text-align: center;
}













/* 
    Document   : menu
    Created on : 2010-08-11, 14:32:40
    Author     : Szymon
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#menu {
    float: left;
    overflow: hidden;
    margin: 0 0 0 3px;
    background-color: #1E130F;
}

#menu .elem {
    float: left;
    width: 98px;
    height: 135px;
    margin: 0px;
    position: relative;
}
#menu .breaker {
    position: relative;
    float: left;
    height: 135px;
    width: 2px;
    margin: 0px;
    padding: 0px;;
    background: url(../img/menu_breaker.gif) 0 15px no-repeat;
}
.elem .menu_pos {
    margin:10px;
    width:78px;
    height: 115px;
    position: relative;
    cursor: pointer;
}

#menu .menu_btn { 
    width: 77px;
    height: 77px;
    top:7px;
    left:0px;
    position: absolute;
}
#menu .btn_border {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/menu_btn_border.gif) 0 0 no-repeat;
    width: 77px;
    height: 77px;
}
#menu .btn_bg_img {
    position: absolute;
    left:3px;
    top:3px;
    width: 70px;
    height: 70px;
}
#menu .menu_descr{
    position: absolute;
    width: 84px;
    height: 20px;
/*    background-color: red;*/
    left:-4px;
    top: 93px;
    font-weight: bolder;
    font-size: 14px;
    color: white;
    font-family: Tahoma,sans-serif;
    text-align: center;
}