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

* {
	padding:0;
	border:none;
	margin:0;
    outline-style:none;
	list-style:none;
}

/*
html, body, p, h1, h2, h3, h4, h5, h6, div, table, form, blockquote, td, img, input, a {
	padding:0;
	border:0;
	border:none;
	margin:0;
    outline-style:none;
}
ul,ol,dl {
	padding:0;
	margin:0;
	list-style:none;
	}
*/
/***********/
/*generales*/
/***********/

body {
	background-color:#ffffff;
	background-image:url(../img/sombraGeneral.png);
	font-family:Helvetica, sans-serif;
	}

#fondoBody {
	position:absolute;
	width:100%; min-height:100%; 
	display:block;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-size:cover;
	z-index:-2;
}

a {
	color: #ff0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

html, body {
	width:100%; height:100%; /* Para que no se mueva la página al abrir el fancybox */
}

/*---------------------------------------------------------- tipografias ----------------------------------------------------------*/

@font-face {
    font-family: 'moderne';
    src:url(../fuentes/moderne.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'problemsecretary';
    src: url('../fuentes/Probsecretary-webfont.eot');
    src: url('../fuentes/Probsecretary-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Probsecretary-webfont.woff2') format('woff2'),
         url('../fuentes/Probsecretary-webfont.woff') format('woff'),
         url('../fuentes/Probsecretary-webfont.ttf') format('truetype'),
         url('../fuentes/Probsecretary-webfont.svg#problem_secreproblemsecretary') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------------------------- clases ----------------------------------------------------------*/

.fancybox {
	/*cursor:URL(http://localhost/DianaLandart/fancyBox/lupa.png),url(http://localhost/DianaLandart/fancyBox/lupa.cur),pointer;*/
	/*cursor:URL(http://landart-andalucia.eu/fancyBox/lupa.png),url(http://landart-andalucia.eu/fancyBox/lupa.cur),pointer;*/
	cursor:URL(fancyBox/lupa.png),url(fancyBox/lupa.cur),pointer;
	}
	
.floatRight {
	float:right !important;
	}
	
.floatLeft {
	float:left !important;
	}
	
.center {
	margin:0 auto !important;
	}

.clearFloat {
	clear: both;
}

.fondosPreCache {
	background-image:url(../fotos/body/Landart_body_1.jpg),
	background-image:url(../fotos/body/Landart_body_2.jpg),
	background-image:url(../fotos/body/Landart_body_3.jpg),
	background-image:url(../fotos/body/Landart_body_4.jpg),
	background-image:url(../fotos/body/Landart_body_5.jpg),
	background-image:url(../fotos/body/Landart_body_6.jpg),
	background-image:url(../fotos/body/Landart_body_7.jpg),
	background-image:url(../fotos/body/Landart_body_8.jpg);
	background-repeat:no-repeat;
	}

/*---------------------------------------------------------- transiciones ----------------------------------------------------------*/

a {
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
}

/*
a{
  transition-property: color, background;
  transition-duration: .5s, .75s;
  transition-timing-function: ease-in-out;
  transition-delay: .25s, 0;
}
*/
img {
	-o-transition: all 500ms;
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}

/*---------------------------------------------------------- contenedor ----------------------------------------------------------*/

#contenedor {
	width:100%; min-height:100%;
	/*width:1200px; min-height:100%;*/
	/*background-image:url(../img/fondoAmarillo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;*/
	position:relative;
	/*color:#ffc016;*/
	/*
	-o-transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	transition: all 600ms;
	*/
	
	-o-transition: color 1000ms;
	-moz-transition: color 1000ms;
	-webkit-transition: color 1000ms;
	transition: color 1000ms;

	}

/*---------------------------------------------------------- cabecera ----------------------------------------------------------*/

header {
	width:100%; /*height:100px;*/
	background-image:url(../img/sombraGeneral.png);
	}
	
#links_cabecera {
	/*background-color:rgba(255,0,0,0.5);*/
	float:right;
	margin:10px 0 0 0;
	}

#idiomas {
	width:60px; height:20px;
	/*background:#0F0;*/
	float:right;
	position:relative;
	overflow:visible;
	margin:10px 0 0 0;
	}
	
#idiomas a {
	/*background:#0FF;*/
	width:30px; height:20px;
	float:right;
	margin:0 0 0 10px;
	}
	
.enEspanol {
	background-image:url(../img/enEspanol.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	}
	
.enIngles {
	background-image:url(../img/enIngles.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	}

.enAleman {
	background-image:url(../img/enAleman.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
	}

#cabecera {
	width:1000px; height:100px;
	margin:0 auto;
	overflow:hidden;
	color:#ffc016;
    font-family: 'moderne';
	}

#cabecera a {
	color:#ffc016;
	}

#cabecera a:hover {
	text-decoration:none;
	color:#ffe238;
	}

#cabecera h1 {
	margin:20px 0 0 0;
	}
	
/*---------------------------------------------------------- tituloPagina ----------------------------------------------------------*/

#tituloPagina {
	width:100%; height:50px;
	background-image:url(../img/sombraClara.png);
    font-family: 'moderne';
	text-align:center;
	word-spacing:20px;
	letter-spacing:15px;
	text-shadow:0px 0px 3px #000;
	padding:15px 0 0 0;
	/*border-top:2px solid #000;*/
	border-bottom:2px solid #000;
	margin:0 0 0px 0;
	position:absolute;
	top:145px;
	z-index:1;
	/*display:none;*/
	visibility:hidden;
	
	-o-transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	transition: all 600ms;
	}
	
.tituloPaginaVisible {
	visibility:visible !important;
	}

#tituloPagina h1 {
	font-size:28px;
	/*text-shadow:0px 0px 3px #000;*/
	}
	
/*---------------------------------------------------------- espacio ----------------------------------------------------------*/
/*
#espacio {
	width:100%; height:500px;
	}
*/	
/*---------------------------------------------------------- slider Principal ----------------------------------------------------------*/

#fondoSliderPrincipal {
	width:100%; height:500px;
	/*background:#000;*/
	/*border-top:20px solid #000;*/
	padding:50px 0 0 0;
	background-image:url(../img/sombraGeneral.png);
	}

#sliderPrincipal {
	width:100%; height:500px;
	background:#000;
	}

/* ------ Para el móvil ---------------------------------------------------------------------------------------------- */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 736px) {

#fondoSliderPrincipal {
	display:none;
	}

}

/*--------------------------------------------------------- contenido --------------------------------------------------*/

#fondoContenido {
	background-image:url(../img/sombraGeneral.png);
	width:100%;
	border-top:2px solid #000;
	padding:0 0 0px 0;
	}

#contenido {
	/*background:#0F0;*/
	/*background-image:url(../img/sombraClara.png);*/
	/*background-image:url(../img/sombraGeneral.png);*/
	width:1000px; min-height:200px;
	margin:0 auto;
	padding:50px 0px 50px 0px;
	overflow:visible;
	text-align:justify;
	letter-spacing:1px;
	line-height:25px;
	}

#contenido h3 {
	margin:0px 0 20px 0;
	}

#contenido p {
	margin:0px 0 20px 0;
	}

#contenido iframe {
	background-image:url(../img/sombraClara.png);
	border:2px solid #000;
	}

/*-----------------------------------*/

.tituloContenido {
	/*color:#ffc016;*/
	width:100%; height:50px;
	background-image:url(../img/sombraClara.png);
    font-family: 'moderne';
	text-align:center;
	word-spacing:20px;
	letter-spacing:15px;
	padding:15px 0 0 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin:0 0 0px 0;
	text-transform:uppercase;
	
	-o-transition: all 600ms;
	-moz-transition: all 600ms;
	-webkit-transition: all 600ms;
	transition: all 600ms;
	}

.tituloContenido h1 {
	font-size:28px;
	}
	
/*------------------------------- Fundstuck (mobile + fundstuck skulptur) -------------------------------------*/
/*	
.Fundstuck {
    font-family: 'moderne';
	}
*/	
.fotosFundstuck {
	width:1000px; height:400px;
	padding:30px 30px;
	/*background:#0F0;*/
	background-image:url(../img/sombraClara.png);
	margin:25px 0 25px -30px;
	}
	
.fotoFundstuck {
	width:300px; height:400px;
	background:#000;
	border:2px solid #000;
	overflow:hidden;
	/*padding:10px;*/
	float:left;
	margin:0 0 44px 0;
	position:relative;
	}
	
.fotoFundstuck img {
	width:300px; height:400px;
	opacity:0.8;
	}
/*
.fotoFundstuck:hover img {
	transform:scale(1.2);
	opacity:1;
	}
*/
.fotoFundstuck img:hover {
	transform:scale(1.2);
	opacity:1;
	}
	
.centerFundstuck {
	margin:0 0 0 44px;
	}
	
.detallesFundstuck {
	background-color:rgba(237,219,75,0.6);
	background-image:url(../img/fondoAmarillo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:300px; height:255px;
	border-top:3px solid #eddb4b;
	margin:-45px 0 0 0;
	position:relative;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}
	
.detallesFundstuck:hover {
	/*margin:-285px 0 0 0;*/
	margin:-265px 0 0 0 !important;
	}

.textoFundstuck {
	/*background:#066;*/
	max-height:165px;
	overflow:hidden;
	/*border:1px solid #000;*/
	position:relative;
	padding:10px 10px !important;
    /*font-family: 'moderne';*/
	/*box-shadow:inset 0px 0px 5px #000;*/
	}

.textoFundstuck h5 {
	color:#9d4112;
	margin:0px 0 3px 0 !important;
	text-align:left;
	font-size:18px;
	}
	
.textoFundstuck p, .textoFundstuck ul {
	font-size:14px;
	text-align:justify;
	color:#000;
	}
	
.textoFundstuck ul {
	}
	
.linkFundstuck {
	width:300px; height:50px;
	/*position:absolute;*/
	/*padding:10px 0 0 0;*/
	color:#9d4112;
	font-size:24px;
	text-align:center;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

.linkFundstuck:hover {
	text-decoration:none;
	color:#ffffff;
	}

.linkFundstuck h4 {
	background-image:url(../img/fondoAmarillo.png);
	padding:5px 0;
	/*margin:-10px 0 0 0;*/
	}

.linkFundstuck:hover h4 {
	text-decoration:none;
	}

.detailsFundstuck {
	width:300px; height:70px;
	/*background:#0F0;*/
	/*margin:5px 0 0 0;*/
	padding:0 0 0 2px;
	overflow:hidden;
	z-index:50;
	position:absolute;
	bottom:7px;
	}

.detailFundstuck {
	width:90px; height:68px;
	background:#000;
	float:left;
	margin:0 0 0px 5px;
	border:1px solid #000;
	overflow:hidden;
	}

.detailFundstuck img {
	width:90px; height:68px;
	/*transform:scale(1) !important;*/
	}
/*	
.detailFundstuck img:hover {
	transform:scale(1.2) !important;
	}
*/

.botonFundstuck {
	/*background:#0F0;*/
	width:40px; height:40px;
	position:absolute;
	/*top:0px;
	right:0px;*/
	margin:-408px 0 0 259px;
	background-color: #f09706;
	background-image:url(../img/fondoAmarillo.png);
	color: #9d4112;
	text-shadow:0px 0px 15px #ffc016;
	border:1px solid #000;
	border-radius:0 0 0 10px;
	/*opacity:0.8;*/
	font-size:10px;
	
	-o-transition:  700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

.botonFundstuck:hover {
	color: #ffffff;
	text-shadow:0px 0px 15px #ffffff;
	transform:scale(1.1);
	/*opacity:1;*/
	}
	
.botonAbrir {
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: absolute;
	top:0;
	right:0;
    display:inline-block;  
	text-align:center;
	padding:7px 0 0 0;
}

.botonCerrar {
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: absolute;
	top:0;
	right:0;
    display:none;
	text-align:center;
	padding:3px 0 0 0;
}

/*----------------------------------------------------------------------------------------------*/

.fotosGenerales {
	width:1000px;
	/*background-color:#000;*/
	border:2px solid #000;
	position:relative;
	padding:30px 30px 0 30px;
	background-image:url(../img/sombraClara.png);
	margin:25px 0 0 -30px;
	}

.fotosGenerales span h3 {
	width:1000px;
	background-image:url(../img/sombraClara.png);
	padding:10px 30px;
	margin:-30px 0 20px -30px !important;
	/*text-align:center;*/
	}
	
.fotosGenerales li {
	margin:20px;
	}

.fotosGeneralesFotosPequeñas {
	width:1030px;
	/*background-color:#000;*/
	border:2px solid #000;
	position:relative;
	padding:30px 0 0 30px;
	background-image:url(../img/sombraClara.png);
	margin:25px 0 0 -30px;
	}

.fotoGeneral {
	width:220px; height:220px;
	background-color:#000;
	border:2px solid #000;
	overflow:hidden !important;
	position:relative;
	float:left;
	margin:0 33px 35px 0;
	/*box-sizing:border-box;*/
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

.fotoGeneral img {
	/*opacity:0.5;*/
	width:220px; height:220px;
	}

.fotoGeneral img:hover {
	transform:scale(1.2);
	/*opacity:1;*/
	}

.fotoGeneralIzquierda {
	margin:0 0 35px 0px !important;
	}

.fotoGeneralDerecha {
	float:right !important;
	margin:0 0 35px 0px !important;
	}

.textoFotoGeneral {
	/*background:#0F0;*/
	background-image:url(../img/sombraOscura.png);
	width:220px; height:30px;
	position:absolute;
	bottom:0;
	color:#ffffff;
	font-size:13px;
	letter-spacing:1px;
	text-align:center;
	border-top:2px solid #000;
    font-family: 'moderne';
	}

.textoFotoGeneral p {
	margin:3px 0 0 0 !important;
	}

.fotoGrande {
	width:1000px; height:auto;
	margin:0 0 35px 0;
}

.fotoGrande img {
	width:1000px; height:536px;
	border:2px solid #000;
}

/*--------------------------------- subContenido -------------------------------------------------------*/

#subContenido {
	/*background:#0C6;*/
	width:1000px; height:220px;
	margin:0 auto;
	padding:50px 0;
	}

#subContenido>div {
	width:220px; height:220px;
	background-color:#000;
	border:2px solid #000;
	/*border-radius:10px;*/
	/*color:#ffffff;*/
	overflow:hidden !important;
	position:relative;
	float:left;
	/*margin:0 0 0 15px;*/
	letter-spacing:2px;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

#subContenido>div img {
	/*transform:scale(1.05);*/
	/*z-index:-1;*/
	opacity:0.8;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

#subContenido>div:hover img {
	transform:scale(1.2);
	opacity:1;
	}
	
.divLinkSubcontenido {
	background-color:rgba(237,219,75,0.7);
	background-image:url(../img/fondoAmarillo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:220px; height:220px;
	border-top:3px solid #eddb4b;
	margin:-34px 0 0 0;
	position:relative;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}
	
.divLinkSubcontenido:hover {
	margin:-225px 0 0 0;
	}

.divLinkSubcontenido p {
	font-size:14px;
	/*margin:30px 0 0 0;*/
	padding:30px 10px !important;
	text-align: left;
	}

.divLinkSubcontenido p a {
	color:#000 !important;
	}

.divLinkSubcontenido p a:hover {
	text-decoration:none !important;
	}

.divLinkSubcontenido a ul {
	color:#000 !important;
	font-size:12px;
	/*margin:30px 0 0 0;*/
	padding:30px 10px !important;
	line-height:20px;
	}

.divLinkSubcontenido a:hover {
	text-decoration:none !important;
	}

.linkSubcontenido {
	/*background-repeat:no-repeat;
	background-position:center;
	background-size:cover;*/
	width:220px; height:50px;
	position:absolute;
	/*padding:10px 0 0 0;*/
	color:#9d4112;
	font-size:24px;
	text-align:center;
	
	-o-transition: all 700ms;
	-moz-transition: all 700ms;
	-webkit-transition: all 700ms;
	transition: all 700ms;
	}

.linkSubcontenido:hover {
	text-decoration:none;
	color:#ffffff;
	}

.linkSubcontenido h4 {
	background-image:url(../img/fondoAmarillo.png);
	padding:5px 0;
	font-size:12px;
	/*margin:-10px 0 0 0;*/
	}

.linkSubcontenido:hover h4 {
	text-decoration:none;
	}

.homeLandartatelier {
	float:left;
	}

.homeKursinhalt {
	float:left;
	margin:0 0 0 35px;
	}

.homeUnterkunft {
	float:left;
	margin:0 0 0 35px;
	}

.homeTermine {
	float:right !important;
	}

/*--------------------------------------------------------- footer --------------------------------------------------*/

footer {
	background-image:url(../img/sombraOscura.png);
	width:100%; /*height:200px;*/
	border-top:2px solid #000;
	}

#pie {
	width:1000px; height:140px;
	margin:0 auto;
	padding:30px 0 10px 0;
	/*color:#FC0;*/
	color:#8d8475;
	}

#pie>div {
	float:left;
    height:140px;
	/*padding:10px 10px 0 10px;*/
	}

#infoPie {
	width:310px;
	line-height:32px;
	letter-spacing:1px;
	/*background-image:url(../img/sombraClara.png);*/
	/*background:#CF0;*/
	}

#infoPie h3 {
	color:#5d5952;
	}

#queTraer {
	width:320px;
	/*background-image:url(../img/sombraClara.png);*/
	/*background:#0C3;*/
	/*text-align:center;*/
	}
	
.linkImgQueTraer {
	width:100px; height:120px;
	background-image:url(../fotos/secciones/QueTraer.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	float:left;
	margin:0px 20px 0 20px;
	}
	
.linkImgQueTraer:hover {
	transform:scale(1.1)
	}
	
#comoLlegar {
	width:370px;
	/*background-image:url(../img/sombraClara.png);*/
	/*background:#399;*/
	text-align: justify;
	}
	
.linkImgComoLlegar {
	width:167px; height:120px;
	background-image:url(../fotos/secciones/ComoLlegar.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	float:left;
	margin:0px 20px 0 20px;
	}
	
.linkImgComoLlegar:hover {
	transform:scale(1.1)
	}
	
#queTraer a, #comoLlegar a {
	font-size:19px;
	color:#5d5952;
	}
	
#queTraer a span, #comoLlegar a span {
	color:#f4ab06;
	}
	
#queTraer a:hover, #comoLlegar a:hover {
	text-decoration:none;
	color:#f4ab06;
	}
	
#fondoLegal {
	clear:both;
	background-image:url(../img/sombraClara.png);
	width:100%; height:20px;
	/*text-align:center;*/
	/*position:absolute;
	bottom:0;*/
	color:#5d5952;
	padding:10px 0 5px 0;
	/*word-spacing:3px;*/
	letter-spacing:3px;
	font-size:14px;
	}
	
#legal {
	width:1000px;
	margin:0 auto;
	position:relative;
	}

#copyright {
	}
/*	
.avisoPolitica {
	position:absolute;
	right:0;
	top:0px;
	}
*/	
.avisoPolitica {
	position: relative;
	float:right;
	margin:-1em 0 0 2em;
	}
	
.avisoPolitica a {
	font-size:14px;
	color:#5d5952;
	}
	
.avisoPolitica a span {
	color:#f4ab06;
	}
	
.avisoPolitica a:hover {
	text-decoration:none;
	color:#f4ab06;
	}

/*--------------------------------------------------------- Mensajes de confirmacion/error --------------------------------------------------*/

.fondoMensaje {
	width:1000px;
	/*background-color:#000;*/
	border:2px solid #000;
	position:relative;
	padding:30px 30px 0 30px;
	background-image:url(../img/sombraClara.png);
	margin:25px 0 0 -30px;
	}

.fondoMensaje span h2 {
	width:1000px;
	background-image:url(../img/sombraClara.png);
	padding:20px 30px;
	margin:-30px 0 20px -30px !important;
	text-align:center;
	font-size:32px;
	letter-spacing:5px;
	word-spacing:10px;
	}

.fondoMensaje span.abajo h3 {
	width:1000px;
	background-image:url(../img/sombraClara.png);
	padding:10px 30px;
	margin:0px 0 0px -30px !important;
	text-align:center;
	}

.fondoMensaje span p {
	margin:-35px 0 0 0 !important;
	float:right;
	cursor:pointer;
	}