/*------------------------GENERAL----------------------------*/



* {

	margin: 0;

	padding: 0;

	}

html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, Geneva, Swiss, sans-serif;
	}

	body {

	font-size:1em;
	color:#333;
	width:100%;
	height:100%;
	margin:0;
	padding:0;

		}


/*-----------------------------GLOBALES-----------------------*/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #1078ad;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #1078ad;
}

.negrita{
	font-weight: bold;
}

.negrita2{
	font-weight: bold;
	font-size: 1.1em;
}

.anotaciones{
	font-size: 0.9em;
}

.img {

  border: 0;

}

.imagen{
	float: left;
	border: 0;
	margin-right: 10px;
	margin-top: 20px;

}

.imagen_dcha{
	float: right;
	border: 0;

}

.facebook {
	border: 0;
	vertical-align: middle;
}

.logos{
	float: left;
	border: 0;
	margin-right: 50px;
	margin-left: 50px;

}

#texto{
	width: 368px;
	float: right;

}

#texto2{
	width: 450px;
	float: left;
	margin-right: 17px;

}

#texto3{
	width: 440px;
	float: right;

}

#tamanyo_texto{

	float:right;
}

.volver{

	float:right;
	margin-right: 90px;
}

.lista{
	margin-left: 30px;
	margin-bottom: 20px;
}

/*-------------------CONTAINER INDEX -----------------------*/
#content  { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 901px;
  height: 486px;
  background-image: url(images/index.jpg);
}

div#pie{
 	vertical-align: middle;	
	margin: 0px auto;
 	padding: 0px;
	width: 901px;
	height: 30px; 
	}

/*------------------------CONTAINERS--------------------------*/


div#container {

	width: 750px;

	margin: 10px auto;

	text-align: left;

	}

	div#cabecera-wrap {

		margin: 0px 0;
		background-color:#FFFFFF;

		}

		div#cabecera_es{

	height: 178px; 
	background-image: url(images/cabecera.jpg);
	background-repeat: no-repeat;
	}
			

	div#contenido-wrap {

		

		}

		div#center {

			color: inherit;

			background-color: #fff;

			border-width: 0 2px 2px 0;

			}

			div#center-in {

				padding: 20px;

				}



	div#footer-wrap {

		clear: both;

		}

		div#footer-in {

			

			}
			
/*------------------------------MENU----------------------------*/

.menu_principale {

	list-style: none;

	padding-right: 5px;
	
	padding-left: 5px;


}



.menu_principale li {

	float: left;
	
	height: 50px;

}



li.empresa {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/empresa.jpg) no-repeat 0 18px;

	color: inherit;

}


li.productos {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/productos.jpg) no-repeat 0 18px;

	color: inherit;

}


li.horchata {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/horchata.jpg) no-repeat 0 18px;

	color: inherit;

}



li.helados {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/helados_artesanos.jpg) no-repeat 0 18px;

	color: inherit;

}



li.salud {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/helado_salud.jpg) no-repeat 0 18px;

	color: inherit;

}

	



li.enlaces {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/enlaces.jpg) no-repeat 0 18px;

	color: inherit;

}



li.contacto{

	width: 105px;

	background-color: inherit;

	background: url(images/botones/contacto.jpg) no-repeat 0 18px;

	color: inherit;

}




.menu_principale a {

	display: block;

	float: left;

	height: 35px;

	padding-top: 10px;

}



.menu_principale a:link {}

.menu_principale a:visited {}

.menu_principale a:hover {}

.menu_principale a:active {}



li.empresa a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/empresa.jpg) no-repeat 0 18px;

	color: #575757;

}
li.empresa a:hover, li.empresa a.qui {background-color: inherit;background: url(images/botones/empresa2.jpg) no-repeat 0px 18px;}

li.productos a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/productos.jpg) no-repeat 0 18px;

	color: #575757;

}

li.productos a:hover, li.productos a.qui {background-color: inherit;background: url(images/botones/productos2.jpg) no-repeat 0px 18px;}


li.horchata a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/horchata.jpg) no-repeat 0 18px;

	color: #575757;

}

li.horchata a:hover, li.horchata a.qui {background-color: inherit;background: url(images/botones/horchata2.jpg) no-repeat 0px 18px;}


li.helados a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/helados_artesanos.jpg) no-repeat 0 18px;

	color: #575757;

}

li.helados a:hover, li.helados a.qui {background-color: inherit;background: url(images/botones/helados_artesanos2.jpg) no-repeat 0px 18px;}





li.salud a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/helado_salud.jpg) no-repeat 0 18px;

	color: #575757;

}

li.salud a:hover, li.salud a.qui {background-color: inherit;background: url(images/botones/helado_salud2.jpg) no-repeat 0px 18px;}





li.enlaces a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/enlaces.jpg) no-repeat 0 18px;

	color: #575757;

}

li.enlaces a:hover, li.enlaces a.qui {background-color: inherit;background: url(images/botones/enlaces2.jpg) no-repeat 0px 18px;}





li.contacto a {background-color: inherit;

	width: 105px;

	background: url(images/botones/contacto.jpg) no-repeat 0 18px;

	color: #575757;

}

li.contacto a:hover, li.contacto a.qui {background-color: inherit;background: url(images/botones/contacto2.jpg) no-repeat 0px 18px;}




/*------------------------------MENU----------------------------*/

.menu_principale {

	list-style: none;

	padding-right: 5px;
	
	padding-left: 5px;


}



.menu_principale li {

	float: left;
	
	height: 50px;

}



li.empresa_val {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/empresa_val.jpg) no-repeat 0 18px;

	color: inherit;

}


li.productes {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/productes.jpg) no-repeat 0 18px;

	color: inherit;

}


li.orxata {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/orxata.jpg) no-repeat 0 18px;

	color: inherit;

}



li.gelats {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/gelats_artesans.jpg) no-repeat 0 18px;

	color: inherit;

}



li.salut {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/gelat_salut.jpg) no-repeat 0 18px;

	color: inherit;

}

	



li.enllaços {

	width: 105px;

	background-color: inherit;

	background: url(images/botones/enllasos.jpg) no-repeat 0 18px;

	color: inherit;

}



li.contacte{

	width: 105px;

	background-color: inherit;

	background: url(images/botones/contacte.jpg) no-repeat 0 18px;

	color: inherit;

}




.menu_principale a {

	display: block;

	float: left;

	height: 35px;

	padding-top: 10px;

}



.menu_principale a:link {}

.menu_principale a:visited {}

.menu_principale a:hover {}

.menu_principale a:active {}



li.empresa_val a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/empresa_val.jpg) no-repeat 0 18px;

	color: #575757;

}
li.empresa_val a:hover, li.empresa_val a.qui {background-color: inherit;background: url(images/botones/empresa_val2.jpg) no-repeat 0px 18px;}

li.productes a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/productes.jpg) no-repeat 0 18px;

	color: #575757;

}

li.productes a:hover, li.productes a.qui {background-color: inherit;background: url(images/botones/productes2.jpg) no-repeat 0px 18px;}


li.orxata a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/orxata.jpg) no-repeat 0 18px;

	color: #575757;

}

li.orxata a:hover, li.orxata a.qui {background-color: inherit;background: url(images/botones/orxata2.jpg) no-repeat 0px 18px;}


li.gelats a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/gelats_artesans.jpg) no-repeat 0 18px;

	color: #575757;

}

li.gelats a:hover, li.gelats a.qui {background-color: inherit;background: url(images/botones/gelats_artesans2.jpg) no-repeat 0px 18px;}





li.salut a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/gelat_salut.jpg) no-repeat 0 18px;

	color: #575757;

}

li.salut a:hover, li.salut a.qui {background-color: inherit;background: url(images/botones/gelat_salut2.jpg) no-repeat 0px 18px;}





li.enllaços a {

	background-color: inherit;

	width: 105px;

	background: url(images/botones/enllasos.jpg) no-repeat 0 18px;

	color: #575757;

}

li.enllaços a:hover, li.enllaços a.qui {background-color: inherit;background: url(images/botones/enllasos2.jpg) no-repeat 0px 18px;}





li.contacte a {background-color: inherit;

	width: 105px;

	background: url(images/botones/contacte.jpg) no-repeat 0 18px;

	color: #575757;

}

li.contacte a:hover, li.contacte a.qui {background-color: inherit;background: url(images/botones/contacte2.jpg) no-repeat 0px 18px;}





/*------------------------------MENU INF-----------------------*/
#menu_inf {
	position: relative;
	background-color: #1180b8;
	width: 717px;
	height: 25px;
	top: -23px;
	PADDING-RIGHT: 14px; 
	PADDING-LEFT: 20px; 
	PADDING-TOP: 10px; 
}

.amenu_inf{
	font-size:1em;
	color:#fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.amenu_inf:hover {
	font-size:1em;
	color:#fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.separador{
	color:#fbfbfb;
}

.aenlaces_texto{
	font-size:1em;
	color:#999999;
	padding-left:30px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.aenlaces_texto {
	font-size:1em;
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.enlaces_texto {
	text-align:center;
}

/*-----------------------SUBMENUS-----------------------*/
#submenu_productos {
	background-color: #dbd7d8;
	width: 285px;
	height: 20px;
	padding-right: 14px; 
	padding-left: 14px;  
	padding-top: 5px;
}

#submenu_horchata {
	background-color: #dbd7d8;
	width: 315px;
	height: 20px;
	padding-right: 14px; 
	padding-left: 14px;  
	padding-top: 5px;
	margin-left: 80px;
}


#submenu_helados {
	background-color: #dbd7d8;
	width: 560px;
	height: 20px;
	padding-right: 14px; 
	padding-left: 14px;  
	padding-top: 5px;
	margin-left: 80px;
}

.asubmenu{
	font-size:1em;
	color:#127fb5;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.asubmenu:hover {
	font-size:1em;
	color:#127fb5;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.activo {
	font-size:1em;
	color:#127fb5;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.separador2{
	color:#127fb5;
}




/*-------------------------PRODUCTO-----------------------*/
.producto {
	margin-left: 70px;
	list-style-image:url(images/punto.jpg);
}

/* tablas */

table {
	/*margin: 0 20px 10px 20px;*/
	width: 90%;
	margin: 0 0 10px 20px;
}

caption {
	/*color: #ff7c00;*/
	font-weight: bold;
}

th {
	background-color: #0f79ad;
	color: #dbd7d8;
	padding: 5px;
}

td {
	background-color: #dbd7d8;
	color: #0f79ad;
	padding: 5px;
}

/* fin tablas */

/*------------------------INDEX-----------------------*/
.menu_index{
	padding-top: 365px;
	margin-left: 80px;
}

.aindex{
	font-size:1.2em;
	color:#fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 30px;
	font-weight: bold;	
}

.aindex:hover {
	font-size:1.2em;
	color:#fbfbfb;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}


/*------------------------HELADO Y SALUD-----------------------*/
.helado_salud {
	margin-left: 70px;
	list-style-image:url(images/copa_mini.jpg);
}

.ahelado_salud{
	font-size:1em;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.ahelado_salud:hover {
	font-size:1em;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.titulo_articulos{
	color: #ff6600;
	font-weight: bold;
}

.ahelado_salud2{
	font-size:1em;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.ahelado_salud2:hover {
	font-size:1em;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.asubir{
	font-size:1em;
	color:#e57720;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.asubir:hover {
	font-size:1em;
	color:#e57720;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}



/*------------------------SITEMAPs-----------------------*/
#sitemap { padding: 10px 5px 5px 15px; }

#sitemap ul { padding: 12px 5px 5px 30px; }

#sitemap li { padding: 5px 0px 5px 0px; list-style-image:url(images/pagina.jpg); }

#sitemap a.folder { padding: 2px 10px; font-weight: bold; text-decoration: none; border-bottom: 0; color: #245798; }

#sitemap a.page {
	padding: 2px 10px;
	text-decoration: none;
	border-bottom: 0;
	color: #245798;
}

#sitemap a.folder:hover, #sitemap a.page:hover { text-decoration: underline; color: #245798; }