body {
	margin: 0px;
	background-color: #778483;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pagina {
	margin: 10px auto 10px auto;
	width: 750px;
}

/*---<menu>---*/

#menu {
	background: transparent url(../img/menu.gif) 0 0 no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	width: 750px;
	height: 40px;
}

#opciones {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#opciones li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#opciones a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:40px; /* for IE5/Win Only */
}

#opciones a:hover {
	background-position: 0 -40px;
}

#opciones a:active, #opciones a.selected {
	background-position: 0 -40px;
}

#opcion-inicio a {
	width: 69px;
	background: url(../img/op-inicio.gif) 0 0 no-repeat;
}

#opcion-articulos a {
	width: 98px;
	background: url(../img/op-articulos.gif) 0 0 no-repeat;
}

#opcion-jlois a {
	width: 67px;
	background: url(../img/op-jlois.gif) 0 0 no-repeat;
}

#opcion-colecciones a {
	width: 122px;
	background: url(../img/op-colecciones.gif) 0 0 no-repeat;
}

#opcion-ubicaciones a {
	width: 124px;
	background: url(../img/op-ubicaciones.gif) 0 0 no-repeat;
}

#opcion-contactanos a {
	width: 126px;
	background: url(../img/op-contactanos.gif) 0 0 no-repeat;
}

/*---<contenido>---*/

#contenido {
	background: #fff url(../img/contenido-bg.gif) right bottom no-repeat;
	min-height: 360px;
	margin: 0 0 10px 0;
	font-size: 10pt;
}

/*---<introduccion>---*/

#introduccion {
	background: #fff url(../img/contenido-bg.gif) right bottom no-repeat;
	height: 400px;
	margin: 0 0 10px 0;
}

/*---<galeria>---*/

#galeria {
	background: #fff url(../img/contenido-bg.gif) right bottom no-repeat;
	min-height: 400px;
	margin: 0 0 10px 0;
	font-size: 10pt;
}

#galeria-logo {
	float: left;
	width: 375px;
}

#galeria-logo h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 44px 0 10px 10px;
	color: #64B7D6;	
}

#galeria-logo img {
	margin: 25px 0 10px 20px;
}

#cynderella-logo {
	float: left;
	width: 375px;
}

#cynderella-logo img {
	margin: 10px 0 10px 80px;
}

#galeria-instruccion {
	border-top: 1px dotted #ccc;
	clear: both;	
}

#galeria-instruccion p {
	margin: 10px;
	color: #444;
}

#galeria-instruccion a:link, #galeria-instruccion a:visited {
	color: #C43E4B;
	text-decoration: none;
}

#galeria-instruccion a:hover, #galeria-instruccion a:active {
	color: #64B7D6;
	text-decoration: underline;
}

#galeria-vestidos {
	margin: auto;
	text-align: center;
}

#galeria-vestidos img {
	border: 1px solid #778483;
	background-color: #fff;
	padding: 2px;
	margin: 0px 5px 10px 5px;
}

#colecciones {
	margin: auto;
	text-align: center;
}

#colecciones img {
	border: 0;
	margin: 10px;
}

.articulo {
	border-top: 1px dotted #FBCDCC;
	padding-bottom: 10px;
}

.articulo h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 10px 10px 10px 10px;
	color: #C43E4B;	
}

.articulo img {
	float: left;
	margin: 10px 10px 0 10px;
}

.articulo p {
	margin: 0 10px 10px 10px;
	line-height: 17px;
	color: #444;
}

p.fecha {
	color: #778483;
}

.articulo a:link, .articulo a:visited {
	color: #C43E4B;
	text-decoration: none;
}

.articulo a:hover, .articulo a:active {
	color: #64B7D6;
	text-decoration: underline;
}

#regresar p {
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

#regresar a:link, #regresar a:visited {
	color: #C43E4B;
	text-decoration: none;
}

#regresar a:hover, #regresar a:active {
	color: #64B7D6;
	text-decoration: underline;
}

/*---<googlemap />---*/

#googlemap {
	border-top: 1px dotted #ccc;
	clear: both;	
}


/*---<introduccion>---*/

#contacto {
	background: #fff url(../img/contenido-bg.gif) right bottom no-repeat;
	height: 400px;
	margin: 0 0 10px 0;
	font-size: 10pt;
}

#datos {
	float: left;
	width: 375px;
}

#datos img {
	margin: 10px 0 0px 20px;
}

#datos h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 10px 0 10px 10px;
	color: #64B7D6;	
}

#datos dt {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
	color: #778483;
}

#datos dd {
	margin: 0 0 0 20px;
	padding: 1px 0 1px 0;
}

#forma {
	float: left;
	width: 375px;
}

#forma h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 10px 0 10px 0;
	color: #64B7D6;	
}

p.instrucciones {
	margin: 0;
	line-height: 17px;
	padding: 0 10px 10px 0;
	color: #333;
}

#forma form {
	margin: 0;
}

#forma fieldset {
	border: 1px solid #73CCDA;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 0;
}

#forma p {
	margin: 0;
	padding-bottom: 10px;
}

#ipersonal label {
	float: left;
	width: 100px;
	padding-top: 3px;
	padding-right: 10px; 
	color: #778483;
	text-align: right;
}

.inputbg {
	background-color: #FAFAF0;
	border: 1px solid #73ccda;
	padding: 3px;
	width: 200px;
}

label.qlabel {
	float: left;
	width: 100px;
	padding-top: 35px;
	padding-right: 10px; 
	color: #778483;
	text-align: right;
}

#comments textarea {
	background-color: #FAFAF0;
	border: 1px solid #73ccda;
	padding: 3px;
	width: 200px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
}

input#send {
	background-color: #73ccda;
	border: 1px solid #64B7D6;
	font-weight: bold;
	padding: 3px;
	margin: 0;
	color: #fff;
}

/*---<caja uno y dos>---*/

.cajauno h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 10px 10px 10px 104px;
}

.cajauno p {
	margin: 0 10px 5px 104px;
	line-height: 17px;
	color: #333;
}

.cajauno {
	float: left;
	width: 370px;
	height: 130px;
	margin: 0 10px 10px 0;
	background: #FBCDCC url(../img/jlois-chica.gif) 10px 10px no-repeat;
	font-size: 10pt;
}

.cajauno a:link, .cajauno a:visited, .cajados a:link, .cajados a:visited {
	color: #C43E4B;
	text-decoration: none;
}

.cajauno a:hover, .cajauno a:active, .cajados a:hover, .cajados a:active {
	/*color: #216982;*/
	color: #64B7D6;
	text-decoration: underline;
}

.cajados {
	float: left;
	width: 370px;
	height: 130px;
	margin: 0;
	background: #FBCDCC url(../img/cajados-bg.gif) top right no-repeat;
	font-size: 10pt;
}

.cajados h3 {
	font-size: 12pt;
	font-weight: normal;
	margin: 10px;
}

.cajados p {
	margin: 0 10px 5px 10px;
	line-height: 17px;
	color: #333;
}

.cajados img {
	float: left;
	margin: 20px 10px 10px 10px;
}

.clean {
clear: both;
}

/*---<pie>---*/

#pie {
	clear: both;
	background: transparent url(../img/pie-bg.gif) 0 0 no-repeat;
	color: #fff;
	height: 40px;
}

#pie p {
	font-size: 10pt;
	text-align: center;
	padding-top: 10px;
}
