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

* {margin: 0; padding:0px;}

body {
	        background-color:#FFF;
		
		} 
		
	
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {color: #FF0000 !important;}
a.noline {text-decoration: none}

li.noborde{ border-right:none}
	
	/*CABECERA*/	
	
	header {
	width: 100%;
	float: left;
	background: rgb(76,76,76);/* Old Browsers */
background: -moz-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(76,76,76)), color-stop(51%, rgb(71,71,71)), color-stop(100%, rgb(19,19,19)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );/* IE6-9 */
	
			}
			
			header.basket {
	width: 100%;
	float: left;
	background: rgb(230,122,39);/* Old Browsers */
background: -moz-linear-gradient(top, rgb(230,122,39) 0%, rgb(248,169,52) 40%, rgb(240,81,24) 71%, rgb(0,0,0) 74%, rgb(0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(230,122,39)), color-stop(40%, rgb(248,169,52)), color-stop(71%, rgb(240,81,24)), color-stop(74%, rgb(0,0,0)), color-stop(100%, rgb(0,0,0)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgb(230,122,39) 0%, rgb(248,169,52) 40%, rgb(240,81,24) 71%, rgb(0,0,0) 74%, rgb(0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(230,122,39) 0%, rgb(248,169,52) 40%, rgb(240,81,24) 71%, rgb(0,0,0) 74%, rgb(0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(230,122,39) 0%, rgb(248,169,52) 40%, rgb(240,81,24) 71%, rgb(0,0,0) 74%, rgb(0,0,0) 100%); /* IE 10+ */
	
	
	
	
	
	
	
			}
			
			span.icon-hause{
				
				}
				
			/*.contenedor{
				
			background-color:#FFF;
			width:100%;
			height:100%;
			font-size:16px;
			line-height: 1.4em;
			margin-right: auto;
			margin-left: auto;
			position: relative;
		
				
				
				}*/
			
			#decoracion{
				
			background-image: url(../includes/campo.png) !important;
			height:auto;
			width:100%;
			display:inline;
			float:left;
			background-repeat:no-repeat;
			
			
	}
	
			#decoracion img{
			bottom:0px;
			max-width:350px;
			margin-left:9%;
			margin-top:5%;
			width: 100%;
			height:auto;
	}
		/*PARA BASKET*/	
		
				#decoracion_basket{
				
			background-image: url(../includes/pista.png) !important;
			height:auto;
			width:100%;
			display:inline;
			float:left;
			background-repeat:no-repeat;
			
			
	}
	
			#decoracion_basket img{
			bottom:0px;
			max-width:350px;
			margin-left:9%;
			margin-top:5%;
			width: 100%;
			height:auto;
	}
			#publicidad{	
			float:right;
			}
			
		
		
			#menu{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width:auto;
			display: table;
			
	
			}
			
			#menu ul{
				list-style-type: none;
				width: 120%;
	
				}
				
				#menu ul li{
				font-family:Tahoma, Geneva, sans-serif;
				color:#CCC;
				height:30px;
				padding-left: 1%;
				padding-top: 1%;
				padding-right: 1%;
				display: inline;
				text-decoration: none;
				float: left;
			    border-right:solid;
				border-color: #666;
				border-right-width:thin;
				text-decoration: none;
				list-style-type:none;
				background-color:#131313;
				width:auto;
				
					}
					#menu ul li a{
						display: inline;
						color:#CCC;
						size:1em;
						}
						#menu ul li a:hover{
						color:#FFF;
						size:1em;
						}
						
						#menu ul li img{
							display: inline;
							margin:auto;
							max-height: 15px;
							
						
							}
							
							
							
							
							/* ---CUERPO----- */
							
							/*	body #main {
								
								display: flex;
								height:100%;
								background-color:#FF0;
								
								}
								
								
									*/
									.contenido{
									float:left;
									background-color: #FFF;
									width:70%;
									z-index:3;
									padding-right:5%;
									padding-left:5%;
									max-width: 1000px;
									box-sizing:border-box;
									}
									
								p.titulo{
									text-align:center;
									font-family:Verdana, Geneva, sans-serif;
									padding-top: 5%;
									font-weight:bold;
									color:#990000;
									font-size: 1.2em;
									}
									
									table{
										width: 90%;
										margin-left:auto;
										margin-right:auto;
										margin-bottom:50px;
										}
										
										table td a:link {
											color: #000;
											}
											
											table td a:hover {
											color: #FF0000;
											}
											
											table td a:visited{
											color: #000;
											}
									
										table td a:active {text-decoration: none; color: #000;}
										table td a.noline {text-decoration: none}
							
							  #banner_lateral_izq{
								float:left;
								width:15%;
								z-index:2;
								
								}
								
							 #banner_lateral_dch{
								float: right;
								width:auto;
								z-index:1;
								margin-right:0px;
								
								
								}
	

					
				.menusuperior #apartado a{
				
				font-family:'FrancophilSans';
				font-size: 20px;
				margin: 0;
				text-decoration: none;
				color:#fff;
				font-weight: bold;
				height:36px;
				}
				
				.menusuperior ul li a:active{ 
				color:#1d4a63; 
				
				!important;}
				#main {
	
	display: flex;
	height:100%;
	
	}

body #main nav { 

border-width:2px;
border:solid;
width:20%;
height: 481px;
margin:10px 10px;
float:left;
}

 body #main section { 

border-width:2px;
border:solid;
width:700px;
height: 100%; 
float:left;
margin: 10px;
padding: 10px;
}

body #main section header { 

border-width:2px;
border:solid;
width:100%;
height: 40px;

}

body #main section article { 

border-width:2px;
border:solid;
width:100%;
height: 300px; 


}

body #main section footer { 

border-width:2px;
border:solid;
width: 100%;
height: 40px;
margin-top:5px;

}
				
				
				
				
				/*----PIE-------*/
				
				footer{ 
				position:relative;
				width:100%;
				float:left;
				bottom: 0px; 
				
	background: rgb(76,76,76);/* Old Browsers */
background: -moz-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(76,76,76)), color-stop(51%, rgb(71,71,71)), color-stop(100%, rgb(19,19,19)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgb(76,76,76) 0%, rgb(71,71,71) 51%, rgb(19,19,19) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );/* IE6-9 */
								  
								  }
								  
								
								
							  
						#publicidad_footer{
							/*display:inline-block;*/
							margin: 0 auto;
							width:750px;
							border-top:solid;
						border-top-width:1px;
						border-top-color:#333;
						}
							
							
							  
						#contenidopie {
							margin-left:auto;
							margin-right:auto;
							}
							
							
							#contenidopie  ul{
									
							margin-left:auto;
							margin-right:auto;
							list-style:none;
							position: relative;
							display: table;
							width:52%;
							margin-top:2%;
							}
							
								#contenidopie  ul li{
							font-family:Tahoma, Geneva, sans-serif;
							color:#CCC;
							height:40px;
							padding-left: 1%;
							padding-top: 1%;
							padding-right: 1%;
							text-decoration: none;
							text-decoration: none;
							list-style-type:none;
							width:auto;
								}
								
								
								#contenidopie ul li a{
						display: inline;
						color:#CCC;
						size:1em;
						cursor: pointer; 
						
						}
						
						#contenidopie ul li a:hover{
						color:#FFF;
						size:1em;
						}
						
						span.fecha {
							font-family: Tahoma, Geneva, sans-serif;
							size:0.9em;
							color:#CCC;
							margin-right:auto;
							margin-left: auto;
							font-size:small;
														}

						/*#contenidopie p{
						font-family: Tahoma, Geneva, sans-serif;
						margin-top:5%;
						position:relative;
						width:auto;
						color:#CCC;
						size:1em;
							}*/
							
							
							
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -40px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}

#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:auto;
	margin:0 auto;
	padding:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

#cook {
width: 130px;
height: 30px;
border-radius: 8px;
background-color: #FFE822;
color:#000;
font-size:16px;
border:0;
margin-left:20px;
}
 
/* Fin del CSS para cookies */
							
							
							@media screen and (max-width: 1100px){
								
							  #banner_lateral_izq{
								float:left;
								width:15%;
								margin-right:0px;
								z-index:2;
								
								}
								 #banner_lateral_dch{
								float:right;
								width:15%;
								z-index:2;
								
								}
								.contenido{
					float:left;
					background-color: #FFF;
					width:65%;
					z-index:3;
					box-sizing:border-box;
					}
								
								}	
								
								
							
@media screen and (max-width: 700px){
					
					.contenedor { background-color: #495F4A;
					}
					
					.contenido{
					float:left;
					background-color: #FFF;
					width:80%;
					z-index:3;
					max-width: 1000px;
					box-sizing:border-box;
					}
					
					p.titulo{
					text-align:center;
					font-family:Verdana, Geneva, sans-serif;
					padding-top: 5%;
					font-weight:bold;
					color:#990000;
					font-size: 1.2em;
					}
					
					#banner_lateral_izq{
					float:left;
					width:80%;
					z-index:2;
					
					}
					
					#banner_lateral_dch{
					float: right;
					width:20%;
					z-index:1;
					
					}
	
	
	
	.cookiesms{	
	width:100%;
	height:auto;
	margin:0 auto;
	padding:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
	
	@media screen and (max-width: 400px){
	.contenedor{
		width: 100%;
		background-color:#495F4A;
		
		}
		.contenido{
		background-color: #FFF;
		width:100%;
	
		}
		
		#banner_lateral_izq{
		display: none;
		
		}
		
		#banner_lateral_dch{
		display: none;
		
		}
		
				#menu{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			width:auto;
			display: table;
			
	
			}
			
			#menu ul{
				list-style-type: none;
				width: 100%;
	
				}
				
				#menu ul li{
				font-family:Tahoma, Geneva, sans-serif;
				color:#CCC;
				text-align:center;
				height:30px;
				padding-left: 1%;
				padding-top: 1%;
				padding-right: 1%;
				text-decoration: none;
				float: left;
			    border-bottom:solid;
				border-color:#495F4A;
				border-right-width:thin;
				text-decoration: none;
				list-style-type:none;
				background-color:#131313;
				width:auto;
				
					}
					#menu ul li a{
						display: inline;
						color:#CCC;
						size:1em;
						}
						#menu ul li a:hover{
						color:#FFF;
						size:1em;
						}
						
						#menu ul li img{
							display: inline;
							margin:auto;
							max-height: 15px;
							
						
							}
							#publicidad_footer{
							display:inline-block;
							float:left;
							width:100%;
							border-top:solid;
						border-top-width:1px;
						border-top-color:#009;
						clear:right;
						}
						#contenidopie {
							width: 100%;
							float:left;
							}
							.cookiesms{	
						width:100%;
						height:auto;
						margin:0 auto;
						padding:1%;
						padding-top:5px;
						font-size: 1.2em;
						clear:both;
						font-weight: strong;
						color: #333;
						bottom:0px;
						position:fixed;
						left: 0px;
						background-color: #FFF;
						opacity:0.9;
						filter:alpha(opacity=90); /* For IE8 and earlier */
						transition: bottom 1s;
						-webkit-transition:bottom 1s; /* Safari */
						-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
						-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
						box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
						z-index:999999999;
						}