@charset "utf-8";
/* CSS Document */


/* Reseteando :) */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
/* Fin del reseteo x) */

body {	background:#fff;
		width:1200px;
		margin:0 auto;
		font-family:"Helvetica LT Std", Arial, Verdana;
		font-size:12px;
		 }
		 
h2	{	font-size:18px;
		line-height:18px;
		text-transform:uppercase;
		font-weight:bold;
		color:#000;
		margin-bottom:10px;
		position:relative;
		width:auto;
}

h3	{	font-size:18px;
		color:#000;
}

h4 {			font-family:"Helvetica LT Std", Arial, Verdana;
				font-size:14px;
				color:#000;
				text-align:left;
				line-height:14px;
				margin-bottom:5px;
				position:relative;}
				

		
#wrapper	{	width:100%;
				margin:0 auto;
				background:#fff;
			}
			
a:link, a:visited	{	color: #000;
						text-decoration:none;}
a:hover	{	color:#9EC422;
			text-decoration:none;}
		
#top	{	width: 100%;
			height:50px;
			background:#000;			
			position:relative;
			}

.logo	{	width:500px;
			float:left;
			margin-top:30px;
			margin-left:80px;
			margin-bottom:10px;
}

#header		{	
				position: relative;
				height: 556px;
				background: url(../imagenes/061b.png) no-repeat;

}

#header h1	{	font-family:"Helvetica LT Std", Arial, Verdana;
				font-size:24px;
				font-weight:bold;
				font-stretch:expanded;
				
				line-height:38px;
				color:#fff;
				text-shadow: 2px 2px 2px rgba(0,0,0,.7);
				
				width:600px;
				padding:20px;
				margin:20px 0 20px 120px;
}

#header p {	font-family:"Helvetica LT Std", Arial, Verdana;
				font-size:16px;
				font-weight:bold;
				font-stretch:expanded;
				text-align:justify;
				line-height:22px;
				color:#fff;
				text-shadow: 2px 2px 2px rgba(0,0,0,.7);

}

#header2		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/Anacamptis%20piramidalis-3776.jpg) no-repeat  0 50px;
	width: 1200px;

}

#header3		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/_20C2107.jpg) no-repeat  0 30px;
	width: 1200px;

}

#header4		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/_G5C1245.jpg) no-repeat 0 50px;
	width: 1200px;

}

#header5		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/_G5C4777.jpg) no-repeat  0 50px;
	width: 1200px;

}

#header6		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/_G5C8590.jpg) no-repeat  0 30px;
	width: 1200px;

}

#header7		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/Niguls%20a%20la%20Serra%20729.jpg) no-repeat  0 50px;
	width: 1200px;

}

#header8		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/Pano%20peninsula%20Alcudia%206059.jpg) no-repeat  0 50px;
	width: 1200px;

}

#header9		{
	position: relative;
	height: 300px;
	background: url(../imagenes/cabecera/Virot%20_MG_8069.jpg) no-repeat  0 50px;
	width: 1200px;

}

.line	{
	background:url(../imagenes/bg8x8.png) repeat-x;
	position:relative;
	float:left;
	width:1200px;
	height:8px;
	margin:0;
}

.linebox	{
	clear:both;
	background: url(../imagenes/bg1x1grey.png) repeat-x;
	position:relative;
	float:left;
	width:900px;
	height:1px;
	margin:0;
}
							
.clear	{	clear:both;	}
.floatleft	{	float:left;}
.floatright	{	float:right;}S

.margin-top20	{	margin-top:20px;}
.margin-top30	{	margin-top:30px;}
.margin-top50	{	margin-top:50px;}
.margin-left20	{	margin-left:20px;}
.margin-left50	{	margin-left:50px;}
.margin-left100	{	margin-left:100px;}
.margin-right20	{	margin-right:20px;}
.margin-right50	{	margin-right:50px;}
.margin-right100	{	margin-right:100px;}
.margin-bottom20	{	margin-bottom:20px;}
.padding-bottom20	{	padding-bottom:20px;}
.padding-bottom30	{	padding-bottom:30px;}
.padding-left20		{	padding-left:20px;}
.padding-left50		{	padding-left:50px;}
.padding-left100		{	padding-left:100px;}


/* CARRITO ========
==================*/
#buy {	
	float:left;
	padding:0px 20px 0px 0px;
	position:absolute;
	top:0px;
	right:112px;
	

}
#buy ul li{
	float:left;
	width:50px;
	height:50px;
	padding:0;
	margin:0 ;
	position:relative;
	background:;
	list-style:none;
	z-index:;
}
#buy ul li a{
	float:right;
	width:50px;
	height:50px;
	
}

#buy ul li a span{
	float:left;
	font-size:20;
	width:50px;
	height:50px;
	background:url(../imagenes/icon-compra-online-36.png) #000 no-repeat center center ;
}

#buy ul li a span:hover{
	float:left;
	font-size:20;
	width:50px;
	height:50px;
	background:url(../imagenes/icon-compra-online-35.png) #fff no-repeat center center ;
}

#buy ul li.icon, #buy ul li.buy a span{
	background-position: 0px 0px;
}
		
							
/*=========================================================================================================================
 IDIOMAS 
===========================================================================================================================*/

#idiomas {	
	float:right;
	padding:0px 20px 0px 0px;
	position:absolute;
	top:13px;
	right:0px;
	

}
#idiomas ul li{
	float:left;
	width:20px;
	height:20px;
	padding:0;
	margin:0 0 0 6px;
	position:relative;
	background: url(../imagenes/idiomas-01.png) no-repeat;
	list-style:none;
	z-index:;
}
#idiomas ul li a{
	float:right;
	width:20px;
	height:20px;
	
}

#idiomas ul li a span{
	float:left;
	font-size:20;
	width:23px;
	height:23px;
	background: url(../imagenes/idiomas-01.png) no-repeat;
}
#idiomas ul li.espanol, #idiomas ul li.espanol a span{
	background-position: 0px 0px;
}
#idiomas ul li.catalan, #idiomas ul li.catalan a span{
	background-position: -23px 0px;
}
#idiomas ul li.aleman, #idiomas ul li.aleman a span{
	background-position: -47px 0px;
}
#idiomas ul li.ingles, #idiomas ul li.ingles a span{
	background-position: -70px 0px;
}
/*#idiomas ul li.espanol a:hover span, #idiomas ul li.espanol a.active span{
	background-position: 0px 0px;
}
#idiomas ul li.catalan a:hover span, #idiomas ul li.catalan a.active span{
	background-position: -20px 0px;
}
#idiomas ul li.aleman a:hover span, #idiomas ul li.aleman a.active span{
	background-position: -40px 0px;
}
#idiomas ul li.ingles a:hover span, #idiomas ul li.ingles a.active span{
	background-position: -60px 0px;
}

 Idiomas-fin */

/*=========================================================================================================================
 MENU 
===========================================================================================================================*/

#menu {	float:left;
		position:relative;
		height: 80px;
		width: auto;
		margin-left: 35px;

}


.menu li {
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 50px;
}

/* Links */

.flecha	{	background: url(../imagenes/arrow-menu.png) center 39px no-repeat;}


/*.menu ul:after	{position: absolute;
content: '';
left: 48%;
width: 9px;
background: url(../imagenes/arrow-menu.png) center 5px no-repeat;
height: 9px;
pointer-events: none;
z-index: 999;
display: block;}*/


.menu li a {
	display: block;
	padding: 10px 58px 10px 58px;
	margin:  0;
	line-height: 30px;
	text-decoration: none;


	font-family:"Helvetica LT Std", Arial, Verdana;
	font-weight:bold;
	font-stretch:condensed;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none;
padding-bottom:0px; 
}
/*
.menu li:hover > a { color: #77d990;}
.menu li a.active { color: #77d990; }*/

.menu li a:hover, .menu li a.active { 	background:#FFF;
										color:#000;
										/*-webkit-border-radius:8px;
										-moz-border-radius:8px;
										border-radius:8px;*/
}


/* Sub Menu */

.menu ul {
	position: absolute;
	top: 50px;
	left: 0;

	opacity: 0;
	
	background: #9EC422;

	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;

	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;

	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover > ul li {
	height: 45px;

	overflow: visible;
	padding: 0 10px;

}

.menu ul li a {
	width:220px;
	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;

	font-family:"Helvetica LT Std", Arial, Verdana;
	font-weight:bold;
	font-stretch:condensed;
	font-size: 13px;
	line-height:16px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	text-align: left;
}



ul.uno	{	width:153px;
			padding:0 ;
			overflow:hidden;
}

.menu ul li a:hover	{	color:#000;
						background:none;}

/* fin Menu */

#contenedor	{
				width:1200px;
				position: relative;
				z-index: 2;
				background:#FFF;
				}

				
.contenido{
  margin-right: auto;
  margin-left: auto;
  width:1200px;
}

.contenido p	{	text-align:justify;
					margin: 10px 0;
					font-family:"Helvetica LT Std", Arial, Verdana;
					font-size:14px;
					font-weight:normal;
					line-height:18px;
}

#contenido-a	{	position:relative;
					float:left;
					left:100px;
					width:470px;
}

#contenido-b	{	position:relative;
					float:right;
					right:100px;
					width:470px;
}			

#contenido-a a:link, a:visited	{	color: #000;
									text-decoration:none;}
#contenido-a a:hover			{	color:#f90;
									text-decoration:none;}

#contenido-b a:link, a:visited	{	color: #9EC422;
									text-decoration:none;}
#contenido-b a:hover			{	color:#000;
									text-decoration:none;}

#titulo	{	position:relative;
			background:#000000;
			margin-top:20px;
			width:1200px;
			height:30px;
			color:#fff;
}

.titulo1	{	float:left;		
}
.titulo2	{	float:right;
}

h5	{	font-family:PhrasticMedium, "Helvetica LT Std", "Arial Black";
		color:#FFFFFF;
		font-size:25px;
		line-height:33px;
		margin-left:20px;
		float:left;
}

h6 {	font-family:PhrasticMedium, "Helvetica LT Std", "Arial Black";
		color:#FFFFFF;
		font-size:14px;
		line-height:40px;
		margin-left:50px;
		float: left;
}

#titulo a:link, a:visited	{ color: #fff;
			text-decoration:underline;}
									
#titulo a:hover		{	color:#ccc;
					text-decoration:underline;}

.tx-presentacion	{	color:#000;
						font-family:"Helvetica LT Std", "Arial Black";
						font-size:14px;
						font-weight:normal;
						line-height:18px;
						padding:50px;
}


.box1	{	width:490px;
			float:right;
			position:relative;
			margin-top:30px;
			margin-bottom:30px;
			margin-left:80px;
			border-bottom:2px #9EC422 solid;
}

.image_box1 {
position:relative;
top:30px;
float:left;
text-align: center;
padding-right:50px;
margin-bottom:110px;

}

.box1 a:link, a:visited	{	color: #000;
									text-decoration:none;}
.box1 a:hover			{	color:#9EC422;
									text-decoration:none;}

.box2	{	width:470px;
			float:left;
			position:relative;
			border-bottom:2px #9EC422 solid;
}

.image_box2	{
position:relative;
top:30px;
float:left;
text-align: center;
padding-right:60px;
margin-bottom:122px;
}

.box3	{
position:relative;
float:left;
width:360px;
margin:50px 20px 40px 20px;
text-align:center;
border-bottom:1px #CCCCCC solid;
}

.box3 a:link, a:visited	{	color: #000;
									text-decoration:none;}
.box3 a:hover			{	color:#9EC422;
									text-decoration:none;}

#bg-tendes	{	
clear:both;
float:left;
width:500px;
position:relative;
margin:40px 60px 30px 120px;
text-align:center;
}

#bg-noticies	{	
clear:both;
float:left;
width:900px;
position:relative;
}

.box7	{
position:relative;
float:left;
width:200px;
margin:40px 30px 30px 50px;
background:#fff;
}

#texto-box7	{	
float:left;
position:relative;
width:600px;
font-size:12px;
line-height:18px;
}

.box7 a:link, a:visited	{	color: #000;
									text-decoration:none;}
.box7 a:hover			{	color:#9EC422;
									text-decoration:none;}


.box4	{
position:relative;
float:left;
width:300px;
margin:60px 30px 30px 50px;
background:#fff;
}

#texto-box4	{	float:left;
position:relative;
width:500px;
font-size:12px;
line-height:18px;
}



.box8	{
position:relative;
float:left;
width:300px;
margin:60px 30px 30px 50px;
background:#fff;
}

#img-box8	{
float:left;
position:relative;
width:500px;
margin:60px 0;
}

.boton-negro a	{	background: #fff;
					width:90px;
					height:20px;
					padding:10px;
					color:#000;
					font-size:10px;
					text-transform:uppercase;
					-webkit-border-radius: 5px;
					-moz-border-radius:  5px;
					border-radius:  5px;	
}

.boton-negro a:hover	{	color:#F90;}

/* CARRITO */

#bg-buy	{	width:300px;
			float:left;
}

.buy-img	{	margin-left:50px;
				margin:20px;
}

.box5-buy	{	width:250px;
				float:right;
				position:relative;
				text-align:center;
				margin:40px auto;
}


.box6	{	
position:relative;
float:left;
width:260px;
height:420px;
margin:50px 20px 40px 20px;
text-align:center;
font-size:10px;
font-family:"Helvetica LT Std", Arial, Verdana;

border-bottom:1px #CCCCCC solid;
}
.box6 a:link, a:visited	{	color: #000;
									text-decoration:none;}
.box6 a:hover			{	color:#9EC422;
									text-decoration:none;}		

/* FOOTER */

#footer	{	clear:both;
			position:relative;
			float:left;
			width:1200px;
			background:#000000;
			margin-top:30px;
}

#footer-nav	{	clear:both;
				margin-top:20px;
				margin-left:200px;
				width:1200px;
				height:20px;
				
				}
		
#footer-nav	.footer-menu {	font-family: "Helvetica LT Std", Arial;
							font-size:12px;
							line-height:33px;

							}
			
#footer-nav	.footer-menu ul {	list-style:none;
								margin-left:50px;
								}
				
#footer-nav	.footer-menu ul li {	list-style:none;
									float:left;
									display:inline;
									padding:0px 15px;
									
								/*	border-left:1px #666 dotted; 
									border-right:1px #666 dotted;*/
									}
					
#footer-nav	.footer-menu a {	text-decoration:none;
								color:#fff;
								font-weight:normal;
								margin-right:8px;
								}

#footer-nav	.footer-menu a:hover {	text-decoration:none;
									color:#9EC422;
									font-weight:normal;
									}
									
.logo-footer	{	float:left;
					margin-left:396px;
					position:relative;
					padding:20px 0 0 0;
					width:407;
					height:105px;
					}

#footer h1	{	font-family:PhrasticMedium, "Helvetica LT Std", "Arial Black";
		color:#FFFFFF;
		font-size:20px;
		line-height:33px;
		margin:0 30px;
		float:left;}
				
#footer p	{	float:left;
				font-family:"Helvetica LT Std", Arial;
				font-size:12px;
				color:#FFFFFF;
				text-align:center;
				margin:15px 0 0 0px;
				position:relative;
				width:1200px;
				height:auto;
				padding-bottom:20px;
				border-bottom:1px #666 dashed;}
/* footer fin ----------------------------------------------------------------------------------*/



/* galeria libros ----------------------------------------------------------------------------------*/

h7	{	position:relative;
		font-family:PhrasticMedium, "Helvetica LT Std", "Arial Black";
		color:#000;
		font-size:18px;
		line-height:28px;
		margin-left:20px;

}

#caja-galeria {
	width: 348px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	padding:0px;
	background:#fff;
	position:relative;
/*	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;  */
}

#caja-galeria a {
	outline: none;
	opacity:1;
}
#caja-galeria a:hover {
		opacity:0.9;}

#caja-galeria ul li	{list-style:none;}

#caja-galeria a img {
	border: 5px solid #000;
	padding: 0px;
	margin: 15px 0 15px 15px;
	vertical-align: top;
/*	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

#caja-galeria a img.last {
	margin-right: 0;	
}

/* ---slide caja galeria 2 proyectes-------------------------------------------------------------------------------*/


#caja-galeria2 {
	width: 500px;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
	padding:0px;
	background:#fff;
	position:relative;
/*	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;  */
}

#caja-galeria2 a {
	outline: none;
	opacity:1;
}
#caja-galeria2 a:hover {
		opacity:0.9;}

#caja-galeria2 ul li	{list-style:none;}

#caja-galeria2 a img {
	border: 5px solid #000;
	padding: 0px;
	margin: 8px 0 8px 8px;
	vertical-align: top;
/*	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

#caja-galeria2 a img.last {
	margin-right: 0;	
}


/* ---FORMULARIO-------------------------------------------------------------------------------*/

#box-form	{
clear:both;
float:left;
position:relative;
width:850px;
background: #fff;
margin:0 auto;
font-family: "Helvetica LT Std", "Arial Black";
font-size:16px;
color:#000;
}

.form1	{
position:relative;
float:left;
width:300px;
height:auto;
padding:20px;
margin-left:100px;
background:;
}

.form2	{
position:relative;
float:left;
margin-left:100px;
width:1000px;
height:auto;
padding:20px;
background:#fff;
}

.form2 h7 { 
font-family:"Helvetica LT Std", Arial, Verdana;
font-size:12px;
color:#000;
}

#box-form p	{
width:850px;
padding-left:100px;
margin-top:30px;
}

#box-form li	{
padding-left:100px;
line-height:18px;
font-size:14px;
font-family:"Helvetica LT Std", Arial, Verdana;
list-style:none;
}

#box-form a	{
text-decoration:underline;}

.imgpaypal	{
position: absolute;
top:0px;
left:950px;
width:150px;
}