/*  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, h1, h2, h3, a{font-family: 'Montserrat', sans-serif;}
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;}
.resaltado,a{font-weight:700;}
a{text-decoration:none;color:black;}
a:hover{text-decoration:underline;}
#home{position:absolute;top:0;right:0;margin:1em;z-index:10000;}
#home img{width:4em;height:4em;}

/*  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;}

#logo_karropote{margin:12em auto 0 auto;text-align:center;max-width:40em;width:95%;position:relative;}
#logo_karropote span{position:absolute;top:-10em;max-width:100%;width:100%;left:50%;margin-left:-50%;}

#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:white;}
#linea{position:absolute;left:50%;margin-left:-200px;max-width:400px;z-index:2;top:-1em;width:400px;}

.titulo span:before{content:"";display:inline-block;height:0.8em;width:5px;top:50%;margin:-0.4em 0.5em 0 0.5em;background:white;}

.llave{position:relative;display:inline-block;}
.llave:after,
.llave:before{color:white;font-size:4em;font-weight:normal;position:absolute;top:-0.45em;}
.llave:after{content:"}";right:-0.6em;}
.llave:before{content:"{";left:-0.6em;}

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


#direccion{position:relative;margin:2em auto;text-align:center;overflow:hidden;}
#direccion ul{margin:0;padding:0;}
#direccion li {display:inline-block;margin:0 1.5em;text-align:left;}
#direccion li:first-child,#direccion li:last-child{display:block;margin:0;width:100%;text-align:center;}
#direccion li:last-child{font-size:14px;letter-spacing:0.056em;margin-top:-1em;}
#direccion li:last-child:before{content:"-";color:white;font-size:3em;display:block;}

#galeria_todo{width:60%;position:relative;margin: 1em auto;}
#galeria{z-index:1;position:relative;}
#galeria_controles{position:absolute;width:100%;top:50%;margin-top:-2em;}
#galeria_controles ul{margin:0;padding:0;}
#galeria_controles li{width:4em;height:4em;display:inline;float:left;margin:0 -2em;}
#galeria_controles li:last-child{float:right;}
#galeria_controles li a{display:block;z-index:2000;position:relative;}
#marco{width:106%;position:absolute;z-index:1000;top:-3%;left:-3%;}



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

body{-webkit-text-stroke: 0.1px;height:101%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color: rgba(0,0,0,0);margin : 0 auto;padding : 0;font : 100%/1.4 'arial';}
html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin:0;border:0;padding:0;text-decoration: none;outline: none;}
#fondo{background-color:#33cc66;background-image: url(imagenes/adornos/pattern.png);background-repeat: repeat;}
.centrar{text-align:center;}
#orden{position:relative;z-index:100;}

.section{clear: both;padding: 0px;margin: 0px;z-index:2;}
.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.col {display: block;float:left;margin: 1% 0 1% 2%;}
.col:first-child {margin-left: 0;}
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83%;}
.span_4_of_6 {width: 66%;}
.span_3_of_6 {width: 49%;}
.span_2_of_6 {width: 32%;}
.span_1_of_6 {width: 15%;}


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

@media only screen and (max-width: 1024px){	
	
	body {font-size:90%;}
	#direccion li {width:100%;text-align:center;margin:0 0;}
	.titulo span:before{content:"";display:block;height:5px;width:0.6em;top:0;margin:0.3em auto;}
	#galeria_todo{width:80%;}
}

@media only screen and (max-width: 480px){
	h1{font-size:2em;}
	h2{font-size:1.6em;}
	h3{font-size:1.4em;}
	p{font-size:1.2em;}
	#logo_taloka span:before{display:block;content:"-";margin:0 0;line-height:0.5em;}
	#fotos li {width:50%;}
	#galeria_controles{margin-top:-1.5em;}
	#galeria_controles li{width:3em;height:3em;margin:0 -1.5em;}
}