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

body{
		background-color:#000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		color:#ca201a;}
.limpiar{
	clear:both
}
	
.centrar{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
		top:50%;
	left:50%;
	/*determinamos una anchura*/
		width:870px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-450px;
	/*determinamos una altura*/
		height:610px;
	/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-310px;
		background-image:url(../img/fondo_index.jpg);
	background-repeat:no-repeat;
	
	
	}

	.menu_index ul{
		margin:5.8em 0 0 15em;
		padding:0;
		list-style-type:none}
	.menu_index li {
		float:left;
		display:block;
		padding:0.3em;
		font-size:1.2em;
		margin-right:0.8em;
		
		}
	.menu_index li a{
		float:left;
		display:block;
	
		}
.centrar_gran{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
		top:50%;
	left:50%;
	/*determinamos una anchura*/
		width:890px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-450px;
	/*determinamos una altura*/
		height:610px;
	/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-310px;
	background-image:url(../img/fons-mar.jpg);
	background-repeat:no-repeat;
	overflow:auto;
	padding-left:1em;
	}
.centrar_gran2{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
		top:50%;
	left:50%;
	/*determinamos una anchura*/
		width:800px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-450px;
	/*determinamos una altura*/
		height:610px;
	/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-310px;
	background-image:url(img/img_noia.jpg);
	background-repeat:no-repeat;;
	overflow:auto;
	}
.centrar3
	{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
		top:50%;
	left:50%;
	/*determinamos una anchura*/
		width:900px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-450px;
	/*determinamos una altura*/
		height:610px;
	/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-305px;

	overflow:auto;
	
	}
	
a{
		color:#CA201A;
		text-decoration:none;
		}
a:hover{
		color:#8d0712;
		text-decoration:none;
		}
.tot{
	margin-top:2.2em;  
	font-size:1.2em; 
	text-align:right;
	 margin-right:2em; 
	 width:99%;
	 }
	 
.txt{
	 margin-top:2em; 
	 margin-right:2em; 
	_margin-right:1em; 
	 text-align:right; 
	 float:right; 
	 margin-left:12em; 
	 line-height:1.5em}
.menu{
		 margin-top:5em;
		 margin-left:2.2em}
	 
	 .menu li{
		display:block;
		font-size:1.2em;
		text-align:left;
		list-style-type:none;
		
		 }
		 
	.menu li a{
		color:#fff;
		text-decoration:none;
		background-color:#b57f74;
		border-left:35px solid  #ca201a;

		display:block;
		width:5.2em;
		list-style-type:none;
		height:12em;
		padding-left:1em;
		padding-top:1em;
		float:left;
		margin-right:0.4em
		}
		 
	.menu li a:hover {
		color:#fff;
		display:block;
		float:left;
		background-color:#b99f97;
		border-left:35px solid  #e4241d;
		}
		
	.menu ul li ul li a{
		background-image:none;
		width:4em;
		margin:0;
		padding:0;
		display:block;
		float:left
		 }
		 
		
	.derechos{
		margin-top:2em;
		margin-left:3.1em;
		font-size:1em}
	
	
	.apartat{
		color:#630;
		text-decoration:none;
		background-image:url(../img/back_menu.gif);
		background-repeat:repeat-y;
		display:block;
		width:9em;
		list-style-type:none;
		height:15.2em;
		padding-left:3em;
		float:left;
		display:block;
		font-size:1em;
		text-align:left;
		list-style-type:none;
		margin-top:6em;
		margin-left:1.8em
		 }
	
	.apartat li{
		margin-top:0.4em;
		margin-left:-2em;
		list-style-type:none
	}
	
	.empresamenu{
		color:#fff;
		text-decoration:none;
		height:15.9em;
		width:13.5em;
		background-color:#be0c1d;
		
		display:block;
		font-size:1.1em;
		
		list-style-type:none;
		
		padding-left:1.6em;
		padding-top:1em;
		float:left;
		margin-right:0.3em;

		
	}
		
	.empresamenu ul{
		padding:0;
		margin:0;
		
	}
		
	.empresamenu li{
		list-style-type:none;
		margin-left:0.5em;
		font-size:0.95em;
		margin-top:0.8em
	}
		
	.empresamenu li a{
		color:#fff;
		
		
	}
		
	.empresamenu li a:hover{
		color:#333
	}
	
	.empresasubmenu{
		color:#be0c1d;
		text-decoration:none;
		height:17.7em;
		width:14em;
		border-left:35px solid  #be0c1d;
		display:block;
		overflow:auto;
		font-size:1em; 
		list-style-type:none;
		padding-left:1em;
		padding-top:0.9em;
		float:left;
		margin-right:-1.2em;
		padding-right:0.8em
		
	}
	.empresasubmenu li{
		list-style-type:none;
		padding-left:0.5em;
		margin-top:0.4em}
	.tiendas{
		background-image:url(../img/back_menu03.gif);
		width:9.2em; 
		height:18em; 
		float:left
	}
		
	.tiendas ul{
		padding:0;
		margin:0;
		width:8em
	}
		
	.tiendas li{
		list-style-type:none;
		margin-left:0.5em;
		font-size:0.95em;
		margin-top:0.8em
	}
		
	.tiendas li a{
		color:#fff
	}
		
	.tiendas li a:hover{
		color:#333
	}
		
	.menuinferior{
		margin-left:2.7em; 
		margin-top:1em;
		color:#be0c1d;
		*margin-top:-3em !important;
	}
			
	.menuinferior a{
		color:#666
	}
			
	.logo{
		margin-top:2em; 
		margin-left:2.2em
	}
		
	.logoimg{
		float:left
		}
	.logo img{
		border:none}
		
	.logoslogan{
		margin-left:6em; 
		margin-top:5em; 
		float:right
		}
		
	.titolindex{
		margin-right:8.8em; 
		margin-top:8em; 
		font-size:1.4em;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif;
		}
		
	.entrar{
		margin-top:3em; 
		margin-right:12.4em; 
		font-size:1.1em; 
		font-weight:bold
		}
		
	.entrar a{
		text-decoration:none;
		color:#BE0C1D
		
		}
	.entrar a:hover{
		text-decoration:underline;
		color:#BE0C1D
		}
	.logoimgindex{
		float:right; 
		margin-left:2em; 
		margin-right:12em; 
		margin-top:3em;
		
		}
	.logomenu{
			margin-top:1em; 
			margin-left:2.6em
			}
	.logomenu img{
			border:none
				}
.helados{
	float:left; 
	margin-left:2em;  
	font-size:0.9em;
	color:#c00000; 
	width:15em; 
	height:20em; 
	padding-right:1em; 
	overflow:auto
	}
.helados li{
	list-style-type:none;
	margin-bottom:0.7em
	}

.froja{
	background-color:#c00000;
	width:2.6em; 
	height:18em; 
	float:left; 
	margin-left:2em
	}
.ctexte{
	float:left;
	margin-left:2em;  
	font-size:0.9em; 
	color:#c00000; 
	width:15em; 
	height:15em}

.imatge_slogan{
	margin-right:1em; 
	margin-top:6em;
	float:right}
	
	.formularim{
		border:none;
		width:13.6em;
		margin-top:1em}
		
		fieldset{
			border:none}
	.formularim input{
		margin-bottom:0.3em;
		border:1px solid #ca201a}
	.formularim textarea{
		margin-bottom:0.3em;
		border:1px solid #ca201a}
	.logo_index{
		margin-top:14em; 
		float:right; 
		margin-right:5em;
		*margin-top:12em !important;
		}
	
* { margin: 0; padding: 0; }


/* begin gallery styling */
#jgal { list-style: none; position:relative; float:left; left:440px;}
#jgal ul{ width:100px; height:90px; float:left }
#jgal li { opacity: .5; display: block; width: 86px; height: 57px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 12px; margin-bottom: 5px; float:left }
#jgal li img { position:absolute; top: 0px; left:-410px; display: none; border: 3px solid #fff; outline: 1px solid #ddd; }
#jgal li.active img { display: block; margin-left:0em }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */;  }

/* styling without javascript */
#gallery { list-style: none; display: block; border:none; position:relative;  float:left }
#gallery li { float: left; margin: 0 5px 5px 10em; border:none;   }