/*  AJUSTES  ============================================================================= */
body {margin :0 auto;padding:0;font:100%/1.4 'arial';-webkit-text-stroke: 0.1px;}
html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body,html {height: 100%;}
img {border : 0;max-width: 100%;height: auto;width: auto\9; /* ie8 */}
figure {margin: 0}
img, object, embed, video {vertical-align:middle;_width: 100%}
img {border: 0;	-ms-interpolation-mode: bicubic}
svg:not(:root) {overflow: hidden;}


/*  TYPOGRAFIA  ============================================================================= */

p {font-size : 1.2em;}
h1 {font-size : 3em;}
h2 {font-size : 2em;}
h3 {font-size : 1.4em;}
p{line-height:1.6em;font-weight:500;}
h1, h2{line-height:1.4em;font-weight:700;}
p, h1, h2, h3,.redondo span,a{font-family: 'Montserrat', sans-serif;}
.menu h1,.separata_2,.cambio{font-family: 'Amatic SC', cursive;}
.pasos,.redondo span:after{font-weight:500;}
.resaltado,a,.redondo span{font-weight:700;}
.cambio{font-size:1.6em;}
.titulo span{font-weight:500;font-size:0.8em;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:underline;}
#home{position:absolute;top:0;right:0;margin-right:5em;}
#home img{width:4em;height:4em;}
.link{background:#ff0080;color:white;}
.link:hover{background:none;color:black}
/*  ADORNOS  ============================================================================= */
.sep{color:#ff0080;display:block;width: 100%;clear:both;}
.separata_1{font-size:1em;line-height:1em;}
.separata_2{font-size:4em;line-height:2em;}
.salto{height:2em;display:block;clear:both;}
#t,#b,#l,#r,#t1,#b1,#l1,#r1{position: fixed;}
#t,#b,#l,#r{background:white;z-index:10000;}
#t1,#b1,#l1,#r1{background:#ff0080;z-index:9999;}
#l,#r,#l1,#r1{top:0;bottom:0;}
#l,#r{width:2em;}
#l1,#r1{width:4em;}
#l,#l1{left: 0;}#r,#r1{right:0;}
#t,#b,#t1,#b1{left:0;right:0;}
#t,#b{height:2em;}
#t1,#b1{height:4em;}
#t,#t1{top:0;}#b,#b1{bottom:0;}
#logo_taloka p{font-size : 1em;letter-spacing:0.112em;}
#logo_taloka img{width:12em;z-index:200;position:relative;z-index:3;left:-1em;}
#logo_taloka span:before{content:"|";margin:0 1em;color:#ff0080;}
#linea{position:absolute;left:-10em;width:400px;z-index:2;top:-1em;}
#stop{display:block;height:3em;position:relative;clear:both;}
#adorno{margin:3em 0;padding-right:5em;position:relative;}
.tachado{padding:1em;position:relative;border:4px dotted #ff0080;font-size:1.2em;}

/*  LISTAS  ============================================================================= */

.menu ul{margin:0;padding:0;}
.menu li{display:inline;float:left;margin-right:2em;}
.menu li h1{line-height:0;font-size:4em;}
.redondo{position:relative;margin-top:0.5em;display:block;}
.redondo span{position:absolute;width:100%;height:100%;text-align:center;font-size:1.4em;}
.precio span:after{content:"€";}
.precio{width:10em;height:10em;line-height:10em;}
.numero{width:4em;height:4em;line-height:4em;}
.precio span{color:white;}
.numero span{font-weight:800;}
.f2{width:40%;}

#direccion{position:relative;margin-top:6em;float:left;}
#direccion ul{margin:0;padding:0;}
#direccion li {display:inline;float:left;margin-right:3em;}
#direccion li:first-child,#direccion li:last-child{display:block;margin:0;width:100%;}
#direccion li:last-child{font-size:14px;letter-spacing:0.056em;margin-top:-1em;}
#direccion li:last-child:before{content:"-";color:#ff0080;font-size:3em;display:block;}


#botones{width:60%;margin:1em auto;position:relative;overflow:hidden;}
#botones ul{margin:0;padding:0;}
#botones:after{content:"";height:50%;width:100%;display:block;position:absolute;border-bottom:1px solid black;z-index:1;}
#botones:before{content:"O";font-size:1em;height:2em;width:2em;line-height:2em;top:50%;left:50%;margin-left:-1em;margin-top:-1em;display:block;position:absolute;text-align:center;background:white;z-index:2;}
#botones li{display:inline;float:left;width:100%;}
#botones li:last-child{margin-top:4em;}
#botones li a{border:2px dotted #ff0080;display:block;padding:2em 2em 2em 5em;position:relative;z-index:10;}
#botones li a:hover{border-style:solid;}
#botones li a span{position:absolute;height:2em;width:2em;font-size:2.5em;top:50%;margin-top:-1em;left:0;text-align:center;line-height:2em;color:#ff0080;}


#galeria_todo{width:60%;position:relative;margin:2em 0 1em 0;}
#galeria{z-index:1;position:relative;}
#galeria_controles{position:absolute;width:100%;bottom:-1.5em;}
#galeria_controles ul{margin:0;padding:0;text-align:center;}
#galeria_controles li{width:3em;height:3em;display:inline-block;margin: 0 0.5em;}
#galeria_controles li a{display:block;z-index:1001;position:relative;}
#marco{width:106%;position:absolute;z-index:1000;top:-3%;left:-3%;}


/*  GRID  ============================================================================= */

#contenido{margin:6em;width:50%;position:relative;}
#derecha{position:fixed;width:45%;z-index:200;top:-3em;right:3em;}

/*  MEDIA QUERIES  ============================================================================= */
	

@media only screen and (max-width: 1024px){	
	
	body {font-size:90%;}
	#derecha{width:100%;margin:0 auto -5em auto;left:0;right:0;bottom:0;display:block;position:relative;z-index:1;overflow:hidden;}
	#descargas ul{width:100%;margin:0;}
	#l,#r{width:1em;}#t,#b{height:1em;}
	#l1,#r1{width:2em;}#t1,#b1{height:2em;}
	#contenido{margin:4em;width:auto;}
	#botones{width:80%;}
	.f2{clear:left;}
	#direccion li {width:100%;margin-right:0;}
	#adorno{padding:0;}
	#home{margin:0;}
	.link{display:inline-block;}
	#galeria_todo{width:100%;}
}

@media only screen and (max-width: 480px){

	#contenido{margin:3em;}
	#logo_taloka span:before{display:block;content:"-";margin:0;line-height:0.5em;}
	h1{font-size:2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.4em;}
	p{font-size:1.2em;}
	.pasos br{display:none;}
	.f2{width:100%;}
}