@charset "UTF-8";

body {
	font-family: Arial;
	background-image: url(img/fondo.png);
	background-repeat: repeat;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	margin-top:0px;
}

#fondo {
	width: 100%;
	height: 100%;
	/*position: absolute;*/
	margin:0px;
	padding: 0px;

}

#wrap {
    position: absolute;
   	width: 100%;
	height: 100%;
    /*background-color: red;*/
    /*border: 1px white solid;*/
}
#boton {
	background-color: #337fa3;
	color:white;
	/*width: 80px;*/
	cursor: pointer;
	cursor: hand;
	/*height: 17px;*/
	border: 1px white solid;
	font-size: 10px;
	font-weight: bold;
	-moz-border-radius: 3px;
	/*padding: 1px;*/
	margin-top:3px;

}
#leermas {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}
	#leermas a {
		text-decoration: none;
		color: #0391cf;
	}
	#leermas a:hover {
		text-decoration: none;
		color: #666666;
	}


#cabecera {
	width: 100%;
	height: 80px;
}
	.cabecera_sup {
		background-color:#e7e8e8; /*grisclaro*/
		width: 100%;
		height: 15px;
	}
	.cabecera_med {
		width: 904px;
		height: 10px;
	}
		.cabecera_med span {
			border-right: 1px solid white;
			width: 180px;
			height: 10px;
			display: inline;
			float: left;
		}
	.menu {
		width: 904px;
		height: 40px;
		margin-top: 20px;

	}
		.menu span {
			width: 180px;
			height: 40px;
			display: inline;
			float: left;
			color: white;
			font-size: 20px;
			font-weight: bold;
		}
		.menu span img {
			margin-right: 10px;
			height: 12px;
			margin-bottom: 0px;
		}
		.menu span a {
			color: white;
			text-decoration: none;
		}
		.menu span a:hover {
			color: #e7e8e8;
			text-decoration: none;

		}
#banner_princ {
	background-color: #e7e8e8 ;
	width: 904px;
	margin-top: 0px;
}
	.barra_banner {
		background-image: url(img/fondo_barra.png);
		background-repeat: repeat-x;
		height: 21px;
		width: 904px;
		margin-top: 5px;
		background-color: #e7e8e8 ;
	}
#principal {
	height: 330px;
	background-color: #e7e8e8;
	width: 904px;
	/*margin-top: 5px;*/
	padding-top: 5px;
}
	.principal2 {
		background-color: #e7e8e8;
		height: 330px;
		width: 904px;
	}
		.unmodulo {
			width: 196px;
			float: left;
			margin-right: 10px;
			background-color: white;
			padding: 10px;
			height: 310px;
			color:#666666;
			font-size: 11px;
			text-align: justify;
		}
			.unmodulo img {
				border: 1px solid #e7e8e8;
			}
			.unmodulo h1 {
				text-transform: uppercase;
				color: #337fa3; /*azul*/
				font-size: 16px;
				font-weight: bold;
				text-align: left;
				margin-bottom: 5px;
				margin-top: 5px;
			}
				.unmodulo h1 a {
					text-decoration: none;
					color: #008BCC; /*azul*/
				}
				.unmodulo h1 a:hover {
					text-decoration: none;
					color: #337fa3;
				}
			.buscatutienda {
				background-image: url(img/fondo_buscador_tiendas_marypaz.png);
				background-repeat: no-repeat;
				height: 136px;
				width: 196px;
			}
				.buscatutienda h1 {
					width: 176px;
					background-color: #337fa3;
					font-size: 12px;
					color: white;
					padding-left: 20px;
					padding-top: 7px;
					padding-bottom: 7px;
					text-transform: uppercase;
					margin-bottom: 2px;
				}
				.buscadores {
					width: 128px;
					margin-left: 20px;
					display: block;
					text-align: left;
					font-size: 12px;
					color: white;
					font-weight: bold;
					padding-top: 10px;
				}
					.buscadores select {
						border: 1px solid #cccccc;
						margin-top: 3px;
						margin-bottom: 10px;
						margin-right: 10px;
						color: #666666;
						width: 130px;
						height: 20px;
						margin-bottom: 20px;
						margin-top: 5px;
					}
		.dosmodulos {
			width: 432px;
			float: left;
			background-color: white;
			padding: 9px;
			height: 310px;
			color:#666666;
			font-size: 11px;
			text-align: justify;
		}
			.dosmodulos h1 {
				text-transform: uppercase;
				color: #337fa3; /*azul*/
				font-size: 16px;
				font-weight: bold;
				text-align: left;
				margin-bottom: 5px;
				margin-top: 5px;
			}
			.titular {
				background-image: url(img/fondo-titular-marypaz.png);
				color:#e1dddd;
				font-size: 11px;
				font-weight: bold;
				padding: 10px 10px 10px 70px;
				width: 230px;
				height: 35px;
				background-repeat: no-repeat;
				margin-top: 28px;
				float: left;
			}
			.titular h2 {
				margin: 0px;
				text-transform: uppercase;
				font-size: 12px;
				font-weight: bold;
			}
			.titular h3 {
				margin:0px;
				font-size: 12px;
				font-weight: bold;
			}
			.titular a {
				text-decoration: none;
				color: white;
			}
			.titular a:hover {
				text-decoration: none;
				color: white;
			}

#pie {
	background-image: url(img/fondo_barra.png);
	background-repeat: repeat-x;
	height: 21px;
	width: 904px;
	/*margin-top: 5px;*/
	padding-top:5px;
	background-position: bottom right;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-color: #e7e8e8;
}
	.mini_barra {
		float:left;
		width:170px;
		height:11px;
		border-right:5px solid white;
		border-left:5px solid white;
		padding:5px 20px 5px 20px;
		background-image: url(img/mini_barra.png);
		background-repeat:repeat-x;
		text-align: center;
	}
		.mini_barra a {
			color: white;
			text-decoration: none;
		}
		.mini_barra a:hover {
			color: #e7e8e8;
			text-decoration: none;
		}


/* SECCIONES*/



/*COLECCIÓN*/

#banner_sec {
	width: 904px;
	height: 102px;
	background-image: url(img/logo-marypaz.png);
	background-repeat: no-repeat;
	background-position: 630px 23px;
	background-color: white;
	margin-top:5px;
	text-align: left;


}
	#banner_sec h1 {
		font-size: 47px;
		font-weight: bold;
		color: #008bcb;
		text-align: left;
		margin-top: 0px;
		padding-top: 45px;
		padding-left: 15px;
		width: 500px;
		float:left;
	}
	#titulares {
		font-size: 47px;
		font-weight: bold;
		color: #008bcb;
		text-align: left;
		margin-top: 0px;
		padding-top: 45px;
		padding-left: 15px;
	}
#barra_inter {
	background-image: url(img/fondo_barra.png);
	background-repeat: repeat-x;
	height: 21px;
	width: 864px;
	/*margin-top: 5px;*/
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
	padding-right: 40px;
	background-color: #e7e8e8;
	padding-top: 5px;
	background-position: bottom right;
}
.barra_colecciones {
	background-image: url(img/barra_colecciones.png);
	background-repeat: repeat-x;
	height: 15px;
	/*width: 650px;*/
	float: left;
	display: inline;
	padding-bottom:3px;
        padding-left:3px;
        padding-top:3px;
	font-weight: bold;
	font-size: 13px;
	color: white;
}
	.barra_colecciones span {
		margin-right:4px;
	}
	.barra_colecciones span a {
		text-decoration: none;
		color: white;
	}
	.barra_colecciones span a:hover {
		text-decoration: none;
		color: #e7e8e8;
	}
.cuadricula1 {
	height: 478px;
	width: 842px;
	background-color: #e7e8e8;
}
	.row {
		height: 121px;
		width: 842px;
	}
	.row div {
		background-color: white;
		width: 116px;
		height: 116px;
		margin-right: 5px;
		margin-bottom: 5px;
		float: left;
	}
#principal_coleccion {
	height: 469px;
	background-color: #e7e8e8;
	width: 904px;
	/*margin-top: 5px;*/
	padding: 10px 0px 10px 0px;
	padding-top: 5px;
}
.cuadricula2 {
	height: 478px;
	width: 484px;
	background-color: #e7e8e8;
	float: left;
	margin-left: 10px;
}
	.row2 {
		height: 121px;
		width: 484px;
	}
	.row2 div {
		/*background-color: white;*/
		width: 116px;
		height: 116px;
		/*margin-right: 5px;
		margin-bottom: 5px;*/
		float: left;
		border-right:5px solid #e7e8e8;
		border-bottom: 5px solid #e7e8e8;
	}

.coleccion-detalle {
	float: left;
	width: 410px;
	background-color: white;
	height: 478px;
}
	/*.coleccion-detalle img {
		width: 350px;
		max-height: 295px;

		border-left: solid 15px #b4b3b3;
		border-right: solid 15px #b4b3b3;
	}*/
	.coleccion-detalle h1 {
		color: #595858;
		font-weight: bold;
		font-size: 16px;
		text-align: left;
		margin-left: 35px;
	}

	.informacion-detalle {
		background-color: #337fa3;
		margin-left: 15px;
		color: white;
		font-size: 11px;
		width: 355px;
		height: 113px;
		text-align: left;
		padding: 10px 20px 10px 20px;
		font-weight: bold;
	}
	.informacion-detalle img {
		height: auto;
		width: auto;
		border: 0;
	}


/*TIENDAS*/

.unmoduloun {
			width: 484px;
			float: left;
			margin-right: 10px;
			background-color: white;
			height: 123px;
			color:#666666;
			font-size: 11px;
			text-align: justify;
		}
	.buscatutienda2 {
				background-color: #008BCB;
				height: 123px;
				width: 484px;
				background-image: url(img/buscador-tiendas-marypaz.png);
				background-repeat: no-repeat;
				background-position: bottom right;
				float:left;
			}
				.buscatutienda2 h1 {
					width: 464px;
					background-color: #337fa3;
					font-size: 12px;
					color: white;
					padding-left: 20px;
					padding-top: 7px;
					padding-bottom: 7px;
					text-transform: uppercase;
					margin-bottom: 2px;
					margin-top: 0px;
				}
				.buscadores2 {
					width: 300px;
					margin-left: 20px;
					display: block;
					text-align: left;
					font-size: 12px;
					color: white;
					font-weight: bold;
					padding-top: 10px;
				}
					.buscadores2 select {
						border: 1px solid #cccccc;
						margin-top: 3px;
						margin-bottom: 10px;
						margin-right: 10px;
						color: #666666;
						width: 130px;
						height: 20px;
						margin-bottom: 20px;
						margin-top: 5px;
					}
.tiendas {
	float: left;
	width: 410px;
	background-color: white;
	height: 480px;
}
	.tiendas h1 {
		width: auto;
		background-color: #337fa3;
		font-size: 17px;
		color: white;
		padding-left: 20px;
		padding-top: 7px;
		padding-bottom: 7px;
		text-transform: uppercase;
		margin-bottom: 2px;
		margin-top: 0px;
		text-align: left;
	}
	.tiendas span {
		float: left;
		width: 190px;
		margin-right: 10px;
		text-align: left;
		display: inline;
		font-size: 11px;
		font-weight: bold;
	}
	.tiendas p {
		margin-bottom: 30px;
	}
	.tiendas a {
		text-decoration: none;
		color: #337fa3;
	}
	.tiendas a:hover {
		text-decoration: none;
		color: #cccccc;
	}


/*CONTACTO*/

#principal-sec {
	height: 480px;
	background-color: #e7e8e8;
	width: 904px;
	/*margin-top: 5px;*/
	/*background-color: white;*/
	padding-top: 5px;
}
.principal-izq {
    width: 400px;
    height: 480px;
    float:left;
    background-color: white;
}
.principal-izq img {
    margin-left:-61px;
    background-color: white;
}
.principal-der {
    width: 504px;
    float: left;
    height: 480px;
    font-size:12px;
    color:#666666;
    text-align:justify;
    background-color: white;
}
.principal-der p {
    width: 400px;
    margin-left: 50px;
    margin-top: 50px;
}
.principal-der a {
    text-decoration: none;
    color:#337fa3;
}
.principal-der a:hover {
    text-decoration: none;
    color: #cccccc;
}

/*UNETE!*/

.curriculum {
	width: 360px;
	margin-left: 50px;
	margin-top: 20px;
	border-top: 1px #cccccc dotted;
	border-left: 1px #cccccc dotted;
	border-right: 1px #cccccc dotted;
	padding: 20px;
	text-align: left;
	height: 325px;
}
#columna1 {
	width: 340px;
	float: left;
	margin-left: 0px;
	height: 180px;
}
.textarea {
	border: 1px solid #cccccc;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #666666;
}
.seccion-cv {
	background-color: #e7e8e8;
	height: auto;
	float: left;
	padding: 10px;
	width: 308px;
	margin-top: 20px;
}
	.seccion-cv h1 {
		color:white;
		text-align: right;
		font-size: 18px;
		font-weight: bold;

	}
	.seccion-cv h2 {
		color:#666666;
		text-align: left;
		font-size: 14px;
		font-weight: bold;

	}
	.sección-cv span {
		padding: 10px;
		border: 1px dotted #666666;
	}

/*TENDENCIAS*/

.tendencias {
	height: 113px;
	width: 403px;
	margin-left: 10px;
	font-size: 11px;
	background-color: white;
}
.tendencias img {
	margin: 0px;
	padding: 0px;
}
.tendencias h3 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-top: 20px;
	color: #008bcb;
}
.cv {

}
.cv h1 {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 16px;
	width: 340px;
}
.cv p {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:340px;
	text-align: justify;
}
