@charset "utf-8";
html,

body {
	background-repeat:repeat;
	background-color: #ffffff;
	margin:0;	/*background-image: url(imagenes/fondo_stars.png);*/
	}



#container {
	min-height:400px;
	position:relative;
	height:auto !important;
	/*height:100%;*/
}


#main{
	min-height:500px;
	padding-bottom:0px;   /* Height of the footer */
	width:1000px;
	clear:both;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:0px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	background-color: #FFFFFF;	/*background-color: #DDB0C4;*/
}




#container #main {

}





.window {
	height:468px;
	width: 334px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	background-color: #FFFFFF;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
/*	position: absolute;*/
	bottom: -15px; left: 32px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 10px 0x 10px 0;
/*	background-image:url(imagenes/cr.png);*/
	margin:2px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
/* 	background-image:url(imagenes/cr.on.png); */
	padding: 10px 0x 10px 0;
}
.paging a:hover {font-weight: bold;}


#imagesGALE {
	font-family: Arial, Verdana;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-decoration: none;
	border: 3px solid #FFFFFF;
	}
A.imagesGALE:hover {
	font-family: Arial, Verdana;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
	font-variant: normal;
	text-decoration: none;
}
A.imagesGALE:link {
	font-family: Arial, Verdana;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: normal;
	text-decoration: none;
}

img.double-border {
	border: 1px solid #4D515A;
/*padding: 3px; /*Inner border size*/
/*background: #EDEDEE; /*Inner border color*/
}
#img.double-border {
border: 3px solid #ffffff;
padding: 3px; /*Inner border size*/
background: #B88C89; /*Inner border color*/
}

.textosPIN {
	COLOR: #CCCCCC;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}

.textosTOP {
	COLOR: #999999;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
A.textosTOP:hover {
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
	.textosTOPBOLD {
	COLOR: #333333;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
A.textosTOPBOLD:hover {
	COLOR: #999999;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
.textosTIT {
	COLOR: #333333;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
A.textosTIT:hover {
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
.textosCONT {
	COLOR: #999999;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
A.textosCONT:hover {
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
	text-decoration: none;
	}
.textosSUBTNEGRO {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #9D5E80;
	font-variant: normal;
	text-decoration: none;
}
A.textosSUBTNEGRO:hover {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	font-variant: normal;
	text-decoration: none;
}
.formuchico {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	font-variant: normal;
	text-decoration: none;
	height: 25px;
	width: 400px;
	border: 1px solid #656565;
	background-color: #FFFFFF;
}
.formugrande {
	font-family: Arial, Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-variant: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 200px;
	width: 400px;
	border: 1px solid #656565;
}
.mb_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#DD187C;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
	padding-top: 5px;
	/*text-transform:uppercase;*/
	z-index:4;
}
.josefine {
	COLOR: #656565;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 15px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 2px;
}
.josefineitalic {
	COLOR: #656565;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 11px;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	letter-spacing: 1px;
	font-style: italic;
}
A.josefineitalic :hover {
	COLOR: #000000;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 11px;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	letter-spacing: 1px;
	font-style: italic;
}
.josefinechica {
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 12px;
	font-weight: normal;
	letter-spacing: 2px;
}
A.josefinechica:hover {
	COLOR: #999999;
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	FONT-SIZE: 12px;
	font-weight: normal;
	letter-spacing: 2px;
}
A.josefinepeq:hover {
	COLOR: #333333;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 10px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 1px;;
}
.josefineclaro {
	COLOR: #656565;
	FONT-FAMILY: Georgia,serif;
	FONT-SIZE: 14px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 5px;
}

A.josefineclaro:hover {
	COLOR: #000000;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 14px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #999999;
	letter-spacing: 5px;
}
.c-amarillo{
	background-color:#999999;
	height: 30px;
	padding: 3px;
}
.josefinechicablanco {
	COLOR: #ffffff;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 2px;
	text-decoration: none;
}
A.josefinechicablanco:hover {
	COLOR: #cccccc;
	FONT-FAMILY: Georgia, serif;
	FONT-SIZE: 11px;
	font-weight: normal;
	letter-spacing: 2px;
    border-bottom: 1px solid #ffffff;
}
.boxi {
	FONT-FAMILY: Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #F4F3F2;
	height: 25px;
	width: 400px;
	border: 1px solid #827364;
}
.boxmsje {
	FONT-FAMILY: Georgia, serif;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	background-color: #FFFFFF;
	height: 80px;
	width: 400px;
	border: 1px solid #827364;
}
.btenviar {
	FONT-FAMILY: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #F4F3EA;
	background-color: #656565;
	height: 25px;
	width: 120px;
	border: 1px solid #656565;
}
p {
	line-height: 10px;
}

ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 10px;
}

ul.menu a {
	display: block;
	text-decoration: none;
}

ul.menu li {
	margin-top: 1px;
}

ul.menu li a, ul.menu ul.menu li a {
	background: #FFFFFF;
	color: #333333;
	padding: 0.5em;
}

ul.menu li a:hover, ul.menu ul.menu li a:hover {
	background: #FFFFFF;
}

ul.menu li ul li a, ul.menu ul.menu li ul li a {
	color: #CCCCCC;
	padding-left: 20px;
	background-color: #FFFFFF;
}

ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
	border-left: 5px solid #333333;
	padding-left: 20px;
	background-color: #FFFFFF;
}
ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}
ul.menu ul.menu {
	border-left: 5px solid #FFFFFF;
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
	text-decoration: underline;
}
div.panel {
	border: 1px solid #FFFFFF;
	padding: 5px;
	margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
	display :inline;
	color: #333333;
	margin: 0;
	padding: 0;
	border: none;
	font-weight: bold;
}
ul.menu div.panel a:hover {
	color: #FF9933;
	text-decoration: underline;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li {
	border: 1px solid #ccc;
	margin: 0 0 2px 2.2em;
	background-color: #CCCCCC;
}
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }