/*
*	CSS EXTENS SOLUCIONS S.L.
*  common.css file
*/

body{
	font-family: Georgia, serif, Helvetica, sans-serif, FreeSans; text-align: justify; font-size: 14px; line-height: 1.6em; 
	background-color:#fbf6ed; margin:0; padding:0;
}


h1{
	font-family: Georgia, serif, Helvetica, sans-serif, FreeSans; font-size:16px; color:#003228; font-weight:bold;
	margin:0; padding: 10px 0 5px 0;
}

h1 img{ vertical-align: middle; margin-right: 6px; padding:0; }

p { margin:0; padding: 5px 0 5px 0; }

a{ cursor: pointer; }

a:active{ outline: none; }

.red { color: #FF0000; }

.grau { color:#4D4D4D; }

#accept{ text-align:left; color:#666666; margin:10px 0 10px 148px; border:1px solid #FFFFFF; }

#accept a{ text-decoration:underline; color:#666666; }

img{ border:0; }

.fr{ float:right; }

.fl{ float:left; }

.txtal{ text-align: left; }

.txtar{ text-align: right; }

.txtac{ text-align: center; }

.pt10{ padding-top:10px; }

.pt20{ padding-top:20px; }

.pt50{ padding-top:50px; }

.pt70 { padding-top:70px; }

.pb10{ padding-bottom:10px; }

.pb15{ padding-bottom:15px; }

.pb25{ padding-bottom:25px; }

.mb40{ margin-bottom: 40px; } 

.pl20{ padding-left:20px; }

.submit{ margin: 20px 0 -20px 0; padding:0; }

html > body .submit { margin:10px 0 0 0; padding:0 0 5px 0; }

#head{ width: 750px; height: 80px; background: url(../_img/capcalera.jpg); text-align:right; }

#head a{ text-decoration:none; color: #000000; }

#head a:hover{ color: #fbab00;}

#head ul { margin:0; padding:45px 5px 0 0; text-align:right; list-style: none; }

#head li { margin:0 10px 0; padding:0; display: inline; }

#omright{ 	margin:0 0 0 15px; padding-right:15px; width:750px; height:auto; text-align:left; 
				background:#FFFFFF url(../_img/omr.jpg) top right repeat-y; }

#omleft{ margin:0 auto 0 auto; height:auto; background: url(../_img/oml.jpg) top left repeat-y; width:800px; }

#inhalt{ margin:0 auto 0 auto; height:100%; width:700px; }

#menu ul{ margin:0; padding:0; text-align:left; list-style: none; height:28px; }

#menu li{ margin:0; 	padding:0; display: inline; height:28px; }

#menu img { border:0; }

#menu img:hover { opacity:0.75;}

.mcol{ width: 430px; height:auto; }

.mcolap{ width: 575px; height:auto; }


/*
* Boxes
*/

.blauboxub{ 	font-family: Helvetica, sans-serif, Arial, FreeSans; font-size:12px; width:194px; border-bottom: 1px solid #a1c0ba;
	background-color: #ebf2f1; color: #003228; }

.blauboxub ul{ list-style: disc; padding:0 0 30px 15px; margin:12px 0 0 8px; }

.blauboxub > ul{ list-style: disc; padding:0 0 30px 15px; margin:10px 0 0 8px; }

.blauboxah .nod{ list-style: none; }

.blauboxub li{ text-align:left; }

.blauboxub .ibutton img{ border:0px; }

.blauboxub .ibutton{ position:absolute; text-align:center; width:194px; margin-top:-12px; }

.blauboxub > .ibutton{ position:relative; text-align:center; margin-bottom:-18px; width:194px; }

.blaubox{ border-top: 1px solid #a1c0ba; border-bottom: 1px solid #a1c0ba; 	background-color: #ebf2f1; color: #003228; }

.blaubox h1 { font-size: 16px; line-height: 1.6em; margin:5px 0 0 16px; padding:0; color: #003228; }

.blaubox p { 	width: 90%; margin-left:16px; line-height: 2em; }

.blaubox label{ padding-right:10px; }

.blaubox .hline { border-bottom:2px solid #000000; width:92%; margin:10px auto 20px auto; height:5px; }

.blaubox ul{ list-style: disc; padding:0 0 30px 15px; margin:12px 0 0 8px; }

.blaubox > ul{ list-style: disc; padding:0 0 30px 15px; margin:10px 0 0 8px; }

.blaubox li{ text-align:left; }

.ibutton img:hover { opacity: 0.90;}

#blauboxah {  width: 330px; float:right; font-family: Helvetica, sans-serif, Arial, FreeSans; font-size:12px; 
	border-bottom: 1px solid #a1c0ba; background-color: #ebf2f1; color: #003228; text-align:left; height:auto; 
	border-top: 1px solid #a1c0ba; }

#blauboxah ul{ list-style: disc; padding:0 0 30px 40px; margin:6px 0 0 8px; }

#blauboxah > ul{ list-style: disc; padding:0 0 30px 40px; margin:10px 0 0 8px; }

#blauboxah .nod{ list-style: none; }

#blauboxah li{ text-align:left; font-weight:bold; }

#blauboxah .ibutton img{ border:0px; }

#blauboxah .ibutton{ position:absolute; text-align:center; width:330px; margin-top:-12px; }

#blauboxah > .ibutton{ position:relative; text-align:center; margin-bottom:-18px; width:330px; }

#blauboxah h1 { font-size: 16px; line-height: 1.6em; margin:5px 0 0 35px; padding:0; color: #003228; }

a.lupa { text-decoration:none; display:block; color:#7e7e7e; font-size:12px; width:200px; }

a.lupa img { vertical-align: middle; border:0;}

a.lupa span:hover { text-decoration:underline; }

/* 
* Botom bar 
*/

#bottombar{ margin-top:25px; line-height:1.6em; width:100%; height:28px; background: url(../_img/green.jpg) top left repeat-x;
	text-align:right; color:#FFFFFF; }

#bottombar a{ text-decoration:none; color:#FFFFFF; }

#bottombar a:hover{ text-decoration:underline; }

#bottombar img{ vertical-align: middle; padding-top: 5px; }

#bottombar p{ margin:0; padding:3px 15px 0 0; }

.info{ padding-left:28px; color: #767676; margin:0 0 10px 0; }

/* 
*	Calendari
*/

#minical{ width:250px; }

#minical thead .th1{ color:#000000; background-color:#ebf2f1; text-align: center; 	padding-top:6px; }

#minical thead .th2{ color:#000000; background-color:#ebf2f1; text-align: center; border-bottom:1px solid #D9D9D9; }

#minical td, #minical th{ font-size: 10px; text-align:center; }

#minical .omonth{ width: 25px; margin-left:auto; margin-right:auto; color:#848484; }

#minical .cmonth{ width: 25px; margin-left:auto; margin-right:auto; color:#000000; font-weight:bold; }

#minical .nactive { color: #FF0000; }

.today{ border:1px solid #365BFF; }

.calendar{ font-family: Helvetica, sans-serif, Arial, FreeSans; font-size:12px; background: #FFFFFF; visibility: hidden;
	margin: 10px 0 0 650px; width: 250px; height: 225px; position: absolute; border: 2px solid #000000; z-index: 99; }

 .calendar .close a{ background: transparent url(../_img/ajax/tanca.gif) no-repeat; background-position: top right;
	background-color: transparent; vertical-align:middle; width: 18px; height: 18px; position: absolute;
	top: 4px; right: 4px; text-decoration: none; text-align: center; }

.calendar .bar{ width:100%; height: 22px; background-color: #ebf2f1; text-align:left; }

/*
*  Taules
*/

.llpreis{ font-size: 14px; line-height: 1.4em;  border-right:1px solid #D8D8D8; }

.llpreis td, .llpreis th{ font-weight:normal; 	border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; }

.llpreis .nbdr{ border:0; }

.llpreis .sgreen{ background-color: #003228; color:#FFFFFF; }

.llpreis .lgreen{  background-color: #73a393; color:#FFFFFF; }

.llpreis .nclr{ background-color: #FFFFFF; color:#003c33; border:0px; }

.llpreis .per{ height: 35px; }

.llpreis .tmp{ height: 40px; }

.llpreis .tmph{ height: 75px; }

.llpreis .pns{ width: 170px; font-weight: bold; }

.llpreis .dat{ width: 170px; }

.nota1 { padding-top: 15px; color:#7e7e7e; font-size:14px; }

.nota2 { padding:0; color:#7e7e7e; font-size:14px; }

.nota2 { padding:0 0 0 0; color:#7e7e7e; font-size:14px; }

ul.notaX{ margin:0 0 0 30px; padding:0; list-style:square; color:#7e7e7e; }

ul.notaX li{ margin:0; padding:0; }

/*
* Fixes 
*/

.fxmt { margin-top:-3px; }

html > body .fxmt { margin-top:0; }

/*
* Contacte
*/

.yellor{ color: #fbab00; }

#fmcontact{	width:675px; margin:0 auto 0 auto; line-height:2.4em; padding:30px 0 10px 0; }

#fmcontact input.field{ width:180px; }

#fmcontact textarea { width:519px; height:135px; margin-top:10px; }

#fmcontact .button { width:150px; }

#fmcontact #cleft{ width: 335px; text-align:right; padding-top:1px; }

#fmcontact #cright{ width: 335px; float:right; text-align:right; }

#fmcontact label{ padding-right:15px; }

#fmcontact .vatop { vertical-align:top; }

/*
* Restaurant
*/

p#fblock { width:630px; padding-right: 50px; }

/*
* Bar
*/

div#mbar{ width:450px; height:auto; text-align:left; float:right; }

div#lbar { margin:0; padding:44px 0 0 0; width:215px; height:auto; text-align:left; }

/*
* Reserves
*/


.hline{ border-bottom:1px dotted #003228; width:100%; }

.zimmer { padding:0 20px 60px 30px;}

.zimmer .thfoto{ height:175px; width:250px; padding:0; }

.zimmer .minform{ padding:0; height: 185px; width: 375px; float:right; }

.calinfo{ margin:0; padding:5px 0 8px 0; }

img.prgs { vertical-align:middle; margin-left:10px; padding-bottom:5px; visibility:hidden; }

noscript div { width:100%; background-color: #FF0000; padding:15px 0 15px 0; font-size:16px; font-weight:normal; text-align:center; color:#FFFFFF; }

#iva{ padding-top:5px; color:#6b6b6b; float:right;}

/*
* Resposta
*/

#msg{ color:#000000; font-weight:bold; margin:75px auto 250px auto; text-align:center; line-height:2em; font-size:14px; width: 500px; }

#msg p{ margin:20px 0 20px 0; }

/*
* Crèdits
*/

.credits{ margin: 25px auto 25px auto; padding: 15px 0 35px 0; width: 500px; text-align:center; color:#000000; }

.lineu { border-bottom:1px solid #666666; }

.credits h1 { font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; font-size:14px; }

.credits img { margin-top: 10px; border:0;}

.credits p { font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; font-size:12px; }

#topbar{ line-height:1.6em; width:100%; height:28px; background: url(../_img/green.jpg) top left repeat-x;
	text-align:right; color:#FFFFFF; }
#topbar a{ color:#FFFFFF; text-decoration:none; }	

#topbar a:hover{ color:#FFFFFF; text-decoration:underline; }	

.legal{ margin:25px 10px 0 0; text-align:justify; }

.legal ul{ list-style-type:decimal; }

.legal ul ul{ list-style-type:disc; }

.legal li, .legal li li{ margin:10px auto 10px auto; }

#legal2 p{ padding-left: 24px; text-indent:25px; }

#offer{ margin:12px 0 0 0px; padding-right:0px; padding-left:0px; width:244px; height:151px; text-align:center;
				background:#006150 url(../_img/offer.jpg) ; }

#offer h1 { font-size: 22px; font-weight:bold; line-height: 1.6em; margin:10px 0 0 0px; padding:8px 0 0px 0; color: #ffce02; }

#offer p { font-weight:bold; width: 90%; margin-left:5px; margin-right:5px; margin-bottom:5px; line-height:1.5em; color: #ffffff; }