/*  
Proyecto: Nou Zeppelin
URI: http://www.nouzeppelin.com/
Version: 1.0
Autor: Comik Comunicació i Creativitat
Autor URI: http://www.comikcomunicacio.com/
*/






body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote {
	padding: 0;
	margin: 0;
}

html, body { height: 100%; }

address {
	font-style: normal;
	padding: 0;
	margin: 0;
}






body {
	background:#e0dccb url(../img/bg.jpg) center top no-repeat;
	font: normal 62.5% Georgia, "Times New Roman", Times, serif;
	color: #494134;
	width:100%;
}

p {
	padding-bottom: 1em;
	font:bold 1.2em/1.5em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-align: left;
}

ul { list-style-type: none; }

a {
	color: #ff1500;
	text-transform: uppercase;
	font-size: 0.9em;
	text-decoration:none;
	outline: none;
}

a:hover { text-decoration:underline; }
img { border: none; }
a img { border: none; }

.ocultar {position:absolute;left:-9999px;}
.clear { clear:both; }






#base {
	width:940px;
	margin: 0 auto;
	position: relative;
	height: auto;
	padding: 0;
}

#base h1#logo {
	width:400px;
	height:180px;
	background:transparent url(../img/zepp-trans.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:50px;
	left:270px;
	outline: none;
	z-index: 1000;
}

#base #cabecera {
	width:906px;
	margin:0 0 0 0px;
	height:366px;
	padding: 176px 0 20px 0px;
}

#base ul {
	width:940px;
	clear: both;
	display: block;
}

#base ul li {
	float:left;
	display:block;
}

#base ul li a {
	display:block;
	width:auto;
}

#base ul li#carta { width:292px; }

#base ul li#carta a {
	width:292px;
	height:169px;
	background:transparent url(../img/carta-trans.png) 0 -169px no-repeat;
}

#base ul li#carta a:hover { background-position:0 0; }

h2#h2-carta {
	background:#fff url(../img/h2-carta.gif) 0 0 no-repeat;
	width: 200px;
	height: 50px;
	display: block;
}

#base ul li#tarjeta-cliente {
	width:290px;
	margin: 32px 25px 0 25px;
}

#base ul li#tarjeta-cliente a {
	width:290px;
	height:138px;
	background:transparent url(../img/tarjeta-cliente-trans.png) 0 0 no-repeat;
}

#base ul li#tarjeta-cliente a:hover { background-position: 0 -138px; }

#base ul li#donde-estamos {
	width:286px;
	margin: 67px 0 0 0;
}

#base ul li#donde-estamos a {
	width:286px;
	height:95px;
	background:transparent url(../img/donde-estamos-trans.png) 0 0 no-repeat;
}

#base ul li#donde-estamos a:hover { background-position: 0 -95px; }







div.overlay {
	background-image:url(../img/superponer-trans.png);
	width:600px;
	height:470px;
	display:none;
	padding:55px;
}

div.overlay div.close {
	background-image:url(../img/cerrar-trans.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/*.ChildNode{padding:5px 0 10px 30px;}*/






#cabecera .carusel_bg {
	padding: 0 0 0 18px;
	width: 885px;
	height: 366px;
	margin: 0 0 0 0px;
	position: relative;
}

#cabecera .jCarouselLite {
	width: 885px!important;
	height: 366px!important;
	overflow: hidden;
	position: relative;
}

#cabecera .jCarouselLite ul {
	height: 366px;
	width: 885px;
	margin: 0;
	padding: 0;
}

#cabecera .jCarouselLite ul li {
	height: 366px;
	width: 885px;
	display: block;
}

#cabecera a.ant_btn, a.sig_btn {
	position:absolute;
	z-index: 999;
	width: 52px;
	height: 47px;
	outline:none;
	top: 318px;
}

#cabecera a.ant_btn {
	left:0;
	background: transparent url(../img/btn_ant-trans.png) -52px 0 no-repeat;
	cursor: pointer;
}

#cabecera a.sig_btn {
	right: 0;
	background: transparent url(../img/btn_sig-trans.png) 0 0 no-repeat;
	cursor: pointer;
}

#cabecera a.ant_btn:hover { background-position:0 0; }
#cabecera a.sig_btn:hover { background-position:-52px 0; }

#cabecera .preview {
	width: 885px;
	height: 366px;
}





p#pie {
	width:940px;
	display:block;
	margin:0 auto;
	clear:both;
	text-align:center;
	font-style:normal;
	text-transform:uppercase;
	font-size:1.1em;
	color:#84302a;
	padding: 50px 0 100px 0;
}

p#pie span {
	background:transparent url(../img/star.gif) 0 3px no-repeat;
	padding: 0 0 0 12px;
}

a#copy {
	background:transparent url(../img/comik-trans.png) 0 0 no-repeat;
	width:80px;
	height:42px;
	display:block;
	margin: 0;
}

a#copy:hover { background-position: 0 -42px; 
}