@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_gran3 { 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/fondo_index02.jpg); background-repeat:no-repeat;overflow:auto; padding-left:1em; }
.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; }
.peu { position: absolute; /*nos posicionamos en el centro del navegador*/
		top:50%; left:50%; /*determinamos una anchura*/
		 /*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:230px; /*determinamos una altura*/
		height:20px; /*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:310px; overflow:auto; padding-left:1em; font-size:0.9em }
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; }

