/* 
# Template CSS by Miguel Tuyaré - Tux Merlín 
# Web Site: www.joomla-gnu.com
# Email: info@joomla-gnu.com
# Copyright 2010
# Make for: www.thegrandvillahotel.com
# Forms CSS
*/

.titform{
color: #3d724b;
font-family:Verdana;
font-size:14px;
font-weight:bold;
text-align:center;
padding:5px;
}
.sepf{line-height:10px;}
.fname1{float:left;text-align:left;padding-left:10px;width:40px;line-height:10px;padding-top:5px;}
.fname2{float:left;text-align:left;padding-left:8px;width:50px;line-height:10px;padding-top:5px;}
.fchin{float:left;width:40px;text-align:left;padding-left:10px;line-height:10px;}
.fchou{float:left;width:50px;text-align:left;padding-left:8px;line-height:10px;}
.ftype1{float:left;padding-left:10px;width:40px;margin-top:5px;}
.ftype2{float:left;padding-left:5px;padding-right:5px;width:40px;margin-top:5px;}
.ftype3{float:left;padding-left:5px;width:50px;margin-top:5px;}
.sele{float:left;margin-top:5px;}

#frontform{
width: 300px;
height:190px;
font-family:Arial;
font-size:10px;
background:#FFFFFF;
float: left;
}

#frontform select{
font-family:Arial;
font-size:10px;
}

#frontform fieldset{
border:none;
background:#FFFFFF;
padding-bottom:5px;
}

#frontform input{
border:1px solid #3d724b;
height:19px;
width:85px;
float:left;
font-family:Arial;
font-size:12px;}

#frontform input:hover,#frontform input:focus{background:#F0F0F0;}

#frontform select{
border:1px solid #3d724b;
height:20px;
font-family:Arial;
font-size:10px;
color: #3d724b;
background: #FFFFFF;
}

.atext{
border:1px solid #3d724b;
height:30px;
font-family:Arial;
font-size:10px;
margin-left:20px;
}

.texbx{margin-left:10px;}
#frontform .button{width:200px;margin-top:10px;margin-left:50px;}
#frontform .button:hover{background:#3d724b;color:#FFFFFF;}


#result {
	width: 300px;
	height:190px;
	font-family:Arial;
	font-size:10px;
	text-align:center;
	background:#FFFFFF;
	float: left;
	display:none;
}
#loading {
	width: 300px;
	height:190px;
	font-family:Arial;
	font-size:10px;
	background:#FFFFFF;
	float: left;
	background:url(../images/ajax-loader.gif) center no-repeat;	
	display:none;
}

/* Calendar */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 4px 0 0 -20px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calend.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 85px;
	float: left;
}

/* Facilities Form */
#formfacilities, #formloading, #formresult{
width: 550px;
height:250px;
font-family:Arial;
font-size:10px;
float: left;
}

#formloading{display:none;}
#formresult{display:none;}


#myform2{
margin-bottom:20px;
}

#formfacilities input{
border:1px solid #3d724b;
float:left;
font-family:Arial;
font-size:12px;
}

#formfacilities fieldset{
border:none;
padding-top:5px;
margin-left:40px;
}
.fdataf{
font-family:Arial;
font-size:11px;
}

.fflabel{
font-family:Arial;
font-size:11px;
float: left;
width:50px;
}

.f2flabel{
font-family:Arial;
font-size:11px;
float: left;
}

.fatext{
font-family:Arial;
font-size:11px;
margin-left:50px;
}

#formfacilities .fbutton{width:200px;margin-top:10px;margin-left:190px;}
#formfacilities .fbutton:hover{background:#3d724b;color:#FFFFFF;}


/* Contact Form */
#formcontact, #formcontload, #formcontresult {
width: 270px;
height:250px;
font-family:Arial;
font-size:10px;
float: left;
}

#formcontload, #formcontresult {display:none;}

#formcontact input{
border:1px solid #3d724b;
float:left;
font-family:Arial;
font-size:12px;
}


#formcontact fieldset{
border:none;
padding-top:5px;
margin-left:40px;
}

#formcontact .fbutton{width:200px;margin-top:10px;margin-left:45px;}
#formcontact .fbutton:hover{background:#3d724b;color:#FFFFFF;}

.cont1, .cont2{width:270px;float:left;}

.cfatext{
font-family:Arial;
font-size:11px;
}

.dt{
margin-top:10px;
margin-left:100px;
}

.boxd {border:1px solid #3d724b;text-align:center;}


.contact-tel,.contact-mov,.contact-fax,.contact-ema,.contact-web{;padding-left:20px;line-height:24px;}
.contact-tel{background:url(../images/ico-tel.png) left no-repeat;}
.contact-mov{background:url(../images/ico-mov.png) left no-repeat;}
.contact-fax{background:url(../images/ico-fax.png) left no-repeat;}
.contact-ema{background:url(../images/ico-mail.png) left no-repeat;}
.contact-web{background:url(../images/ico-web.png) left no-repeat;}