html{
	font-size: 100%;
	height: 85%;
	overflow-x: hidden;
}

BODY {
	PADDING: 0em;
	margin: 0em;
	font-size: 1em;
	width: 98%;
	background-color: #ffffff;
	text-align: center;
}

a img
{
	border: 0em;
}



H1 {
	padding: 1em 0em 0em 0em;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size: 2em;
	line-height: 1em;
	text-align: right;
	margin-top:40px;
}

H1 SPAN{

	color: #FFFFFF;
}

H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color: #00569D;
	text-align: center;
	padding: 0.5em;
	display: block;
	height: auto;
	vertical-align: middle;
}

H3{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	color: #ffffff;
	display: block;
	TEXT-DECORATION: none;
	text-align: center;
	height: auto;
	vertical-align: middle;
	padding: 0.5em;
}
H4 {
	padding: 0px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size: 1.2em;
	text-align: center;
	margin-top:2px;
}

.container-portada {
	clear: both;
	width: 1000px;
	display: block;
	margin: 0em auto 0px auto;
	overflow: hidden;
	top: -1em;
	position: relative;
	background-color: #fff;
border-radius: 1em;
}
 


#cabecera-portada {
	POSITION: relative;
	FLOAT: left;
	top: 0m;
	width: 1000px;
	margin: 2em auto 2em auto;
}
#cabecera-portada img{
	height:115px;
}
#menu-superior {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 99%;
	top: 0em;
	z-index: 10;
	left: -27em;
	clear: RIGHT;
	font-size: 14px;
}



#menu-superior ul { 
list-style-type: none;
	width: 100%;
}

#menu-superior ul li.nivel0 { 
float: right;
width: 6em;
}

#menu-superior ul li.nivel1 { 
float: right;
width: 7.5em;
}

#menu-superior ul li.nivel2 { 
float: right;
width: 9em;
}

#menu-superior ul li.nivel3 { 
float: right;
width: 10em;
}

#menu-superior ul li.nivel4 { 
float: right;
width: 13.5em;
}

#menu-superior ul li.nivel5 { 
float: right;
width: 17em;
}


#menu-superior ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	border: solid 0.1EM #000;
	padding: 0.5em;
	font-weight: bold;
	clear: both;
  border-radius: 0 16px 0 16px ;
  -webkit-border-radius:0 16px 0 16px;
  -moz-border-radius: 0 16px 0 16px;
	margin-right: 0.2em;
	
}

#menu-superior ul li a:hover {
	border-radius:1em;
	color: #fff;
  border-radius: 16px 0 16px 0;
  -webkit-border-radius:16px 0 16px 0;
  -moz-border-radius:16px 0 16px 0;
	background-color: #000;
}

#menu-superior ul li a:hover, #menu-superior ul li:hover a.nivel1 {
	background-color: #000;
	color: #ffffff;
	position: relative;
}
#menu-superior ul li a.nivel1 {
	display: block!important;
	display: none;
	position: relative;
}
#menu-superior ul li ul {
display: none;
}

#menu-superior ul li a:hover ul, #menu-superior ul li:hover ul {
display: block;
position: absolute;
left: 0em;
}

#menu-superior ul li ul li a {
	position: relative;
float: right;
	width: 20%;
	padding: 0.1em 0em 0.1em 0em;
	border-top-color: #000;
	left: -8em;
	font-size: 0.9em;
	font-weight: normal;
	top: 0.2em;
	margin-bottom: 0.1em;
  border-radius: 0 16px 0 16px ;
  -webkit-border-radius:0 16px 0 16px;
  -moz-border-radius: 0 16px 0 16px;
}

#menu-superior ul li ul li a:hover {
border-top-color: #000;
position: relative;
}


	#texto-centro {
	position: relative;
	float: left;
	width: 90%;
	top: -4em;
	clear: left;
	left: 2em;
	padding: 1em 1em 0em 1em;
	margin-top: 0em;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: justify;
}



#texto-centro ul{
	text-align: justify;
}

#texto-centro ul li{
	margin-bottom: 1em;
	width: 100%;
}


#pie{
	position: relative;
	float: left;
	clear: right;
	left: 0em;
	width: 100%;
	top: 0em;
	margin: -1em 0em 4em 0em;
*	margin: 0em 0em 4em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
}

#pie a{
	
	text-decoration: none;
}

#pie a:hover{
	color: #000;
	text-decoration: none;
}

#pie ul {
	background-color: #fff;
	line-height: 1.5em;
}

#pie ul li{
	color:  #000;
	display: inline;
}


.img-borde {
	border: 0.2em solid #000000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.negro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}

.negroI {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	text-align: justify;
	font-style: italic;
}


.negroD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #000000;
	text-align: right;
}

.negroC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	text-align: center;
}

.negroC a{

	text-decoration: none;
}

.negroC a:hover {
	color: #000;

}



.negroN{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.negrou {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: underline;
	color: #000000;
	text-align: justify;
}

.negroD a {
	text-decoration: none;
	color: #0063B4;
	font-weight: bold;
	text-align: right;
}

.negroD a:visited, negroD a:link, negroD a:active{
	text-decoration: none;
	color: #0063B4;
}

.negroD a:hover{
	text-decoration: none;
	font-weight: bold;
}


.negro a {
	text-decoration: none;
	color: #394441;
}

.negro a:visited, negroD a:link, negroD a:active{
	text-decoration: none;
	color: #394441;
}

.negro a:hover{
	text-decoration: none;
}



.azul {
	FONT-SIZE: 0.9em;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.azul a {
	text-decoration: none;
	font-weight: bold;
}


.azul a:hover {
	COLOR: #000;
}


.rojo {
	FONT-SIZE: 0.9em;
	COLOR: #A50C54;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.rojo a {
	COLOR: #A50C54;
	text-decoration: none;
	font-weight: bold;
}


.rojo a:hover {
	COLOR: #006EC7;
}


.rojoL {
	FONT-SIZE: 0.9em;
	COLOR: #A50C54;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-align: left;
}

.rojo14 {
	FONT-SIZE: 14px;
	COLOR: #A50C54;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.verde {
	color: #4dec52;
}

.azulN {
	font-weight: bold;
}

.azulNG {
	font-weight: bold;
	FONT-SIZE: 1.3em;
}

.negro-min {
	FONT-SIZE: 0.5em;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.boton-centro {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-weight: bold;
	text-align: center;
	top: 1em;
	margin:0em;
	font-size: 18px;
	PADDING: 0.5em 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	text-decoration: none;
	width: 100%;
	border: 0.1em #000 solid;
}

.boton-centro a{
	COLOR: #fff;
	border: 0.1em #000 solid;
	PADDING: 0.5em;
	TEXT-DECORATION: none;
}

.boton-centro:hover{
	COLOR: #fff;
	BACKGROUND-COLOR: #000;
}

.boton-izquierda {
	position: relative;
	float: left;
	clear: right;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-weight: bold;
	width: 70%;
	text-align: center;
	top: 1em;
	margin:0em;
	font-size: 18px;
	PADDING: 0.5em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	text-decoration: none;
	border: 0.1em #000 solid;
}

.boton-izquierda a{
	COLOR: #fff;
	border: 0.1em #000 solid;
	width: 100%;
	PADDING: 0.5em;
	border: 0.1em #000 solid;
	TEXT-DECORATION: none;
}

.boton-izquierda a:link, .boton-izquierda a:active, .boton-izquierda a:visited{
	COLOR: #fff;
	display: block;
}


.boton-izquierda:hover{
	COLOR: #fff;
	BACKGROUND-COLOR: #000;
	display: block;
}

.boton-derecha {
	position: relative;
	float: right;
	clear: right;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #fff;
	font-weight: bold;
	width: 70%;
	text-align: center;
	top: 1em;
	margin: 0em;
	font-size: 18px;
	PADDING: 0.5em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	text-decoration: none;
	border: 0.1em #000 solid;
}

.boton-derecha a{
	COLOR: #fff;
	border: 0.1em #000 solid;
	width: 100%;
	PADDING: 0.5em;
	border: 0.1em #000 solid;
	TEXT-DECORATION: none;
}

.boton-derecha a:link, .boton-derecha a:active, .boton-derecha a:visited{
	COLOR: #fff;
	display: block;
}


.boton-derecha:hover{
	COLOR: #fff;
	BACKGROUND-COLOR: #000;
	display: block;
}

.fondo_negro{
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	width: 100%;
}

.fondo_negro a{
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.fondo_negro a:hover{
	text-align: center;
	color: #000;
	color: #FFFFFF;
	font-weight: bold;
}

.fondo_azul{
	text-align: center;
	color: #FFFFFF;
	background-color: #00569D;
	padding: 0em;
	font-weight: bold;
}

.fondo_blanco{
	text-align: center;
	background-color: #ffffff;
	color: #000000;
	padding: 0.2em;
}

.fondo_blanco2{
	text-align: justify;
	background-color: #ffffff;
	color: #000000;
	padding: 0.5em;
	height: auto;
}

.corte { clear: both;}

/*

--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		





#menu-cajas {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.9em;
	width: 98%;
	margin-top: 0em;
	top: -1em;
	left: -2.5em;
	*left: 1em;
}


#menu-cajas ul {
	list-style-type: none;
	width: 100%;
	top: 0em;
	margin-left: 4%;
}

#menu-cajas ul li {
	float: left;
	width: 28%;
	margin-right: 1.5em;
	margin-bottom: 2em;
	padding: 0em 0.5em 0.5em 0.5em;
	height: 16em;
	background-color: #FFFFF4;
	-moz-border-radius: 30px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #333;
}

#menu-cajas ul li SPAN{
	float: left;
	width: 99%;
	margin-top: -0.8em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

#menu-cajas ul li img{
	margin-bottom: 1em;
	border: 0.3em solid #52628a;
}

.precio{
	text-align: center;
	font-weight:bold;
	margin-bottom:0px;
}
.descripcion{
   display:block;
   width: 260px;
   height:72px;
	margin:0px;
	overflow: hidden;

}
#fam{margin-right:20px;}

#menu-cajas-portada-productos {
	position: relative;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.9em;
	width: 65%;
	margin-top: 0em;
	top: -0.8em;
	left: -3.5em;
}


#menu-cajas-portada-productos ul {
	list-style-type: none;
	width: 100%;
	top: 0em;
	margin-left: 4%;
}

#menu-cajas-portada-productos ul li {
	float: left;
	width: 40%;
	margin-right: 1.7em;
	margin-bottom: 2em;
	border: 0.1em solid #234EB1;
	padding: 0em 0.5em 0.5em 0.5em;
	height: 17em;
	background-color: #F3EBFC;
	-moz-border-radius: 30px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #333;
	position: relative;
}

#menu-cajas-portada-productos ul li SPAN{
	float: left;
	width: 99%;
	margin-top: -0.8em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

#menu-cajas-portada-productos ul li img{
	margin-bottom: 1em;
	border: 0.2em solid #52628a;
	 width:250px;
     height:100px;
}
/*seccion de productos*/
#menu-cajas-seccion-productos {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.9em;
	width: 895px;
	margin:0px 30px;
	
}

#menu-cajas-seccion-productos ul {
	list-style-type: none;
	width: 895;
}

#menu-cajas-seccion-productos ul li {
	float: left;
	width: 257px;
	margin-right: .7em;
	margin-bottom: 2em;
	border: 0.1em solid #234EB1;
	padding: 0em 0.5em 0.5em 0.5em;
	height: 17em;
	background-color: #F3EBFC;
	-moz-border-radius: 30px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #333;
	position: relative;
}

#menu-cajas-seccion-productos ul li SPAN{
	float: left;
	width: 99%;
	margin-top: -0.8em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

#menu-cajas-seccion-productos ul li img{
	margin-bottom: 1em;
	border: 0.2em solid #52628a;
	 width:250px;
     height:100px;
}
/*fin seccion de productos*/

#menu-noticias {
	position: relative;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.9em;
	width: 25%;
	margin-top: 0em;
	top: -1em;
	left: 3.5em;
	clear: left;
}
#menu-noticias img{
	width:250px;
	height:164px;
}

#menu-noticias ul {
	list-style-type: none;
	width: 105%;
	top: 0em;
	margin-left: 4%;
}

#menu-noticias ul li {
	float: right;
	width: 100%;
	margin-right: 1.5em;
	margin-bottom: 2em;
	border: 0.1em solid #000;
	padding: 0em 0.5em 0.5em 0.5em;
	height: 36.6em;
	background-color: #EDECFB;
	color: #000;
	clear: right;
	border-radius:1em;
}

#menu-noticias ul li SPAN{
	float: left;
	width: 99%;
	margin-top: -0.8em;
	margin-right: 0.5em;
	margin-bottom: 1em;
}

#menu-noticias ul li img{
	margin-bottom: 1em;
	border: 0.3em solid #fff;
}

.menu-noticias-boton{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	COLOR: #FFF;
	TEXT-DECORATION: none;
	text-align: center;
	width: 99%;
	display: block;
	margin-top: 0.5em;
	margin-left: 0.1em;
	float: left;
	vertical-align: middle;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	BACKGROUND-COLOR: #000;
}

.menu-noticias-boton a{
	display: block;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #333;
	BACKGROUND-COLOR: #506dd5;
	TEXT-DECORATION: none;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.menu-noticias-boton a:active, menu-noticias-boton a:link, menu-noticias-boton a:visited{
	display: block;
	display: block;
	width: 100%;
	height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.menu-noticias-boton:hover{
	display: block;
	background-color: #FFF;
}


.menu-cajas-boton{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
	COLOR: #333;
	TEXT-DECORATION: none;
	text-align: center;
	width: 99%;
	display: block;
	margin-top: 0.5em;
	margin-left: 0.1em;
	float: left;
	vertical-align: middle;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.menu-cajas-boton a{
	display: block;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #333;
	BACKGROUND-COLOR: #506dd5;
	TEXT-DECORATION: none;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.menu-cajas-boton a:active, menu-cajas-boton a:link, menu-cajas-boton a:visited{
	display: block;
	width: 100%;
	height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align: middle;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

.menu-cajas-boton:hover{
	display: block;
}

.boton-vergaleria{
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	font-size: .9em;
}
#imagen-producto{
	position: relative;
	float: left;
	width: 325px;
	clear: left;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	height: 300px;
	text-align:center;
}

.imagen-producto{
	position: relative;
	float: left;
	margin: 1em 2em 1em 1em;
	clear: left;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
/*codigo Iñaki*/
img.imagen-producto{
	width:275px;
    height:250px;
}
/*fin codigo Iñaki*/

.container-portada #texto-centro #texto-centro table {
	text-align: center;
}
.container-portada #texto-centro #texto-centro table tr td {
	text-align: center;
}

#formulario{
	position: relative;
	float: left;
	clear: left;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	left: 2em;
	width: 80%;
	top: -2em;
	min-height: 33em;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
}

#formulario p{
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	display: block;
	left: 5em;
	text-align: center;
}


#formulario ul{
	position: relative;
	float: left;
	clear: left;
	width: 80%;
	display: block;
	left: 8em;
	background-color: #E6E6E6;
	border: 0.1em solid #000;
	margin-bottom: -0.5em;
}

#formulario ul li{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	PADDING: 0.1em;
	margin: 0.5em;
	width: 90%;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.etiqueta {
	position: relative;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	PADDING: 0.1em;
	margin-right: 3em;
	width: 250px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

.campopeque{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	PADDING: 0.1em;
    margin-left: 0em;
	color: #000;
	text-align: justfy;
}

.botonpeque {
	position: relative;
	float: right;
	clear: right;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 0.8em;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-weight: bold;
	PADDING: 0em;
	left: -3em;
	width: 20%;
	text-align: center;
	top: -0.5em;
	margin: 2em 3em;
}
