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

body{
	font-family:"trebuchet MS";
	background-color:#28170d;
	margin:0 0 0 0;

}
a{ text-decoration:none;

	color:#41281B;
}
a:hover{ text-decoration:underline;
	color:#935325;
}
#fondo {
	background-image:url(../images/pr_fondo.jpg);
	width:833px;
	height:1056px;
	margin:0 auto;
	position:relative;
	top:-20px;
	-moz-box-shadow: 2px 2px 10px #000000; 
	
}
#banner {
	background-image:url(../images/banner.jpg);
	width:798px;
	height:216px;
	margin:0 auto;
	position:relative;
	top:0px;
	-moz-box-shadow: 2px 2px 10px #000000; 


}
#bannerI {

	width:798px;
	height:216px;
	margin:0 auto;
	position:relative;
	top:0px;
	-moz-box-shadow: 2px 2px 10px #000000; 


}
#botonera UL{
	
	position:relative;

		
}
#botonera LI{

	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#41281B;
	position:relative;
	top:168px;
	list-style:none;
	padding-left:7px;
	left:-10px;
	font-size:13px;
	
}
#botonera LI a{

	text-decoration:none;
	color:#41281B;
}
#botonera LI a:hover{

	text-decoration:underline;
	color:#935325;
}


#cuerpo {
	background-image:url(../images/fondoConten.jpg);
	height:760px;
	width:798px;
	margin:0 auto;
	position:relative;
	top:-00px;
	-moz-box-shadow: 2px 2px 10px #000000; 


}
#bannerHistoria{
	background-image:url(../images/bannerHistoria.png);
	width:756px;
	height:313px;
	margin:0 auto;
}
#bannerGaleria{
	background-image:url(../images/galeria.jpg);
	width:756px;
	height:283px;
	margin:0 auto;
}
#bannerAnecdotas{
	background-image:url(../images/anecdotas.png);
	width:757px;
	height:283px;
	margin:0 auto;


}
#bannerSabores{
	background-image:url(../images/sabores.jpg);
	width:757px;
	height:283px;
	margin:0 auto;


}
#bannerBombo{
	background-image:url(../images/bombo.jpg);
	width:757px;
	height:283px;
	margin:0 auto;


}
#bannerComunicacion{
	background-image:url(../images/comunicacion.jpg);
	width:757px;
	height:283px;
	margin:0 auto;


}
.tituloFotos{
	position:relative;
	left:16px;

}
.textos{
	position:relative;
	left:100px;
	font-size:12px;
	width:600px;
	height:440px;
	overflow-x:hidden;

}

#footer {

	background:url(../images/footer.png) no-repeat;
	width:752px;
	height:32px;

	position:relative;
	left:10px;
	top:28px;
	
}
#footer span{
font-size:12px;
position:relative;
left:55px;
top:6px;
color:#41281B;

}
#menuGaleria{

	float:left;
	width:185px;
	position:relative;
	top:10px;
	
	background:url(../images/fondo-polo-botonera.png) no-repeat;
	height:467px;
	overflow:hidden;

	

}
#menuGaleria ul							{	 text-align: left; position:relative;left:-13px}
#menuGaleria	ul li 					{	 font-family:Georgia, "Times New Roman", Times, serif;font-size: 13px;font-weight:bold; padding: 5px 0;list-style:none }
#menuGaleria 	ul li a 				{	 width: 125px;  padding-left: -45px;text-decoration:none;color: #925423}
#menuGaleria 	ul li a:hover 			{	 padding-left: -25px;text-decoration:underline;}
#menuGaleria 	ul li.desplegable a		{	 padding-left:-52px;	 }	
#menuGaleria 	ul li li				{	 font-size: 12px; position:relative;left: -10px;width:200px; cursor:pointer;font-weight:100;}
#menuGaleria	ul li.desplegable li a	{	 }
#ajaxResult{

	float:right;
	position:relative;
	top:10px;
	left:-60px;
	width:500px;
	height:700px;
	
	

}
#galVideos{


}

#galVideos ul{
	list-style:none;
	
}

#galVideos ul li{
	float:left;
	margin-left:20px;
}

#galVideos .titulo{

	position:relative;
	font-size:12px;
	top:20px;
}

#footer2{
	font-size:11px;
	color:#41281B;
}
#footer2  a {color:#41281B;text-decoration:none;font-size:11px;}
#footer2 a:hover {color:#592F1D;text-decoration:underline;font-size:11px;}



/*GALERIA FOTOS*/
ul.gallery {
	width: 550px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 140px; /*--Width of image--*/
height: 120px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li a.thumbvideo {
	width: 140px; /*--Width of image--*/
height: 120px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 140px;
	height: 120px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #CCCCCC; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;

	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}

/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 240px; 
    height:200px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
	text-decoration:none;
	color:#3c2515;
	font-weight:bold;
   
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:00px; 
    border:0px; 
	text-decoration:none;
} 
 a.myPlayer .tituloVideo{
 	margin-top:-20px;
	text-decoration:none;
 
 }


/* when container is hovered we alter the border color */ 
#sombra{
   margin:10px;
   background:#666666; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
 }
 #cont{
   text-align:center;
   padding: 5px;
   margin: 0 auto;
   width:155px;
   
   height:128px;
}
#text{
   border:solid 1px #CCCCCC;
   margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:2px;
   background:#FFFFFF; /* Le damos un color de fondo */
}
.clipwrapper{
 position:relative;
 height:105px;
}
.clip{
 position:absolute;
 clip:rect(50px 218px 155px 82px);
 left:-82px;
 top:-50px;
}

.tituloNoticia a{text-decoration:none;color:#8d5427;  }
.tituloNoticia a:hover { color:#666666;text-decoration:none} 

.textoNoticia{
	
	
	color:#333333;
	font-size:11px;
	
}