/* Maquetación de la estructura
 * 
 */

html{
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:.8em;
	color:#5f5f5f;
	height:100%;
	background-color:#d3f2f5;
}

div.fondoIzquierda{
	position:absolute;
	width:50%;
	left:0%;
	height:100%;
	background: url('../Imagen/Maqueta/degradado-fondo.png') #d3f2f5 repeat-x right top;
}

div.fondoDerecha{
	position:absolute;
	width:50%;
	right:0%;
	height:100%;
	background: url('../Imagen/Maqueta/degradado-fondo.png') #d3f2f5 repeat-x left top;
}

/*Contenedor de todas las capas*/

div.contenedor{
	position:relative;
	width:980px;
	height:auto;
	margin:auto;
}

/*cabecera con forma redondeada, logo, estrella y sombra*/

div.cabecera-1{
	position:relative;
	width:100%;
	height:108px;
	background: url('../Imagen/Maqueta/cabecera.png') transparent no-repeat 0px 0px;
	z-index:1;
}

/*la parte de contenido de texto*/

div.include{
	position:relative;
	width:920px;
	height:auto;
	padding:10px 30px;
	background: url('../Imagen/Maqueta/bordersLaterales.gif') transparent repeat-y -16px 0px;
	z-index:1;
}

/*parte izquierda del contenido de include, ideal para texto*/
div.texto-1{
	position:relative;
	width:69%;
	height:auto;
}

/*parte derecha del contenido de include, ideal para foto*/
div.texto-2{
	position:absolute;
	width:31%;
	height:auto;
	top:0px;
	right:15px;
}

/* Estilos extra sobre el contenido de pagina e imagen
 * dos redefiniciones para estetica general de la página
 */
div.texto-2 img{

}

div.texto-1 h1,div.texto-2 h1{
	font-size:14px;
	font-weight:bold;
	margin:10px 0px;
	color:#63a306;
}

/*Parte del dibujo central de la cabecera, si hay que cambiar el motivo, cambiar la imagen*/

div.graffiti{
	position:absolute;
	top:0px;
	width:99%;
	height:62px;
	top:37px;
	left:0%;
	background: url('../Imagen/Maqueta/graffiti.gif') transparent no-repeat 0px 0px;
	z-index:2;
}
div.fondoTituloSeccion{
	position:relative;
	top:-19px;
	left:-14px;
	width:949px;
	height:43px;
	z-index:2;
	background:url('../Imagen/Maqueta/titulos.jpg') transparent no-repeat;

}

.linkPortada{
	width:450px;
	display:block;
	height:80px;
	text-decoration:none;
	margin-top:-35px;
}

.linkPortada:hover{
	text-decoration:none;
}

.miniTextoInferior{
	width:980px;
	height:auto;
	background: url('../Imagen/Maqueta/bordersLaterales.gif') transparent repeat-y -16px 0px;
	text-align:center;
}

.borderInferior{
	width:994px;
	height:21px;
	background:url('../Imagen/Maqueta/bordersInferiores.gif') transparent no-repeat -7px 0px;
}
/* Estilos del menu principal
 * 
 */

div.menu{
	position:absolute;
	width:auto;
	height:85px;
	top:15px;
	right:4px;
	z-index:3;
	_right:33px;
}

div.menu ul.menuUl{
	margin:0;
	padding:0;
}

div.menu ul.menuUl li{
	display:block;
	float:left;
	list-style:none;
}


div.menu ul.menuUl li a{
	display:block;
	float:left;
	text-decoration:none;
}

div.menu ul.menuUl li a.etiquetas{
	width:94px;
	height:84px;
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat -1px -756px;
}

div.menu ul.menuUl li a.etiquetas:hover{
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat -1px -335px;
}

div.menu ul.menuUl li a.comprar{
	width:68px;
	height:84px;
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat -1px -672px;
}

div.menu ul.menuUl li a.comprar:hover{
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat -1px -251px;
}

div.menu ul.menuUl li a.precios{
	width:68px;
	height:84px;
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px -588px;
}

div.menu ul.menuUl li a.precios:hover{
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px -167px;
}

div.menu ul.menuUl li a.aplicaciones{
	width:107px;
	height:84px;
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px -504px;
}

div.menu ul.menuUl li a.aplicaciones:hover{
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px -83px;
}

div.menu ul.menuUl li a.contacto{
	width:92px;
	height:84px;
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px -420px;
}

div.menu ul.menuUl li a.contacto:hover{
	background: url('../Imagen/Maqueta/menu.png') transparent no-repeat 0px 1px;
}

/********************
* Formulario comprar
*********************/

.formularioComprar{
	position:relative;
	width:48%;
	_width:45%;
	height:auto;
	float:left;
	margin:1%;
}

.formularioComprar fieldset{
	border:1px solid #2b7ce6;
	display:block;
	height:65px;
	text-align:center;
	background:url('../Imagen/Maqueta/degradado-fondo-formulario.png') #ffffff repeat-x bottom left;
}

.comprar-colorCinta fieldset{
	height:85px;
}

.comprar-colorLetra fieldset{
	height:85px;
}

fieldset.cantidad,fieldset.tipoLetra{
	height:80px;
	#height:90px;
}

fieldset.icono{
	height:150px;
	#height:170px;
	_width:94%;
	background:url('../Imagen/Maqueta/degradado-fondo-formulario.png') #ffffff repeat-x bottom left;
}

.tablaFormularioComprar{
	text-align:left;
	margin-left:5%;
}

span.spanFormularioComprar{
	display:block;
	width:60%;
	margin-left:10%;
	text-align:left;
	margin-top:1%;
}

.comprar-previsualizar{
	width:280px;
	height:110px;
	padding:5px;
	margin-top:67px;
	margin-left:5px;
	text-align:center;
	border:1px solid #2b7ce6;
	background:url('../Imagen/Maqueta/degradado-fondo-formulario.png') #ffffff repeat-x bottom left;
	_margin-left:0px;
}

.comprar-previsualizar input{
	position:relative;
	top:140px;
	left:70px;
	width:100px;
	border:1px solid;
}

.comprar-previsualizar .botonComprar{
	top:10px;
	left:0px;
}

.comprar-previsualizar .botonAnadir{
	top:10px;
	left:0px;
}

.comprar-consejos{
	width:280px;
	height:auto;
	padding:5px;
	margin-top:5px;
	margin-left:5px;
	_margin-left:0px;
	text-align:center;
	border:1px solid #2b7ce6;
	background:url('../Imagen/Maqueta/degradado-fondo-formulario.png') #ffffff repeat-x bottom left;
	z-index:5;
}

.comprar-carrito{
	width:280px;
	height:auto;
	padding:5px;
	margin-top:5px;
	margin-left:5px;
	_margin-left:0px;
	text-align:center;
	border:1px solid #2b7ce6;
	background-color:#ffffff;
	z-index:5;
}

.cabecera-divs-compra{
	display:block;width:100%;text-align:center;background-color:#B7D2F5;color:#ffffff;padding:5px;margin-left:-5px;margin-top:-5px;font-weight:bold;
}


/*
 * Menu idiomas
 */

div.linksIdioma{
	position:absolute;
	top:-7px;
	right:30px;	
	font-size:9pt;
	z-index:4;
	font-weight:bold;
}
div.linksIdioma ul{
	list-style-type: none;
	white-space:nowrap;
	border-style:none;	
	margin: 0;
	padding: 0;
}
div.linksIdioma ul li{
	/*
	 * En teoria seria un display:inline; però explorer deixa un margin right xungo
	 */
	display:block;
	float:left;
	margin-right:.5em;
}
div.linksIdioma ul li a{
	color:#aaa;
	padding-left:18px;
	text-decoration:none;
}
div.linksIdioma ul li a:hover{
	color:#385fa5;
	text-decoration:underline;	
}
div.linksIdioma li.espanolSeleccionat{
	padding-left:18px;
	background:url('../Imagen/Maqueta/banderas.gif') -100px 3px no-repeat;
	color:#787878;
}
div.linksIdioma li.englishSeleccionat{
	padding-left:18px;
	background:url('../Imagen/Maqueta/banderas.gif') -100px -12px no-repeat;
	color:#787878;
}
div.linksIdioma li.francaisSeleccionat{
	padding-left:18px;
	background:url('../Imagen/Maqueta/banderas.gif') -100px -27px no-repeat;
	color:#787878;
}
div.linksIdioma li.deutschSeleccionat{
	padding-left:18px;
	background:url('../Imagen/Maqueta/banderas.gif') -100px -42px no-repeat;
	color:#787878;
}
div.linksIdioma li.italianoSeleccionat{
	padding-left:18px;
	background:url('../Imagen/Maqueta/banderas.gif') -100px -57px no-repeat;
	color:#787878;
}
a.espanol{background:url('../Imagen/Maqueta/banderas.gif') 0px 3px no-repeat;}
a.english{background:url('../Imagen/Maqueta/banderas.gif') 0px -12px no-repeat;	}
a.francais{background:url('../Imagen/Maqueta/banderas.gif') 0px -27px no-repeat;	}
a.deutsch{background:url('../Imagen/Maqueta/banderas.gif') 0px -42px no-repeat;	}
a.italiano{background:url('../Imagen/Maqueta/banderas.gif') 0px -57px no-repeat;	}

a.espanol:hover{background:url('../Imagen/Maqueta/banderas.gif') -100px 3px no-repeat;	}
a.english:hover{background:url('../Imagen/Maqueta/banderas.gif') -100px -12px no-repeat;	}
a.francais:hover{background:url('../Imagen/Maqueta/banderas.gif') -100px -27px no-repeat;	}
a.deutsch:hover{background:url('../Imagen/Maqueta/banderas.gif') -100px -42px no-repeat;	}
a.italiano:hover{background:url('../Imagen/Maqueta/banderas.gif') -100px -57px no-repeat;	}