*{margin:0;}

body{

   font-family:Armr_de_havilandregularial;   text-shadow:0px 0px 0 ;
   background-image:url(images/bgtop.jpg) ;
   background-repeat:no-repeat;
   background-position:center top;
   
}
section{
   margin:0px auto;
   overflow:hidden;
   padding:0px 0;
   text-align:center;
   width:1020px;
}
article{
   float:left;
   width:30%;
}
.header{
   height:100%;
   max-height:260px;
   border:#069 0px solid;

}
.fila0{
   width:1%;
}
.fila1{
	
}
.fila2{
		
}
#fila2{
   background:#2f2e2a;
   color:#CCC;
   border-radius:10px;
   text-align:center;
   padding:10px;
   height:220px;
}
#fila3{
   height:20px;
   background-image:url(images/sombrathum.png);
   background-position:bottom;
}


#fila50izq{
   float:left;
   width:45%;
   padding:0px;
   text-align:justify;
   border:#060 0px solid;
}
#fila50der{
   float:right;
   width:45%;
   padding:0px;
   border:#060 0px solid;
   text-align:right;
}
#3columna{
   float:left;
   width:30%;
   padding:0px;
   text-align:justify;
   height:225px; 
   border: #090 0px solid ; 
   border-radius:10px;
}

#pleca{
   float:left;
   width:100%;
   padding:0px;
   height:55px; 
   border: #0900 1px solid ;
   background-image:url(images/line2.jpg); 
}

 .txtLogo2 {
	 font-family:mr_de_havilandregular;
	 font-size:50px;
	 margin:auto;
	 text-align:center;
} 

.fila02{
	background-color:#CC0;
   vertical-align:top;
   color:#CF3;
	
}
#fila02{
   color:#777; 
   text-align:justify;
   width:47%;
   float:left;
   vertical-align:top;
}
#fila02a{
   color:#2f2e2a;
   text-align:center;
   width:47%;
   float:left;
   vertical-align:top;
}
.tituloInterior2	{
	font-family:	mr_de_havilandregular;
	font-size:		46px;
	text-align:		left;
	margin:			0px 0px 0px 0px;
	border:			#0F0 solid 0px;
	color:			#a2780a;
}
.tituloInterior4	{
	font-family:	mr_de_havilandregular;
	font-size:		46px;
	text-align:		right;
	margin:			0px 0px 0px 0px;
	border:			#0F0 solid 0px;
}

.tituloInterior5	{
	font-family:	eb_garamondregular;
	font-size:		40px;
	text-align:		left;
	margin:			0px 0px 0px 0px;
	border:			#0F0 solid 0px;
	color:#2f2e2a;
}

#tituloPrincipal	{
	font-family:	eb_garamondregular;
	font-size:		40px;
	text-align:		left;
	margin:			0px 0px 0px 0px;
	border:			#0F0 solid 0px;
	color:#2f2e2a;
}


/* Esta imagen de adapta al ancho de lo que lo contenga con un máximo de 600px */
.logoImg {
	width:100%;
	max-width:454px;
}
.imgagen {
	width:100%;
	max-width:330px;
}
.imagenCarne {
	width:100%;
	max-width:490px;
}

.imagenNavidad {
	width:100%;
	max-width:800px;
}


.col1 { 
	width: 18%;  
	border: #090 0px solid;
	float:left;
	padding:0px 20px 0px 0px;
	text-align:right;
	
}

.col2 { 
	width: 40%;  
	border: #090 0px solid;
	float:left;
	padding:0px;
	text-align:left;
	height:auto;
}

.frameTxt { 
	width: 			48%;  
	border: 		#090 0px solid;
	float:			right;
	line-height:	22px;
}


/*  NAVEGACION *//*  NAVEGACION *//*  NAVEGACION *//*  NAVEGACION */

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
	font-family:eb_garamondregular;
	font-size:13px;
	height:40px;
	line-height:40px;
	background-color:#efe8d5;
}

a:link, a:visited {
    display: block;
    width: 170px;
	color:#2f2e2a;
	height:40px;
    text-align: center;
    padding: 0px;
    text-decoration: none;
}

a:hover, a:active {
    background-color: #4d4a3d;
	color:#efe8d5;
	text-align:center;
}

hr { border: solid #ddd; border-width: 5px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.mi-imagen-abajo-derecha{
    position:absolute; right:20px;
}

/*  NAVEGACION *//*  NAVEGACION */
/*  NAVEGACION *//*  NAVEGACION */






 @font-face {
    font-family: 'mr_de_havilandregular';
    src: url('mrdehaviland-regular-webfont.eot');
    src: url('mrdehaviland-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('mrdehaviland-regular-webfont.woff') format('woff'),
         url('mrdehaviland-regular-webfont.ttf') format('truetype'),
         url('mrdehaviland-regular-webfont.svg#mr_de_havilandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
 
 @font-face {
    font-family: 'eb_garamondregular';
    src: url('ebgaramond-regular-webfont.eot');
    src: url('ebgaramond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ebgaramond-regular-webfont.woff') format('woff'),
         url('ebgaramond-regular-webfont.ttf') format('truetype'),
         url('ebgaramond-regular-webfont.svg#eb_garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* SLIDER SLIDER */ /* SLIDER SLIDER */ /* SLIDER SLIDER */
		#container{
			margin: 0px auto;
			width: 100%;
			max-width:700px;
		}
		#slider{
			height: 100%;
			max-height:400px;
		}
		#slider img{
			display: none;
		}
		#slider img:nth-child(1){
			display: block;
		}
		.slideImg {
		width:100%;
		max-width:700px;
		}
/* SLIDER SLIDER */ /* SLIDER SLIDER */ /* SLIDER SLIDER */
	
#articleDirection{
   float:left;
   width:300px;
   border: #00F 0px solid;
   text-align:justify;
   color: #2f2e2a;
}	
#articlemapa{
   float:left;
   width:700px;
   border: #00F 0px solid;
   text-align:justify;
   color: #2f2e2a;
}		

#article33{
   float:left;
   width:49%;
   border: #00F 0px solid;
   text-align:justify;
   color: #2f2e2a;
}
@media screen and (max-width:700px){
   #articleDirection{
      width:100%;
   }
}
@media screen and (max-width:700px){
   #articlemapa{
      width:100%;
   }
}
@media screen and (max-width:700px){
   #article33{
      width:100%;
   }
}

@media screen and (max-width:1000px){
   section{
      width:100%;
   }
}

@media screen and (max-width:700px){
   article{
      width:100%;
   }
}

@media screen and (max-width:350px){
   .logo{
      width:100%;
   }
}
