@charset "iso-8859-1";

/* Layout Small Screens */


header a.logo, a.logonh {
	width: 51px;
	height: 64px;
	top: 16px;
	right: 15px;	
	background-size:51px 64px;
}

header a.logoCaritas {
	width: 70px;
	height: 30px;
	top: 100px;
	left: 25px;
	background-size: 70px 30px;
    z-index: 1;    
}

header a.logoFurry {
	width: 70px;
	height: 40px;
	top: 40px;
	left: 25px;
	background-size: 70px 30px;
    z-index: 1;
}

header a.logo {background-image: url(../imagenes/logo_small.png);}

header a.logonh {background-image: url(../imagenes/logonh_small.png);}

/*header a.logoCaritas { background-image: url(../imagenes/logo_large.png); }

header a.logoFurry { background-image: url(../imagenes/logo_large.png); }*/

header.index {/*height:140px; background: url(../imagenes/banner_small.jpg) no-repeat right 0px;
background-size: 500px 140px;*/}

.slide-container{
    width:500px;
    height:140px;
    /*margin-top: 53px;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    background: url(../imagenes/banner_small_C.jpg) no-repeat center bottom;
    background-size: 500px 140px;)
}

.image-container {
    width: 1500px;
    height: 140px;
    position: relative;
    transition: left 2s;
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
}

.slider-image-1 , .slider-image-2 , .slider-image-3 {
    float: left;
    /*margin-top: 53px;*/
    padding: 0px;    
}

.button-container{
    top: -23px;
    position: relative;
}

.slider-button {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 5px;
    border: 1px solid black;
    background-color: gainsboro;
}

#slider-image-1:target ~ .image-container{
    left: -0px;
    background: url(../imagenes/banner_small_slide.jpg) no-repeat center bottom;
}

#slider-image-2:target ~ .image-container{
    left: -500px;
    background: url(../imagenes/banner_small_slide.jpg) no-repeat center bottom;
}

#slider-image-3:target ~ .image-container{
    left: -1000px;
    background: url(../imagenes/banner_small_slide.jpg) no-repeat center bottom;
}

header.caritas {height:100px; background: url(../imagenes/bannercaritas_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.classicguitars {height:100px; background: url(../imagenes/bannerclassicguitars_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.najerahermanos {height:100px; background: url(../imagenes/banner_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.promocionales {height:100px; background: url(../imagenes/bannerpromocionales_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.catolicos {height:100px; background: url(../imagenes/bannercatolicos_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.cristianos {height:100px; background: url(../imagenes/bannercristianos_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}

header.turismo {height:100px; background: url(../imagenes/bannerturismo_small.jpg) no-repeat right 0px;
background-size: 500px 100px;}


nav {
	width: 100%;
	position: static;
	margin: 0px;
	height:120px;
}
.naveg {display: block; margin:0px 15px 20px 15px;}
.naveg.two {float:none;} 
.naveg.two td {width: 35%;}
.naveg.two table {margin-left:20px;}
nav a {margin: 5px 0px 5px 0px;}
nav a.barra.one {display:none;}
nav a.barra {
	display:inline-block;
	width:45%;
	text-align:center;
	padding: 5px;
	border: 1px solid #1d3a83;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
nav a:hover	{ color:#FFFFFF; background-color: rgba (255,255,255,.15);}
#buscador{width: 80%; margin-top:-13px; max-height: 250px;float:left;}
img.facebook_button, img.instagram_button, .st_sharethis {width: 22px;}
img.facebook_button, img.instagram_button, .st_sharethis, button.lupa_button {margin:auto;}

button.lupa_button{display: inline-block; width: 14px; height: 16px; background: url(../imagenes/lupa.png)0px 0;border: none;}
button.lupa_button:hover{background: url(../imagenes/lupa.png)14px 0; border: none;}

.animacion_magnetos {width: 400px; height: 200px;}

.facebook {width:200px;}

.producto {margin-bottom: .5em;}
.producto_container {padding:0px;}
.producto_container .producto {
	width:auto;
	float:none;
	padding:10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc;
}
.producto_container .producto .content { padding:0px 20px 5px 90px;}

footer { border-top:1px solid #A6ABC5}

body {background-image: none;}

.animacion_magnetos {display: none;}

.lista {display:none;}

.texto_lista_prod {margin: 15px 0px 15px 0px;}

.tabla_inicio { margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px;}

article {padding: 10px 0px 0px 0px;}
.articulo article {width: 95%;}

.mapa {width: 220px;}

.inicio_seccion {margin:0px 0px 0px 0px; height:1px;}

.bloque {
	padding: 15px 15px 15px 15px;
	}

.bloque.int {margin: 0px 0px 0px 0px;}

.foto.index.one {display:none;}
.foto.caritas.one { background-image: url(../imagenes/caritas01_small.jpg); height:211px; background-size:165px 211px ; background-position: center bottom; }
.foto.najerahermanos.one { margin-top:10px ; background-image: url(../imagenes/najerahermanos01_small.jpg); height:165px; background-size:211px 165px; background-position: left center; }
.foto.promocionales.one { background-image: url(../imagenes/promocionales01_small.jpg); width:211px; height:165px; background-size:211px 165px; background-position: center center; }
.foto.turismo.one { background-image: url(../imagenes/turismo_small.jpg); width:211px; height:165px; background-size:211px 165px; background-position: center center; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx)
{

	/*header.index {background-image: url(../imagenes/banner_small_2x.jpg);}*/
    .slide-container {background-image: url(../imagenes/banner_small_C_2x.jpg);}
    .slider-image-1 , .slider-image-2 , .slider-image-3 {background-image: url(../imagenes/banner_small_slide_2x.jpg);}
	header.caritas {background-image: url(../imagenes/bannercaritas_small_2x.jpg);}
	header.classicguitars {background-image: url(../imagenes/bannerclassicguitars_small_2x.jpg);}
	header.najerahermanos {background-image: url(../imagenes/bannernajerahermanos_small_2x.jpg);}
	header.promocionales {background-image: url(../imagenes/bannerpromocionales_small_2x.jpg);}
	header.catolicos {background-image: url(../imagenes/bannercatolicos_small_2x.jpg);}
	header.cristianos {background-image: url(../imagenes/bannercristianos_small_2x.jpg);}
	header.turismo {background-image: url(../imagenes/bannerturismo_small_2x.jpg);}
	header a.logo {background-image: url(../imagenes/logo_small_2x.png);}
	header a.logonh {background-image: url(../imagenes/logonh_small_small_2x.png);}
	.foto.caritas.one { background-image: url(../imagenes/caritas01_small_2x.jpg); }
	.foto.najerahermanos.one { background-image: url(../imagenes/najerahermanos01_medium.jpg); }
	.foto.promocionales.one { background-image: url(../imagenes/promocionales01_small_2x.jpg); }
	button.lupa_button{background: url(../imagenes/lupa_2x.png)0px 0;}
	button.lupa_button:hover {background: url(../imagenes/lupa_2x.png)14px 0;}
}

/*--- Hoverbox ---*/

.hoverbox {
	width: auto;
	height: 300px;
	width:75px;
}

.hoverbox .preview, .hoverbox .preview_cuadro, .hoverbox .preview_horiz 
{   border-color: #fff;
	color:#000000;
	text-align: center;
	font-family: "Arial",Helvetica,sans-serif;
	font-size: small;
	line-height:427px;
  }

.hoverbox .preview
{	width: 222px;
	height: 266px;
	line-height:570px;}

.hoverbox .preview_cuadro
{	width: 259px;
	height: 259px;
	line-height:570px;}

.hoverbox .preview_horiz
{	width: 259px;
	height: 216px;
	line-height:470px;}
	
.hoverbox a:hover .preview, .hoverbox a:hover .preview_cuadro, .hoverbox a:hover .preview_horiz 
{	position: absolute;
	top: 0px;
	left:70px;}
	
#foto_galeria_caritas_III_mama, #foto_galeria_caritas_III_papa, #foto_galeria_caritas_3d, #foto_galeria_caritas, #foto_galeria_caritas_familia, 
#foto_galeria_caritas_abuelos, #foto_galeria_caritas_mama, #foto_galeria_caritas_papa, 
#foto_galeria_caritas_portall, #foto_galeria_caritas_portall_abuelos, 
#foto_galeria_caritas_portall_mama, #foto_galeria_caritas_portall_papa, #foto_galeria_guitars_cadena, 
#foto_galeria_guitars_piel, #foto_galeria_angeles, #foto_galeria_ceremonias, #foto_galeria_cristianos_campanas, 
#foto_galeria_cristianos_guitarras, #foto_galeria_cristianos_llaveros, #foto_galeria_cristianos_llaveros_ninos_jesus, 
#foto_galeria_cristianos_nacimientos, #foto_galeria_cristianos_portallaves, #foto_galeria_cristianos_portallaves_ninos_jesus, 
#foto_galeria_cruz, #foto_galeria_jesus, #foto_galeria_navidad, #foto_galeria_santos, #foto_galeria_virgen
{	position: absolute;
	top: 0px;
	left:70px;}