﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="es" />
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="generator" content="dinaCMS Arcadina">
<title>José María Márquez. Fotógrafo de Granada. </title>
</head>
<style>
* {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 10pt;
	}

body {
	background: #ccc;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	}

img {
	vertical-align: middle;
	border: 0;
	margin: 0;
	padding: 0;
	}

a, a:link, a:hover, a:visited {
	color: #00e;
	}

.fl {
	float: left;
	}

.mt20 {
	margin-top: 20px;
	}

.mt30 {
	margin-top: 30px;
	}

.mt40 {
	margin-top: 40px;
	}

#contenedor {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -278px;
	margin-left: -480px;
	width: 960px;
	height: 555px;
	background: #fff;
	box-shadow: 10px 10px 15px #666;
	-moz-box-shadow: 10px 10px 15px #666;
	-webkit-box-shadow: 10px 10px 15px #666;
	z-index: 100;
	}

#logo {
	display: block;
	position: relative;
	width: 100%;
	height: 160px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
	}

/* ----------------------------------------------------------------------------- */
/* Sin imagen */

#parkingfull {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

#parkingfull #mensaje {
	position: absolute;
	width: 800px;
	height: 5em;
	font-weight: bold;
	font-size: 12pt;
	top: 245px;
	margin: auto;
	margin-left: 80px;
	overflow-x: none;
	overflow-y: auto;
	vertical-align: middle;
	text-align: center;
	color: #888;
	}

#parkingfull #contact-block {
	position: absolute;
	bottom: 8px;
	width: 100%;
	height: auto;
	text-align: center;
	}

#parkingfull .addrblock {
	display: block;
	width: 100%;
	margin: auto;
	margin-bottom: 2em;
	}

#parkingfull .addricon {
	display: inline-block;
	width: 180px;
	vertical-align: middle;
	text-align: right;
	margin-right: 10px;
	}

#parkingfull .addrdata {
	display: inline-block;
	width: 300px;
	vertical-align: middle;
	text-align: left;
	}

#parkingfull .addrdata p {
	margin-top: 0;
	}



/* ----------------------------------------------------------------------------- */
/* Con imagen */

#parkingimg {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

#parkingimg .imgparking {
	float: left;
	display: inline-block;
	height: 100%;
	width: 480px;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: 0;
	}

#parkingimg .datos {
	float: left;
	display: inline-block;
	height: 100%;
	width: 480px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#parkingimg #contact-block {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 480px
	}

#parkingimg #mensaje {
	position: absolute;
	width: 400px;
	height: 7em;
	font-weight: bold;
	font-size: 12pt;
	top: 245px;
	margin: auto;
	margin-left: 40px;
	margin-top: -1.5em;
	overflow-x: none;
	overflow-y: auto;
	color: #888;
	}

#parkingimg .addrblock {
	display: block;
	width: 100%;
	margin-bottom: 2em;
	}

#parkingimg .addricon {
	display: inline-block;
	width: 150px;
	vertical-align: middle;
	text-align: right;
	margin-right: 10px;
	}

#parkingimg .addrdata {
	display: inline-block;
	width: 300px;
	vertical-align: middle;
	text-align: left;
	}

#parkingimg .addrdata p {
	margin-top: 0;
	}

/* ----------------------------------------------------------------------------- */
/* Footer */

#footer {
	position: absolute;
	width: 99%;
	text-align: center;
	bottom: 10px;
	line-height: 2.2em;
	color: #888;
}

#footer a, #footer a:visited, #footer a:hover {
	color: #888;
	text-decoration: none;
}
</style>
<body>
<div id="contenedor">
	<div id="parkingfull">
		<div class="datos">
			<div id="logo">
				<img src="http://www.fotografiamarquez.com/content/img/gal/999999/_logo_20141128133429547879e5a9bc6.sized.png" width="400" height="133.33333333333" alt="José María Márquez Mata">
			</div>
			<div id="mensaje">
				En estos momentos estamos trabajando en nuestra web			</div>
			<div id="contact-block">
				<div class="addrblock">
					<div class="addricon">
						<img src="http://www.fotografiamarquez.com/imgcms/location_black_20140404.png" width="40" height="40" alt="dirección">
					</div>
					<div class="addrdata">
						<p>Ribera del Beiro nº7 (Edif. Pta. Granada)</p>
						<p>18014, GRANADA, Granada</p>
						<p>España</p>
					</div>
				</div>
				<div class="addrblock">
					<div class="addricon">
						<img src="http://www.fotografiamarquez.com/imgcms/phone_black_20140404.png" width="40" height="40" alt="teléfono">
					</div>
					<div class="addrdata">
						<p>958208802</p>
					</div>
				</div>
				<div class="addrblock">
					<div class="addricon">
						<img src="http://www.fotografiamarquez.com/imgcms/mail_black_20140404.png" width="40" height="40" alt="correo">
					</div>
					<div class="addrdata">
						<p><a href="mailto:web@fotografiamarquez.com">web@fotografiamarquez.com</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="footer">
	<a href="http://www.arcadina.com" target="_blank" rel="nofollow">Creado con Arcadina</a></div>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-1482570-1', {'cookieDomain': 'www.fotografiamarquez.com'});
  ga('send', 'pageview');
</script>

</body>
</html>
