

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<!--TITLE-->
    <title>Contacto&nbsp;| Hotel Gallery Barcelona</title>
    
    <!-- METATAGS -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <meta name="robots" content="all" />
    <meta http-equiv="Content-Language" content="es" />

    <meta name="revisit-after" content="7 days" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="content-language" content="es" />
    <meta name="title" content="Contacto&nbsp;| Hotel Gallery Barcelona" />
    <meta name="description" content="" />
    <meta name="author" content="Gallery Hotel" />
    <meta name="date" content="2010-10-10T09:00:00+00:00" />
    <meta name="identifier-url" content="http://www.galleryhotel.com/" />
    <meta name="keywords" lang="es" content="" />
        
    <style type="text/css">
    *{	margin:0;	padding:0;}
    
    p{
        margin-bottom:8px;
        line-height:140%;
        text-align:justify;
    }
    
    li{list-style:none}
    
    a, a:visited{
        color:white;
        text-decoration:none;
    }
    
    a:hover, a:active{	text-decoration:underline; cursor:pointer;}
    
    input{border:none}
    
        input.s{width:30px}
        input.m, select.m{width:70px}
        input.l{width:100px}
    
    button{
        padding:3px;
        ackground:url(../../img/gradients.jpg) repeat-x #8B7159 left top;
        border-top:#45392C 1px solid; border-left:#45392C 1px solid; border-bottom:#7D664F 1px solid; border-right:#7D664F 1px solid;
        color:white;
        font-size:11px;
        text-transform:uppercase;
        cursor:pointer;
    }
    
    .button{
        display:block;
        height:20px;	line-height:20px;
        border:#7D664F 1px solid;
        color:white;
        font-size:11px;
        text-transform:uppercase;
        text-decoration:none !important;
        -moz-box-shadow: 1px 1px 5px #251F18;-webkit-box-shadow: 1px 1px 5px #251F18;   box-shadow: 1px 1px 5px #251F18;
    }
        
        .button:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow: none;}
        
    .popup{
        width:850px;	/*height:500px;*/
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        background:#3F3327;
        color:#D6CABC;
        font-size:14px;
    }
    
    .popupPadd{
        overflow:hidden;
        padding:20px;
    }
    
    h1{
        margin-bottom:20px;
        background:url(img/hr.gif) repeat-x bottom;
        color:#D6CABC;
        font-size:20px
        vertical-align:bottom;
        text-shadow: #251F18 0 2px 1px;
        text-transform:uppercase;
    }
    
    .popup ul{
        float:left;
        margin-right:20px;
    }
    .popup li{margin-bottom:10px}
        
        .popup label{
            display:block;
            font-size:12px;
        }
        
        .popup input, .popup textarea, .popup select{
            width:244px;
            padding:2px;
            background:#1F1913;
            border:1px solid #1F1913;
            color:#665340;
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;
        }
        
            .popup input:focus, .popup textarea:focus, .popup select:focus{
                border:#665340 1px solid;
                color:white;
            }
            
            span.required{ font-size:11px}
    </style>
    
    <script type="text/javascript">
        function validForm(){
            if(parseInt(document.getElementById('city').value.length) < 4){
                alert('Por favor, introduzca su poblaci&oacute;n');
                document.getElementById('city').focus();
                return false;
            }
            if(parseInt(document.getElementById('country').value.length) < 4){
                alert('Por favor, seleccione su pa&iacute;s');
                document.getElementById('country').focus();
                return false;
            }
            if(parseInt(document.getElementById('email').value.length) < 4){
				alert('Por favor, introduzca un e-mail correcto');
				document.getElementById('email').focus();
				return false;
			} else {
				if(!BuenMail(document.getElementById('email').value)){
					alert('El email introducido es incorrecto');
					document.getElementById('email').focus();
					return false;
				}
            }
            if(parseInt(document.getElementById('message').value.length) < 4){
                alert('Por favor, introduzca su observaci&oacute;n');
                document.getElementById('message').focus();
                return false;
            }
            return true;
        }
		function BuenMail (string)
		{
			var at="@";
			var dot=".";
			var lat=string.indexOf(at);
			var lstr=string.length;
			var ldot=string.indexOf(dot);
			if (string.indexOf(at)==-1){ return false; }
			if (string.indexOf(at)==-1 || string.indexOf(at)==0 || string.indexOf(at)==lstr){ return false; }
			if (string.indexOf(dot)==-1 || string.indexOf(dot)==0 || string.indexOf(dot)==lstr){ return false; }
			if (string.indexOf(at,(lat+1))!=-1){ return false; }
			if (string.substring(lat-1,lat)==dot || string.substring(lat+1,lat+2)==dot){ return false; }
			if (string.indexOf(dot,(lat+2))==-1){ return false; }
			if (string.indexOf(" ")!=-1){ return false; }			
			return true;		
		}
    </script>

</head>

<body>
<div class="popup">
    
    <div style="height:180px; background:url(img/contacto.jpg) center center no-repeat"></div>
    <div class="popupPadd">
        <h1>Contacto</h1>
        <form id="EnviarContacto" name="EnviarContacto" method="post">
            <input type="hidden" name="Action" value="SendContact" />
            <ul>
                <li>
                    <label for="city">Poblaci&oacute;n*</label>
                    <input type="text" name="city" id="city"/>
                </li>
                <li>
                    <label for="country">Pa&iacute;s*</label>
                    <input type="text" name="country" id="country"/>
                </li>
                <li>
                    <label for="email">E-mail*</label>
                    <input type="text" name="email" id="email"/>
                </li>
            </ul>
            <ul>
                <li>
                    <label for="message">Mensaje*</label>
                    <textarea name="message" id="message" rows="5" cols=""></textarea>
                </li>
                
                <li id="buttons">
                    <span class="required">*Campos obligatorios</span><a onclick="Javascript: if (validForm()) SubmitForm('includes/send_email.asp', document.getElementById('EnviarContacto').elements, '#ResultSendMail');" class="button send">Enviar</a>
                </li>
            </ul>
            <ul>
            	<li id="ResultSendMail"></li>
            </ul>
        </form>
    </div>
</div>

</body>
</html>
