@charset "UTF-8";
/* CSS Document */

* { box-sizing: border-box;
margin:0; padding:0; }

body {
		background-color:#FFFFFF;
		
		background-repeat:repeat-x;
		
		
}

#prueba {

		width:100%; margin: 0 auto;
		height:46px;
		
		position: fixed;
		z-index:10000;

}

nav {

		list-style: none;		
		text-align:right;
		height:47px;
		
		
		
}


#logo {

		z-index:100;
		position: absolute;
		margin-top: 7px;
		margin-left: 10px;
}

header {

		/*background: #4d4d4d;*/
		padding-left: 0px;
		padding-right: 0px;
		border-bottom:2px solid #FFFFFF;
		
		

}

nav ul {

		list-style: none;
		background: #4d4d4d;
		text-align:right;
		font-family:Helvetica, sans-serif;
		font-size:12px;
		color:#929191;
		
		
		
}		


nav ul li {

		display: inline-block;
		padding:15px;
		
		
}





ul li a {

		font-family:Helvetica, sans-serif;
		font-size:12px;
		color: white;
		text-decoration: none;
		
		
		
		}
		
ul li a:hover{

		font-family:Helvetica, sans-serif;
		font-size:12px;
		color:#929191;
		text-decoration: none;
		
		}
		
		
		
		
/* galeria */


.slider-container {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden; /* Oculta partes de las imágenes que se salgan del contenedor */
    margin-top:20px;
}

.slide {
    display: none; /* Oculta todas las imágenes por defecto */
    width: 100%;
    height: auto;
}

.slide.active {
    display: block; /* Muestra solo la imagen con la clase 'active' */
    
}

/* Estilo para los botones */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 60%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    
    background-color: rgba(0,0,0,0.2);
    border: none;
}

.next {
    right: 0;
    
    
}

.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.5);
    
}

		






/* creditos */







#idiomas2 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 13px;
		color: #ffffff;
		height:25px;
		padding-top:20px;
		float:right;
		padding-right:40px;
		
}

#cat {

		margin-left:10px;
}

#cat_sel {

		margin-left:10px;
		font-family: arial, helvetica, verdana, sans-serif;
		color:#929191;
}

#esp {

		margin-left:10px;
}

#copy {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		height:25px;
		padding-top:40px;
}


.copy1 {

margin-left:10px;		
}

.copy2 {
margin-left:10px;
			
}

.copy3 {
margin-left:10px;
			
}

.copy4 a{

text-decoration:none;
font-family: arial, helvetica, verdana, sans-serif;
color: #FFF;
			
}

.copy4 a:hover,visited{

text-decoration:none;
font-family: arial, helvetica, verdana, sans-serif;
color:#929191;

}



#direccion {

		width:840px;
		/*background-color:#000;*/
		position:relative;
		left:50%;
		right:50%;
		margin-left:-410px;


}

.logo a{

		position:relative;
		top:10px;
		margin-right:10px;
		margin-left:5px;

}

.logo1 a{

		position:relative;
		top:10px;
		margin-left:10px;

}





#creditos_galeria {

		height:300px;
		margin-top:70px;
		background: #4d4d4d;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;	

}


#boton_galeria a{
		background-image:url(../imagenes/logos/boton2.png);
		z-index:100;
		position: relative;
		margin-top:70px;
		
		width:40px;
		height:40px;
		left:50%;
		right:50%;
		margin-bottom:20px;
		margin-left:-20px;
		/*border:1px solid  #000;*/
		display:block;
		background-repeat:repeat-x;
		
		
}

#boton_galeria a:hover,visited{
		background-image:url(../imagenes/logos/boton1.png);
		z-index:100;
		position: relative;
		margin-top:70px;
		
		width:40px;
		height:40px;
		left:50%;
		right:50%;
		margin-bottom:20px;
		margin-left:-20px;
		/*border:1px solid  #000;*/
		display:block;
		background-repeat:repeat-x;
		
}








h1 { font-size:16px;font-family: 'Muli',Arial,Helvetica,sans-serif;color: #000000; text-align:justify; font-weight:lighter; }

h30 { font-size:16px;font-family: 'Muli',Arial,Helvetica,sans-serif;color: #000000; text-align:left; font-weight:lighter; }





/*.............................................................................................*/


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





		nav ul li {
			
				width: 100%;
				padding: 12px;
				text-align:right;
				border-bottom:1px solid #FFFFFF;
				
				
}  

		nav ul {
				
				display: none;
				padding:24px;
				background: #929191;
				list-style: none;
		        text-align:right;
		        font-size:12px;
				color:#4d4d4d;
				text-decoration: none;

}

		.hide {
			
			display: block;
			font-size:22px;
			padding:12px;
			background-color: #4d4d4d;
			color:white;
			cursor:pointer;
			display:block;
			text-align:right;
		
}



ul li a {

		font-family:Helvetica, sans-serif;
		font-size:12px;
		color: white;
		text-decoration: none;
		
		
		
		
		}
		
ul li a:hover{

		font-family:Helvetica, sans-serif;
		font-size:12px;
		color:#4d4d4d;
		text-decoration: none;
		
		}
		




/* creditos */



#copy {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		height:200px;
		
		
				
}
.copy1 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		position:relative;
		top:10px;
		float:left;	
		margin-left:0px;	
}

.copy2 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		position:relative;
		top:10px;
		float:left;	
		margin-left:0px;	
}

.copy3 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		position:relative;
		top:10px;
		float:left;
		margin-left:0px;		
}

.copy4 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 12px;
		color: #ffffff;
		position:relative;
		padding-top:15px;
		top:10px;
		float:left;	
		width:300px;	
}


#direccion {



		width:200px;
		left:30%;
		right:50%;
		margin-left:-80px;
		top:40px;
		position:relative;
}



.logo a{

		position:relative;
		top:-30px;
		margin-left:8px;

}

.logo1 a{

		position:relative;
		top:-30px;
		margin-left:-153px;

}


#idiomas2 {

		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 13px;
		color: #ffffff;
		height:25px;
		padding-top:20px;
		float:left;
		padding-left:15px;
		
}

#cat {

		margin-left:10px;
}

#esp {

		margin-left:10px;
		
}

/* galeria */


.slider-container {
    position: relative;
    max-width: 1000px;
    margin: auto;
    overflow: hidden; /* Oculta partes de las imágenes que se salgan del contenedor */
    margin-top:70px;
}

.slide {
    display: none; /* Oculta todas las imágenes por defecto */
    width: 100%;
    height: auto;
}

.slide.active {
    display: block; /* Muestra solo la imagen con la clase 'active' */
    
}

/* Estilo para los botones */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 80%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 8px;
    transition: 0.6s ease;
    
    background-color: rgba(0,0,0,0.2);
    border: none;
}

.next {
    right: 0;
    
    
}

.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.5);
    
}

		


/* creditos */



#creditos_galeria {

		height:500px;
		margin-top:50px;
		background: #4d4d4d;
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;	

}


#boton_galeria a{
		background-image:url(../imagenes/logos/boton2.png);
		z-index:100;
		position: relative;
		margin-top: 50px;
		
		width:40px;
		height:40px;
		left:50%;
		right:50%;
		margin-bottom:20px;
		margin-left:-20px;
		/*border:1px solid  #000;*/
		display:block;
		background-repeat:repeat-x;
		
		
}

#boton_galeria a:hover,visited{
		background-image:url(../imagenes/logos/boton1.png);
		z-index:100;
		position: relative;
		margin-top: 50px;
		
		width:40px;
		height:40px;
		left:50%;
		right:50%;
		margin-bottom:20px;
		margin-left:-20px;
		/*border:1px solid  #000;*/
		display:block;
		background-repeat:repeat-x;
		
}










h1 { font-size:12px;font-family: 'Muli',Arial,Helvetica,sans-serif;color: #000000; text-align:justify; font-weight:lighter; }

h30 { font-size:12px;font-family: 'Muli',Arial,Helvetica,sans-serif;color: #000000; text-align:left; font-weight:lighter; }



}