@charset "utf-8";
body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #ca6c15;
	background-color: #666666;
	background-image: url(../imagenes/lin_diag.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
    }
	
    A.enlace:visited {text-decoration:none;color:#ca6c15;} 

    A.enlace:active {text-decoration:none;color:#ca6c15;} 

    A.enlace:link {text-decoration:none;color:#ca6c15} 

    A.enlace:hover {text-decoration:underline;color:#8d83b7}

	A.inicio:visited {text-decoration:none;color:#ca6c15;} 

    A.inicio:active {text-decoration:none;color:#ca6c15;} 

    A.inicio:link {text-decoration:none;color:#ca6c15} 

    A.inicio:hover {text-decoration:underline;color:#8d83b7}

	A.enlace_privacidad:visited {text-decoration:none;color:#645799;} 

    A.enlace_privacidad:active {text-decoration:none;color:#645799;} 

    A.enlace_privacidad:link {text-decoration:none;color:#645799} 

    A.enlace_privacidad:hover {text-decoration:underline;color:#ca6c15}
	
	A.enlace_elimina:visited {text-decoration:none;color:#ca6c15;} 

    A.enlace_elimina:active {text-decoration:none;color:#ca6c15;} 

    A.enlace_elimina:link {text-decoration:none;color:#ca6c15} 

    A.enlace_elimina:hover {text-decoration:underline;color:#8d83b7}

.enlace {
	font-family: "Baskerville Old Face";
	font-size: 24px;
	font-weight: bold;
	color: #ca6c15;
}

.enlace_elimina {
	font-size: 14px;
	font-weight: bold;
	color: #ca6c15;
}

legend {
	color: #8d83b7;
	font-weight: bold;
	white-space: pre;
}


.texto {
	font-family: "Baskerville Old Face";
	font-size: 18px;
	font-weight: bold;
	color: #ca6c15;
}

.inicio {
	background-position: center center;
	font-family: "Baskerville Old Face";
	font-size: 14px;
	color: #ca6c15;
	font-weight: bold;
}
.privacidad {

	font-family: "Baskerville Old Face";
	font-size: 14px;
	font-weight: bold;
	color: #645799;
}
.enlace_privacidad {
	font-family: "Baskerville Old Face";
	font-size: 14px;
	font-weight: bold;
	color: #645799;
}

.tit_privacidad {
	font-family: "Baskerville Old Face";
	font-size: 18px;
	font-weight: bold;
	color: #ca6c15;
}

    .oneColFixCtrHdr #container {
	width: 980px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 0px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	color: #E67817;
	background-image: url(../imagenes/bgnew.gif);
    }
    .oneColFixCtrHdr #header {
	background-position: center;

    }
    .oneColFixCtrHdr #header h1 {
	margin: 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
	position: absolute;
	top: -100px;
    }
    .oneColFixCtrHdr #mainContent {
	padding: 0;
	background-image: none;
    }
    .oneColFixCtrHdr #footer {
	padding: 0 10px;
    }
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
	
.tabladibujos {
	background-position: center center;
	padding: 25px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.tablapaginacion {
	background-position: center;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
	padding: 10px;
}

.tablapedido {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.tablapersonalizar {
	margin: 5px;
}


.tablapie {
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

.violeta {
	color: #8000FF;
	background-color: #8000FF;
}
.azul {
	color: #0000FF;
	background-color: #0000FF;
}
.negro {
	color: #000000;
	background-color: #000000;
}
.rojo {
	color: #FF0000;
	background-color: #FF0000;
}
.verde {
	color: #008000;
	background-color: #008000;
}

		a img.min {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
		a span {
	visibility:hidden;
	color:white;
	text-align:center;
	position:absolute;
	top:135px;
	left:140px;
	visibility:hidden;
	z-index:10;
	width: 500px;
	height: 500px;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
		
		a:hover img.min {
	z-index:100;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
		a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
		a:hover span {
	visibility:visible;
	z-index:100;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
		a:hover span img {visibility:visible;z-index:100;}		
		
		
		
		a:focus span , a:active span  {visibility:visible;z-index:10;background:#000000;}
		a img.fotos {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	font-size:85%;
	margin:0 0 5px 25px;
	max-width: 650px;
	}
form {
	background-position: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20px;
	}

label {
	display:block;
	font-weight:bold;
	}
textarea {
	width:250px;
	}
.textInput {
	width:250px;
	color: #645799;
	font-weight: bold;
	}.check {
	float: left;
	margin-bottom: 8px;
	margin-left: 30px;
}
.check label {
display:inline;
}

.cheq {
	float: left;
	margin-bottom: 8px;
	margin-left: 30px;
}

.cheq label {display:inline;
}

.clearIt {
clear:both;
}

select {
margin:5px 0 8px 30px;
}
fieldset {
	border: thin solid #645799;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 90%;
}
.tablamuestradibujo {
	background-position: center;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 10px;
}

.cabecera_tabla {
	font-size: 14px;
	font-weight: bold;
	color: #8d83b7;
}
.texto18 {
	font-family: "Baskerville Old Face";
	font-size: 18px;
	font-weight: bold;
	color: #ca6c15;
}
.texto_morado {
	font-family: "Baskerville Old Face";
	font-size: 24px;
	font-weight: bold;
	color: #645799;
}
.texto24 {
	font-family: "Baskerville Old Face";
	font-size: 24px;
	font-weight: bold;
	color: #ca6c15;
}
.texto24blanco {
	font-family: "Baskerville Old Face";
	font-size: 24px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 920px;
	margin-left: 0px;
	margin-right: 0px;
}

.texto28blanco {
	font-family: "Baskerville Old Face";
	font-size: 28px;
	color: #FFF;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}
.enviarpedido {
	font-family: "Baskerville Old Face";
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #ca6c15;
	height: 30px;
	width: 180px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}