@charset "iso-8859-1";

/* Layout Medium Screens */

header a.logo, a.logonh {
	width: 66px;
	height: 82px;
	top: 75px; 
	right: 30px;
	background-size: 66px 82px;
}

header a.logoCaritas {
	width: 150px;
	height: 50px;
	top: 200px;
	left: 40px;
	background-size: 150px 50px;
    z-index: 1;    
}

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

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

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

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

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

header.index { /*height: 253px; 
background: url(../imagenes/banner_medium.jpg) no-repeat left 90% 0px;
background-size:800px 200px;*/}

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

.image-container {
    width: 2400px;
    height: 253px;
    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;
    border-radius: 5px;
    border: 1px solid black;
    margin-left: 10px;
    margin-right: 10px;
    background-color: gainsboro;
}

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

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

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

header.caritas { height: 173px; 
background: url(../imagenes/bannercaritas_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.classicguitars { height: 173px; 
background: url(../imagenes/bannerclassicguitars_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.najerahermanos { height: 173px; 
background: url(../imagenes/banner_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.promocionales { height: 173px; 
background: url(../imagenes/bannerpromocionales_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.catolicos { height: 173px; 
background: url(../imagenes/bannercatolicos_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.cristianos { height: 173px; 
background: url(../imagenes/bannercristianos_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

header.turismo { height: 173px; 
background: url(../imagenes/bannerturismo_medium.jpg) no-repeat left 90% 0px;
background-size:800px 120px;}

nav a {margin: 0px 13px 0px 0px; }
.naveg.one{margin-left: 30px;}
.naveg.two {margin-right: 20px; position: fixed; right: 0px;}
#buscador{width: 30%; z-index: 1; margin-top:18px; max-height: 300px;}

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

.producto_container {padding:0px 0px 0px 40px;}
.producto_container .producto {background-position:0px 0px; width: 33%;	}
.producto_container .producto .content {padding: 70px 30px 0px 0px}

body {background-image: none; }

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

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

.tabla_inicio {
	padding: 0px 0px 0px 20px;
	}

article {padding: 40px 0px 0px 0px;}
.articulo article {width: 90%;}

.foto.index.one {display:none;}

.bloque { 
	padding: 0px 20px 20px 20px;
	 }

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

.foto.caritas.one { background-image: url(../imagenes/caritas01_medium.JPG); height:211px; background-size:165px 211px ; background-position: center bottom; }
.foto.najerahermanos.one { margin-top:20px ; background-image: url(../imagenes/najerahermanos01_medium.jpg); height:165px; background-size:211px 165px; background-position: left center; }
.foto.promocionales.one { background-image: url(../imagenes/promocionales01_medium.jpg); width:211px; height:165px; background-size:211px 165px; background-position: center center; }
.foto.turismo.one { background-image: url(../imagenes/turismo_medium.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_medium_2x.jpg);}*/
    .slide-container {background-image: url(../imagenes/banner_medium_C_2x.jpg);}
    .slider-image-1 , .slider-image-2 , .slider-image-3 {background-image: url(../imagenes/banner_medium_slide_2x.jpg);}
	header.caritas {background-image: url(../imagenes/bannercaritas_medium_2x.jpg);}
	header.classicguitars{background-image: url(../imagenes/bannerclassicguitars_medium_2x.jpg);}
	header.najerahermanos {background-image: url(../imagenes/bannernajerahermanos_medium_2x.jpg);}
	header.promocionales{background-image: url(../imagenes/bannerpromocionales_medium_2x.jpg);}
	header.catolicos {background-image: url(../imagenes/bannercatolicos_medium_2x.jpg);}
	header.cristianos {background-image: url(../imagenes/bannercristianos_medium_2x.jpg);}
	header.turismo {background-image: url(../imagenes/bannerturismo_medium_2x.jpg);}
	header a.logo {background-image: url(../imagenes/logo_medium_2x.png);}
	header a.logonh {background-image: url(../imagenes/logonh_medium_2x.png);}
	.foto.caritas.one { background-image: url(../imagenes/caritas01_medium_2x.jpg); }
	.foto.najerahermanos.one { background-image: url(../imagenes/najerahermanos01_large.jpg); }
	.foto.promocionales.one { background-image: url(../imagenes/promocionales01_medium_2x.jpg); }
	button.lupa_button{background: url(../imagenes/lupa_2x.png)0px 0;}
	button.lupa_button:hover {background: url(../imagenes/lupa_2x.png);}
}


/*--- Hoverbox ---*/

.hoverbox {
	width: 155px;
	height:300px;
	}

.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:570px;
  }

.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: 5px;
	left:175px;}

#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: 5px;
	left:175px;}