charset "iso-8859-1";

/* Layout (global rules for all sizes) */

body { margin: 0; padding: 0;}

header a.logo , a.logonh , a.logoCaritas , a.logoFurry {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/* Layout Large Screens (default for older browsers) */

header a.logo, a.logonh {
	width: 82px;
	height: 102px;
	top: 75px;
	right: 60px;
	background-size: 82px 102px;
    z-index: 1;
}

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

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

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

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

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

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

header.index {
	/*height: 328px;*/
	/*background: url(../imagenes/banner_large.jpg) no-repeat center bottom;*/
	/*background-size: 930px 275px;)*/
}

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

.image-container {
    width: 2790px;
    height: 328px;
    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;
    background-color: gainsboro;
}

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

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

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

header.caritas {
	height: 193px;
	background: url(../imagenes/bannercaritas_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.classicguitars {
	height: 193px;
	background: url(../imagenes/bannerclassicguitars_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.najerahermanos {
	height: 193px;
	background: url(../imagenes/bannernajerahermanos_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.promocionales {
	height: 193px;
	background: url(../imagenes/bannerpromocionales_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.catolicos {
	height: 193px;
	background: url(../imagenes/bannercatolicos_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.cristianos {
	height: 193px;
	background: url(../imagenes/bannercristianos_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

header.turismo {
	height: 193px;
	background: url(../imagenes/bannerturismo_large.jpg) no-repeat center bottom;
	background-size: 930px 140px;)
}

nav {
	z-index: 1;
	margin:0px 20px 0px 0px;
	position:fixed;
	top:0px;
	background-color: #d1e2f0;
	width:980px;
	height:53px;
}
nav a {margin: 0px 20px 0px 0px; }
.naveg {margin-left:60px;position:relative;top:10px;}
.naveg.two {display:inline-block; float:right; margin-right:60px;}
#buscador{width:90% ; z-index: 1; margin-top:18px; max-height: 600px;}

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

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

article {display:inline-block; padding: 40px 40px 0px 0px;}
.articulo article {width: 40%;}

.producto_container { padding: 20px 60px 0px 60px; }
.producto_container .producto { 
	width: 33%;
	float: left;
	background-position: 0px 3px;
	}
.producto .content { padding: 0px 30px 0px 65px; }

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

.foto.caritas.one { background-image: url(../imagenes/caritas01_large.JPG); height:422px; background-size:330px 422px; background-position: center bottom; }
.foto.najerahermanos.one { background-image: url(../imagenes/najerahermanos01_large.jpg); height:330px; background-size:422px 330px; background-position: center; }
.foto.promocionales.one { background-image: url(../imagenes/promocionales01_large.jpg); width:422px; height:330px; background-size:422px 330px; background-position: center center; }
.foto.turismo.one { background-image: url(../imagenes/turismo_large.jpg); width:422px; height:330px; background-size:422px 330px; background-position: center center; }

@media screen and (max-width:990px) {
	footer { padding-left:20px;}
}

@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_large_2x.jpg);}*/
    .slide-container {background-image: url(../imagenes/banner_large_C_2x.jpg);}
    .slider-image-1 , .slider-image-2 , .slider-image-3 {background-image: url(../imagenes/banner_large_slide_2x.jpg);}
	header.caritas {background-image: url(../imagenes/bannercaritas_large_2x.jpg);}
	header.classicguitars {background-image: url(../imagenes/bannerclassicguitars_large_2x.jpg);}
	header.najerahermanos {background-image: url(../imagenes/bannernajerahermanos_large_2x.jpg);}
	header.promocionales {background-image: url(../imagenes/bannerpromocionales_large_2x.jpg);}
	header.catolicos {background-image: url(../imagenes/bannercatolicos_large_2x.jpg);}
	header.cristianos {background-image: url(../imagenes/bannercristianos_large_2x.jpg);}
	header.turismo {background-image: url(../imagenes/bannerturismo_large_2x.jpg);}
	header a.logo {background-image: url(../imagenes/logo_large_2x.png);}
	header a.logonh {background-image: url(../imagenes/logonh_large_2x.png);}
	.foto.caritas.one { background-image: url(../imagenes/caritas01_large_2x.jpg); }
	.foto.najerahermanos.one { background-image: url(../imagenes/najerahermanos01_large_2x.jpg); }
	.foto.promocionales.one { background-image: url(../imagenes/promocionales01_large_2x.jpg); }
	.foto.turismo.one { background-image: url(../imagenes/turismo_large_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 {
	height: 480px;
	width: 225px;
	}

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

.hoverbox .preview
{	width: 370px;
	height: 444px;
	line-height:950px;}

.hoverbox .preview_cuadro
{	width: 370px;
	height: 370px;
	line-height:876px;}

.hoverbox .preview_horiz
{	width: 370px;
	height: 308px;
	line-height:814px;}
	
.hoverbox a:hover .preview, .hoverbox a:hover .preview_cuadro, .hoverbox a:hover .preview_horiz 
{	position: absolute;
	top: 5px;
	left:275px;}
	
#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_guitarras, #foto_galeria_cristianos_llaveros, #foto_galeria_cristianos_campanas,  #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:275px;}