/* CSS Document */
/*Colores que se utilizan
fondo lateral es imagen color #009999
pagina index añadido color en rotulo bienvenida 066; azul oscuro
vinculos sueltos a escoger tonos de azul 006699, 0033CC, 00CCFF, 0099FF, 0066CC.
vinculos laterales un color rojo #FFFF66 y #FFCC66 amarillo en el hover*/
/*text-align left en el body para que IE centre la capa, margin auto para que los demas centren la capa*/
/*Ordenados por bloques de páginas*/
/*las imagenes tienen que ser todas igual de alto para que funcione*/
/*algunos apartados se repiten en otros ojo al buscar*/
BODY {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 800px;
	margin: auto;
	/* Esto centra toda la pagina en otros navegadores*/
	text-align: center;
	/* Esto centra la pagina en el IE*/
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.05em; 
	/* cambia el tamaño de los enlaces*/
	color: #30F;
	/*color azul de los enlaces*/
	text-decoration: none;
	font-weight: bold;
}
a:link; a:visited; a:active;{
text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h1 {
	font-size: 1.20em;
}
/*usados en parrafos explicativos*/
h2{
	font-size: 1.20em;
	color:#39C;
	/*color azul*/
}
/*usados para destacar precios*/
h3{
	font-size: 1.20em;
	color:#FF0000;
	/*color rojo*/
}
/*usados en la clase tablamedidas con un color azul diferente*/
h4{
	font-size: 1.20em;
	/*anchura un poco menor*/
	color:#069;
	/*color azul de los enlaces*/
}
h5{
color:#36C;
/*color azul nombres semana calendario*/
}
/*usados para destacar explicaciones extraidas de otras personas y frases ejemplo*/
h6 {
	font-size: 80%;
	/*letra mas pequeña*/
	font-style: italic;
}
/* utilizado en index para el letrro de bienvenida*/
/* color azul mas oscuro para destacar*/
.rotuloindex{
	font-size: 3em;
	color: #066;
	font-weight: bold;
}
/*utilizado en las cabeceras de atenas */
.nombrerotulo{
	font-size: 3em;
	color: #066;
}
#contenedor{
	text-align: left;
    width: 795px;
    margin: auto;
}
#cabecera{
	width: 790px;
	height: 100px;
	background-image:url(/imagenes/compartidos/rotulo20091.jpg);
	position: relative;
	margin: auto;
}
#cuerpo{
	width: 100%;
	text-align: left;
}
.boletin{
	background-color: #9CC;/*color azul clarito*/
	font-weight: bold;
	line-height: 1.5em;
}

/*las caracterisiticas de los enlaces se especifican al principio igual para todos
salvo los enlaces de los menus laterales*/
.enlacesDrch{
	width: 120px;
	float: right;
	padding-left: 5px;
	text-align: left;
}
.enlacesIzq{
	width: 120px;
	float: left;
	padding-left: 5px;
	text-align: left;
}
/*las caracterisiticas de los enlaces estan todas juntas en enlacescentro*/
#enlacesfin{
	clear: both;
	text-align: center;
	padding: 5px 0px 5px 0px;
    width: 100%;
	background-color:#3CC;
	/*background: url(/imagenes/compartidos/fondolateral.jpg);*/
}

/*enlaces referidos a las columnas laterales y la del final*/
#enlacesfin a{
    text-decoration: none;
	color:#000000;
	font-size: 1.05em;
}
#enlacesfin a:hover{
	color:#F33;/*color rojo*/
	background-color:#FC6;/*color amarillo*/
	text-decoration: underline;
}

#lateralIzq{
	width: 163px;
	float:left;
	text-align: left;
	background-color:#3CC;
	color:#000000;
	/*text-decoration: none;
	font-size: 1.05em; /* tamaño de los enlaces de las columnas Drch Izq */
	padding-left: 3px;
	line-height: 1.5em;/*separalineas*/
}
#lateralDrch{
	width: 163px;
	float: right;
	text-align: left;
	background-color:#3CC;
	color:#000000;
	text-decoration: none;
	font-size: 1.05em; /* tamaño de los enlaces de las columnas Drch Izq */
	padding-left: 3px;
	line-height: 1.5em;/*separalineas*/
}
.lateral a{
	color:#000000;
	text-decoration: none;
	font-size: 1.05em;
}
.lateral a:hover{
	color:#FF3333;/*color rojo*/
	background-color:#FFCC66;/*color amarillo*/
	text-decoration: underline;
}
/* panel central de algunas paginas hay que reformarlo con el tiempo*/
#lateralcentro{
	width: 450px;
	/*valor maximo permitido con el cuerpo en 790 px*/
	text-align: left;
	line-height: 1.2em;
	/*separalineas*/
	float: left;
	padding-left: 10px;
}
#pie{
	background-color: #cccccc;
	text-align: center;
	width: 100%;
	padding: 5px 0px 5px 0px;
	clear: both;
}
/*creado para letreros sueltos en medio de la página*/
.rotulo{
	width: 100%;
	text-align: center;
	float: left;
	}
/*linea de color rojo al principio y final de las paginas*/
#separador{
	background-color: #990000;
	height: 3px;
	width: 100%;
}
.separador{
	background-color: #990000;
	height: 3px;
	width: 100%;
}
/**/
/**/
/*BASICOS FIN ¡¡¡¡¡¡¡¡¡¡¡¡*/

/*MODELOS*/
/**/
/**/
/*creada para colocar boton de compra en corliem funciona tbn para cojines euromoda*/
.btnpaypalcor{
	width: 200px;
	float: right;
	margin-right: 50px;
	margin-top: 10px;
}
/* creada para los botnes de oferta para desplazarloa mas a la DRCH*/	
.btnpaypaloferta{
	width: 220px;
	float: right;
	margin-right: 50px;
	margin-top: 30px;
}

/*panel donde se colocan las fotos de productos*/
#fotocolores{
	margin: 0 auto;
	clear: both;
	padding-left: 5px;
}
.foto{
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-left: 8px; /*maximo permitida para ancho de 375 */
	padding-right: 8px;
	padding-bottom: 10px;
	text-align: center;
}
/*panel donde pone el nombre del producto*/
.modelo{
	width: 100%;
	float: left;
	text-align: center;
	border: #999 1px solid;
	padding-top: 5px;
	/*esto hace que el letrero se centre de alto*/
	padding-bottom: 5px;
}
.modelooferta{
	width: 100%;
	float: left;
	text-align: center;
	border: #066 2px solid;
	font-size: 1.0em;
}

/* panel de caracterisiticas en pagina cortinas */
.modelo1{
	float: left;
	padding: 2px;
	width: 49%;
	text-align: left;
}
/* panel de caracterisiticas en modelos */
.modelo2{
	float: left;
	width: 49%;
	text-align: center;
	/*con el texto centrado y las imagenes en un <p> conseguimos que 
	todo que centrado */
	padding: 5 0 5 0px;
}
/* creado para cuando caben 3 imagenes*/
.modelo3{
	float: left;
	width: 33%;
	text-align: center;
}
.imgctr{
	text-align: center;
}
/*nombre de los modelos en los precios de stores disney*/
.nbrmodelo{
	float: left;
	width: 80%;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
}
/*precio de los modelos en los precios de stores disney*/
.precio{
	float: left;
	width: 30%;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 1.05em; 
	/*le damos mas altura para compensar la altura de los enlaces*/
}
/*usado en las explicaciones de la pagina de velfont*/
.pmodelo{
	float: left;
	padding: 10px;
	width: 430px;
}
.panelcentrado{
	margin-left: 25%;
	width: 50%;
	text-align: left;
}

/*DECORACION*/
/**/
/**/
.calendario{
 width:100%;
}
/*nombre del mes en las paginas de los posts decoracion 50%+50% no vale en IE*/
.mesimpar{
float:left;
width: 48%;
 text-align: center;
 font-weight: bold;
}
.mespar{
float: right;
width: 48%;
 text-align: center;
 font-weight: bold;
}
/*numero de calendario y numeros paginas euromoda*/
.numero{
float:left;
width:13.9%;
text-align: center;
}
/*numpag parteinferior ofertas y otros 19,9 no vale in IE tiene que ser con punto*/
.numpag{
float:left;
width: 19.9%;
text-align: center;
}

/*INFORMATIVAS*/
/**/
/**/
/*columna central de la pagina del sitio dentro tiene las cloumnas 1 y 2*/
.lateralindex{
float: left;
width: 21%;
text-align: left;
padding-left: 3px;
}
.centroindex{
float: right;
width: 78%;
text-align: left;
padding-left: 3px;
}
#mapadelsitio{
	float: right;
	width: 620px;
}
/*Etiqueta referida a las páginas de información*/
#normativa{
	float: left;
	width: 484px;
	padding-left:  5px;
	text-align: left;
}
.lateral2{
	width: 163px;
	background-color:#3CC;
	text-align: left;
	float: left;
	padding-left: 3px;
}
.lateral2 a{
	color:#000000;
	text-decoration: none;
	font-size: 1.05em;
}
.lateral2 a:hover{
	color:#FF3333;
	/*color rojo cambia el color de letra*/
	background-color:#FFCC66;
	/*color amarillo cambia el color de fondo*/
	text-decoration: underline;
}
/*columnas que hay en la página mapa del sitio*/
.columna{
	width: 300px;
	float: left;
	text-align: left;
	padding: 5px 0px 0px 5px;
}
.columna2{
	width: 300px;
 	float: right;
	text-align: left;
	padding: 5px 0px 0px 5px;
 }

/*FORMULARIOS*/
/**/
/**/
.nbrform{
	float: left;
	width: 80%;
	font-weight: bold;
	padding: 0 0 0 10px;
	line-height: 2.5em;
	/* hace que se separen las lineas lo que no consegui con el <p>*/
	text-transform: uppercase;
}
.datform{
	float: left;
	width: 80%;
	text-transform: uppercase;
}
.listaform{
	float: left;
	width: 60%;
	text-transform: none;
}
.btnform{
	float: left;
	width: 60%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background-color:#6CC;
}

/*PUBLICIDAD*/
/**/
/**/
/*paneles publicitarios algunos estan sin usar*/
#bannerDrch{
	float: right;
	width: 140px;
	text-align: center;
}
#bannerfin{
	float: left;
	padding: 5px 60px 10px 60px;/* el padding de 60 es para centrar el bannerfinal con normativa */
	text-align: center;
}
.bannerfin{
	width: 100%;
	text-align: center;
}
.publicidadDrch{
	width: 256px;
	float: right;
}
.publicidadIzq{
	width: 300px;
	float: left;
}
.publilatDrch{
	width: 120px;
	float: right;
}
.publilatIzq{
	width: 122px;
	float: left;
}
/*banner centrado para vinculos*/
.publictr{
	width: 790px;
	height: 15px;
	border: #999 1px solid;
}
.separa{
	background-color:#FFFFFF;
	width: 100%;
	height: 4px;
}
.marquesina{
	height: 90px;
	}