@import url('/public/styles/font-awesome.min.css ');




body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}


/*
 * select od.title, r.amount, r.status, r.add_date, o.www from cms_reservations as r, cms_objects  as o, cms_objects_desc as od where o.id=r.id_objects and o.uphotel=1 and o.id=od.id_objects and od.lang='pl'
ORDER BY `r`.`status`  DESC
 */



body {	
	   margin: 0px; 
	   padding: 0px; 	   
	   background-color:#ffffff;
	   min-height:100%;
	   text-align:left;		
	   font-family:Arial;
	   font-size:12px;
	   font-weight:normal;
	   color:#404040;
	   line-height:150%;
	   height:auto;
	 }
	 
	 
h1,h2,h3,.replace,th,.title,.menu {font-family: 'Roboto Condensed', sans-serif;padding:10px 0px;font-weight:normal;}


h3 {font-weight:bold;border-bottom:1px dashed #ccc;}
	
a {text-decoration:none;color:green;}
hr{border:0px;border-top:1px solid #ddd;border-bottom:1px solid #fff;height:0px;}	 
.header
	{	
		width:100%;
		overflow:hidden;
		text-align:left;	
		position:relative;
		background:#909090;
		color:#000;
		text-shadow:#aaa 1px 1px 1px;
		padding:15px;
		box-sizing: border-box;
	}	
.header h1 strong {color:#9dce2c;text-shadow:#404040 1px 1px 1px}	
.header a {color:#000;text-shadow:#aaa 1px 1px 1px;}	
.border
{
-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;background:#eee; 
	}
	
	
	
.clr {clear:both;} 	

.col1_2
    {
    width:50%;
    float:left;
    vertical-align:top;
    padding:30px;   
    }
    

.col1_3
    {
    width:33.3%;
    float:left;
    vertical-align:top;
    padding:30px;   
    }
    
    
.col1_4
    {
    width:25%;
    float:left;
     padding:20px;         
    }   
    


input, button, textarea, select, .col1_2, .col2_3,.col1_3, .col1_4, #filesToUpload li
  { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


	
.mainBox 
{
list-style:none;
padding:0;margin:0;
}

.mainBox li {width:200px;height:200px;float:left;margin-right:20px;margin-bottom:20px;-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;background:#eee; border:1px solid #ccc;padding:20px;color:#808080;cursor:pointer;}

		
.menu
	{	
		width:100%;
		text-align:left;	
		position:relative;
		background:#606060;
		color:#909090;
		padding:0px;
		height:35px;
		box-shadow:inset 0 0 10px #000000;
		-moz-box-shadow:inset 0 0 10px #000000; 
	}		

/*
.menu a {color:#fff;padding:20px;}
.menu a.over {box-shadow:inset 0 0 10px #000000;
		-moz-box-shadow:inset 0 0 10px #000000;background:#606060; }
*/
		
ul.errors li {-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;background:#700000;padding:4px;font-size:7pt;color:#fff;}
img {border:0px;}	

	
div.header div.right
{
	float:right;
	margin:20px;
	height:74px;
	color:#ffffff;
	line-height:25px;
}


div.header div.right a
{
	color:#ffffff;
}
 
.content {padding:20px;}


button,#submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	cursor:pointer;
	padding:10px 20px; 
}button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}button:active {
	position:relative;
	top:1px;
}




.link {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#202020;
	
	font-size:1.1em;
	font-weight:bold;
	padding:3px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}.link:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.link:active {
	position:relative;
	top:1px;
}









input, textarea, select {
    padding:8px;
    border:1px solid #aaa;
    background:#fff;
    box-shadow:inset 2px 2px 5px #ccc;
    -moz-box-shadow:inset 2px 2px 5px #ccc;    
     -moz-transition: all 0.3s ease-out; 
    -o-transition: all 0.3s ease-out; 
    -webkit-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;    
    -webkit-border-radius: 3px; /* Safari, Chrome */
	-khtml-border-radius: 3px;    /* Konqueror */
	-moz-border-radius: 3px; /* Firefox */
	border-radius: 3px; 	
	outline:none;	
}


input:focus, textarea:focus, select:focus {
 	border:1px solid #7fac62; 	
 	-moz-box-shadow: inset 1px 1px 5px #7fac62;
	-webkit-box-shadow: inset 1px 1px 5px #7fac62;
	box-shadow: inset 1px 1px 5px #7fac62;
	
    }  
	
	

div.sortAsc
{
	background:url('/public/images/admin/down.png') top right  no-repeat;
	width:auto;
	margin-right:10px;
	border:none;		
}

div.sortDesc
{
	background:url('/public/images/admin/up.png')  top right no-repeat;
	width:auto;
	margin-right:10px;
	border:0px;
}  



div.paginationControl
{
margin-bottom:10px;
margin-top:10px;
float:right;
margin-right:20px;
}


div.paginationControl button {padding:4px 8px 4px 8px;}

div.paging
{
	float:left;
	margin-right:9px;
}

div.pagingNext
{
	float:left;
	margin-right:9px;
}


div.pagingPrev
{
	float:left;
	margin-right:9px;

}


div.pagingSelected
{
	float:left;
	margin-right:9px;	
}

div.pagingSelected button {box-shadow:inset 2px 2px 5px #808080;
    -moz-box-shadow:inset 2px 2px 5px #808080;    
   padding:4px 8px 4px 8px;
    background:#909090;border:1px solid #707070;color:#fff;text-shadow:none;}




.actionBar {margin:10px 0;padding-bottom:10px;border-bottom:1px solid #eee;}

table {width:100%;height:auto;margin: 0px auto 0px auto;  padding: 0px; 	   	 	      	 
border:0px;	border-collapse: collapse;}



.form td {	
	   vertical-align:top;
	   padding: 10px 0;	        	 	  	
	 }	
.required {font-weight:bold;color:#ff8000;}	 
.small {font-size:8pt;color:#aaa;}


.listing td
	   {
	   text-align:center;
	   padding:5px;
	   height:20px;
	    -moz-transition: all 0.1s ease-out; 
	    -o-transition: all 0.1s ease-out; 
	    -webkit-transition: all 0.1s ease-out; 
	    -ms-transition: all 0.1s ease-out; 
	    transition: all 0.1s ease-out;    
	    
	   }
	   


.listing tr.selected td
	   {
	   border:1px solid #ccc; 
	   border-top:1px solid #aaa; 
	   background-color:green; 
	   color:#fff;
	   border-bottom:1px solid #aaa; 
	   }	   
	   
.listing tr.one td
	   {
	   border:1px solid #ccc; 
	   border-top:1px solid #aaa; 
	   background:#eee;
	   }


.listing tr.one:hover td
	   {
		 background:#ccc;
	   }
	   
.listing tr.two:hover td
	   {
	  background:#ccc;
	
	
	   }
	   
.listing tr.two td
	   {
	    border:1px solid #ddd; 
	    background-color:#ffffff; 
	   }	   

	   
.listing tr td.title
	   {
	   text-align:left;
	   font-size:16pt;
	   padding-left:20px;	   
	   }
	   
.listing th
   {	  
   text-shadow: 0 1px 1px #000;
   background:#606060;
   color: #fff;
   border-right:1px solid #707070;
   cursor: pointer;font-size:10pt;
   text-align:center;
   padding:8pt;   
   } 
   
   
.listing th a
   {
	   text-align:center;			  
	   font-weight:bold;	   
	}	   
   
.listing th.sort
   { 
   
   background:#505050;
   }        	


ul.sortList
{
padding:0;margin:0;list-style:none;
margin-top:20px;
}   
   
ul.sortList li {cursor:pointer;position:relative;text-align:center;float:left;margin:0;margin-right:15px;margin-bottom:15px;
width:200px;height:160px;overflow:hidden;background:#eee;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#eee;
border:1px solid #eee;
}

ul.sortList li:hover {-webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.59);
-moz-box-shadow:    0px 2px 1px 0px rgba(50, 50, 50, 0.59);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.59);
}	



#filesContainer > li:first-child {
    -webkit-box-shadow:  0px 2px 1px 0px rgba(50, 50, 50, 0.59);
-moz-box-shadow:   0px 2px 1px 0px rgba(50, 50, 50, 0.59);
box-shadow:         0px 2px 1px 0px rgba(50, 50, 50, 0.59);
}


#filesContainer > li:first-child:after 
{
        
    position:absolute;padding:10px 0px;bottom:60px;left:0px;z-index:99999;content:"ZDJĘCIE GŁÓWNE";text-align:center;background:rgba(255,255,255,.9);width:100%;font-size:0.9em;font-weight:bold;
    color:#000;
    }
	
.grey 
{
background:#f0f0f0;padding:20px;margin-top:10px;
-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;background:#eee;
	box-shadow:inset 0 0 10px #aaa;
		-moz-box-shadow:inset 0 0 10px #aaa; 
}




.message{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;		
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 position: fixed;
		 _position: absolute;
		 bottom:0px;
		 z-index:999999;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 animation: animate-bg 5s linear infinite;
		 cursor:pointer;		 		
}

.info{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

.error{
		 background-color: #de4343;
		 border-color: #c43d3d;
}
		 
.warning{
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

.success{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.message h3{
		 margin: 0 0 5px 0;													 
}

.message p{
		 margin: 0;													 
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}





.msg, .message
{
  padding:12px 20px;
  background:#009688;
  font-size:12px; 
  color: #fff; 
  -webkit-border-radius: 2px; /* Safari, Chrome */
  -khtml-border-radius: 2px;    /* Konqueror */
  -moz-border-radius: 2px; /* Firefox */
  border-radius: 2px;
  position:relative;
  margin:10px auto;
}


.msgFixed
{
    display:none;
    position:fixed;
    right:30px;
    bottom:30px;
    width:300px;  
    cursor:pointer;  
    z-index:99999;    
}


.msg_info {
	
	padding:15px;
	color: #00529B;
background-color: #BDE5F8;
clear:both;
}



#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
     
   
    #nav li {
        float:left; 
        display:block; 
        width:150px; 
        position:relative;
        z-index:500; 
        margin:0 1px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        line-height:34px;
        height:35px; 
        text-decoration:none; 
        color:#fff; 
        text-align:center; 
    }
 
    #nav li a:hover {
        color:#fff;
        box-shadow:inset 0 0 10px #000000;
		-moz-box-shadow:inset 0 0 10px #000000;background:#606060;
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 -1px; 
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:150px; 
            float:left; 
            border-top:1px solid #505050;
             border-bottom:1px solid #000;
            background:#404040;
           
        }
        
        
         #nav ul li a:hover {
           
            background:#303030;
            color:orange;
           
        }
         
         
      #tooltip{
	position:absolute;
	border:1px solid #aaa;
	padding:12px;
	color: #404040;
	text-shadow:#fff 1px 1px 1px; 
	display:none;
	text-align:left;
	z-index:99999;
	-webkit-border-radius: 3px;-moz-border-radius:3px;border-radius: 3px;
	   background-color:#ffae00 !important;
	   background-image: linear-gradient(bottom, #eee 50%, #fafafa 89%);
		background-image: -o-linear-gradient(bottom, #eee 50%, #fafafa 89%);
		background-image: -moz-linear-gradient(bottom, #eee 50%, #fafafa 89%);
		background-image: -webkit-linear-gradient(bottom, #eee 50%, #fafafa 89%);
		background-image: -ms-linear-gradient(bottom, #eee 50%, #fafafa89%);
	
		 	
	}	
       
       
       
  
/* Tabs container */
.r-tabs {
	position: relative;

	background-color: #E4E4E4;
	border: 1px solid #E4E4E4;
	border-radius: 4px;

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;

	text-decoration: none;
	
	font-size: 12px;
	font-weight: bold;
	color: #545454;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #000;
	text-shadow: none;

	background-color: white;
-webkit-box-shadow:  0px -2px 4px 0px rgba(50, 50, 50, 0.59);
-moz-box-shadow:    0px -2px 4px 0px rgba(50, 50, 50, 0.59);
box-shadow:         0px -2px 4px 0px rgba(50, 50, 50, 0.59);
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: white;
	
	border-bottom: 4px solid white;

	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	
	color: #404040;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #000;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
     
       
       
     .r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    
    .col1_2 {width:100%;padding:10px;}
    
    input,select,textarea {width:100%;}
    .form tr td {display:block;width:100%;padding:0px;}
}



    
.uploadField
{
    background:#eee;
    padding:20px;
}




#filesToUpload {list-style:none;padding:0px;margin:0px;}

#filesToUpload li {
	text-align:center;
	float:left;background:#ccc;padding:10px;width:120px;height:130px;
	font-size:0.7em;
	
	 -moz-border-radius:3px;
    -webkit-border-radius:3px;margin-right:10px;margin-bottom:10px;
    }
    
#filesToUpload li img {max-height:100px;max-width:100px;display:block;margin:auto;margin-bottom:10px;}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }