@font-face
{
   font-family: "Cristalab";
   src: url("fuentes/OAKWOOD.eot");
   src: url("fuentes/OAKWOOD.eot?#amocristalab") format("embedded-opentype"),
        url("fuentes/OAKWOOD.woff") format("woff"),
        url("fuentes/OAKWOOD.ttf") format("truetype"),
        url("fuentes/OAKWOOD.svg#IDdelafuente") format("svg");
 } 
   
@font-face
{
	font-family: "Cristal";
	src: url("fuentes/BLACKR.eot");
    src: url("fuentes/BLACKR.eot?#amocristal") format("embedded-opentype"),
         url("fuentes/BLACKR.woff") format("woff"),
         url("fuentes/BLACKR.ttf") format("truetype"),
         url("fuentes/BLACKR.svg#IDdelafuente") format("svg");
}        
*{margin:0;}
article{
	display: inline-block;
}
body {
	background-image:url(../img/vivehidalgo2.png);
	background-repeat:repeat;
	background-attachment: fixed;
}


nav{
	font-family:Arial;
	font-size: 14px;	
	font-weight:bold;
	margin:0px auto;
	margin-left:-40px;	
	position:absolute;
	text-align: center;
	text-transform:uppercase;	
	width: 1000px;
	z-index:1;
}

nav ul { 
	list-style-type: none;
	width: 1000px;
}
nav ul li.nivel1 { 
	float: left;
	width: 250px;
	margin-right: 0px;
	z-index:3;
}
nav ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:red;
	border: solid 1px #fff;
	padding: 10px;
	position: relative;
}
nav ul li:hover {
	position: relative;
	z-index:2;
}
nav ul li a:hover, nav ul li:hover a.nivel1 {
	background-color: #B40404;
	color: #FFFF00;
	position: relative;
	z-index:4;
}
nav ul li a.nivel1 {
	display: block!important;display: none;
	position: relative;
	z-index:1;
}
nav ul li ul {
	display: none;
}
nav ul li a:hover ul, nav ul li:hover ul {
	display: block;
	margin-left:-40px;
	position: absolute;left: 0px;
}
nav ul li ul li a {
	width: 240px;
	padding: 6px 0px 8px 0px;
	border-top-color: #000;
}
nav ul li ul li a:hover {
	border-top-color: #000;
	position: relative;
}


#actividades{	
	background:#F3E2A9;	
	color:black;
	display: inline-block;
	font-family:"Riesling";
	margin-top:7px;
	margin-left:0px;
	min-height:0px;
	padding:0px;
	
}
#actividades article{
	font-family:Arial;
	font-size:15px;
	margin:-30px;
	margin-top:-65px;
	min-height:0px;
	padding:48px;	
	text-align:center;	
	width:45.8%;
}

#conexiones{
	margin-left:813px;
	margin-top:-41px;
	width:200px;
}

#conteixmi{
	background:#F3E2A9;
	box-shadow: 0px 30px 30px 7px; rgba(0,0,1,3.9);
	margin:0px auto;
	max-width:1000px;
	
}
#eventos{	
	background:#F3E2A9;	
	color:black;
	display: inline-block;
	font-family:Arial;
	margin-top:-25px;
	margin-left:0px;
	min-height:1px;
	text-align:center;
	padding:0px;
	
}
#eventos article{
	background:rgba(1,0,1,.2);	
	border:2px;
	border-radius:10px;
	color:black;
	margin:3px;
	min-height:15px;
	padding:10px;
	text-align:center;
	width:450px;
}
#eventos img{
	-webkit-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
}
#eventos article:hover img{
	-webkit-transform:scale(2.0);
	-ms-transform:scale(2.0);
	-moz-transform:scale(2.0);
}

#foot{
	background:red;
	margin:0px auto;
	min-height:0px;
	padding:5px;
	width:990px;	
}

#gastronomia{	
	background:#F3E2A9;	
	color:black;
	display: inline-block;
	font-family:"Cristal";
	margin-top:-25px;
	margin-left:0px;
	min-height:1px;
	padding:0px;
	
}
#gastronomia article{
	/*background:rgba(1,0,1,.2);*/
	font-size:15px;
	margin:-30px;
	margin-top:-65px;
	min-height:4px;
	padding:48px;		
	text-align:center;
	width:45.8%;
}

#logo{	
	display: inline-block;
	margin-top:40px;
	
}
#logo article{	
	margin:0px;
	min-height:0px;
	padding:0px;	
	width:625px;
}

#secciones{
	text-align:center;
	margin-top:-3px;
}
#secciones article{
	background:#FFBF00;
	border:2px;
	border-radius:10px;
	color:black;
	margin:-8px;
	min-height:35px;
	padding:7px;
	width:195px;
}
#secciones img{
	-webkit-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
}
#secciones article:hover img{
	-webkit-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-moz-transform:scale(1.5);
}

#subtitulo{
	background:red;
	color:white;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	text-transform:uppercase;	
	width:990px;
}

.categoria{
	font-family:"Arial";
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-shadow:0px, 0px, 3px #000;
}
.contacto{
	color:white;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#derecha{
	color:black;
	font-family:Arial;
	font-size:13px;	
	font-weight:bold;
	min-height:5px;
	padding:5px;
	text-align:justify;
	text-decoration:none;
	width:285px;
}
.descripcion{
	font-family:"Arial";
	font-size:10px;
	font-weight:bold;
	
}
.desdepo{
	font-family:"Arial";
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	width:420px;
}
.subcategoria{
	font-family:"Cristal";
	font-size:14px;
}
.subtitulo{
	color:#000;
	font-family:"Cristalab";
	font-size:30px;
	font-weight:bold;
	text-shadow: 0px 10px 20px rgba(0,0,0,1.5);
	-ms-text-shadow: 0px 10px 20px rgba(0,0,0,1.5);
	-webkit-text-shadow: 0px 10px 20px rgba(0,0,0,1.5);
	text-align:center;
}
.titulo{
	color:#000;
	font-family:"Cristal";
	font-size:50px;
	font-weight:bold;
	text-shadow: 0px 10px 20px rgba(2,0,2,2.5);
	-ms-text-shadow: 0px 10px 20px rgba(2,0,2,2.5);
	-webkit-text-shadow: 0px 10px 20px rgba(2,0,2,2.5);
	text-align:center;
}
@media screen and (max-width:950px){
	#conteixmi{
		 width: 80%;
	     margin: 0 auto;
	}
	nav ul li a{
		display:inline-block;
		font-size:10px;
		width: 150px;
		margin-left: -30px;
		min-height: 3px;
		padding: 30px;
		
	}
	nav  ul li a{
		min-height: 3px;
		padding: 10px 0px 10px 0px;
		width:200px;
	}
	nav  ul li ul li a{
		width: 150px;
	}
	
	#gastronomia, #eventos, #actividades{
		width: 700px;

	}
	#subtitulo{
		font-size:11px; 
		width: 800px;
	}
	.subcategoria{
		width: 100%;
	}

}
@media screen and (max-width:800px){
	#gastronomia, #eventos, #actividades{
		width: 300px;

	}
	#subtitulo{
		font-size:10px; 
		width: 250px;
	}
	.subcategoria{
		width: 100px;
	}
	
}
@media screen and (max-width:400px){
	#gastronomia, #eventos, #actividades{
		width: 150px;

	}
	.subcategoria{
		width: 100px;
	}
	
}