/**
* Document   : configure
* Created on : 02-Dec-2009, 17:50:32
* Author     : Peter Howells
* Description: Mylo configure styles
*/

/** {
	margin: 0;
	padding: 0;
}*/

/*body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #3a3a3b; 
	background-color:#ebe6d9; 
}*/

#Mylo {
	background:#ccc url(../images_pt/builder/background.jpg) left top no-repeat;
	height:750px;
	position:relative;
	width:992px
}
#Mylo h1 {
	background:url(../images_pt/builder/heading.png) left top no-repeat;
	height:90px;
	margin-left:20px;
	overflow:hidden;
	text-indent:533px;
	white-space:nowrap;
	width:533px
}
#Mylo p.intro {
	background:url(../images_pt/builder/intro.png) left top no-repeat;
	height:49px;
	margin:0 0 0 20px;
	overflow:hidden;
	text-indent:593px;
	white-space:nowrap;
	width:593px
}

#MyloBuilder {
	position:absolute;
	top:179px;
	width:992px
}
#MyloBuilder div.image {
	height:175px;
	margin:0 auto;
	width:170px
}
#MyloBuilder div.image p {
	height:175px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:170px;
	white-space:nowrap;
	width:170px
}
#MyloBuilder fieldset.section {
	border:0;
	height:360px;
	overflow:hidden;
	padding-bottom:20px;
	position:absolute;
	text-align:center;
	top:18px;
	white-space:normal;
	width:188px
}
#MyloBuilder fieldset legend {
	display:none
}
#MyloBuilder #Section1 {
	left:7px
}
#MyloBuilder #Section1 div.image {
	padding-top:10px;
}
#MyloBuilder #Section1 p {
	background:url(../images_pt/builder/box1land.png) left top no-repeat
}
#MyloBuilder #Section2 {
	left:225px
}
#MyloBuilder #Section2 div.image {
	padding-top:20px;
}
#MyloBuilder #Section2 p {
	background:url(../images_pt/builder/box2land.png) left top no-repeat
}
#MyloBuilder #Section3 {
	left:442px;
	top:18px
}
#MyloBuilder #Section3 div.image {
	padding-top:16px;
}
#MyloBuilder #Section3 p {
	background:url(../images_pt/builder/box3land.png) left top no-repeat
}
#MyloBuilder #Summary {
	background:url(../images_pt/builder/box4land.png) left top no-repeat;
	height:317px;
	position:absolute;
	right:24px;
	top:38px;
	width:312px;
	zoom:1
}
#MyloBuilder #Summary p {
	font-size:200%;
	font-weight:bold;
	height:1%;
	margin:0;
	padding:0;
	position:absolute;
	right:46px;
	text-align:center;
	top:342px;
	width:100px
}
#MyloBuilder ul {
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:266px
}
#MyloBuilder ul li {
	float:left;
	margin:4px 4px 0 0
}
#MyloBuilder ul li a.selectedOption {
	background-position:left top !important
}
#MyloBuilder ul li a.option {
	display:block;
	height:43px;
	outline:none;
	overflow:hidden;
	text-indent:43px;
	white-space:nowrap;
	width:43px
}
#MyloBuilder ul li a.option:hover {
	background-position:left top !important
}

/* box 1 */
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48788 {
	background:url(../images_pt/builder/pallette/48788.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48792 {
	background:url(../images_pt/builder/pallette/48792.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48789 {
	background:url(../images_pt/builder/pallette/48789.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48790 {
	background:url(../images_pt/builder/pallette/48790.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48791 {
	background:url(../images_pt/builder/pallette/48791.png) left bottom no-repeat
}

/* box 2 */
#MyloBuilder ul li a.option48795 {
	background:url(../images_pt/builder/pallette/48795.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48794 {
	background:url(../images_pt/builder/pallette/48794.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48798 {
	background:url(../images_pt/builder/pallette/48798.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48793 {
	background:url(../images_pt/builder/pallette/48793.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48799 {
	background:url(../images_pt/builder/pallette/48799.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48796 {
	background:url(../images_pt/builder/pallette/48796.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48797 {
	background:url(../images_pt/builder/pallette/48797.png) left bottom no-repeat
}

/* box 3 */
#MyloBuilder ul li a.option48786 {
	background:url(../images_pt/builder/pallette/48786.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48781 {
	background:url(../images_pt/builder/pallette/48781.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48787 {
	background:url(../images_pt/builder/pallette/48787.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48782 {
	background:url(../images_pt/builder/pallette/48782.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48784 {
	background:url(../images_pt/builder/pallette/48784.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48785 {
	background:url(../images_pt/builder/pallette/48785.png) left bottom no-repeat
}
#MyloBuilder ul li a.option48783 {
	background:url(../images_pt/builder/pallette/48783.png) left bottom no-repeat
}

#MyloBuilderToolbar {
	position:absolute;
	right:0;
	text-align:right;
	top:440px
}
#MyloBuilderToolbar button#btnBuy {
	background:url(../images_pt/builder/btnbuy.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:117px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:122px
}
#MyloBuilderToolbar button#btnBuy:hover {
	background-position:0 0
}
#MyloBuilderToolbar button#btnBuy.disabled {
	background-position:1px -236px;
	cursor:auto
}

#MyloBuilderToolbar button#btnBack {
	background:url(../images_pt/builder/btnback.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:117px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:122px
}
#MyloBuilderToolbar button#btnBack:hover {
	background-position:0 -1px
}
#MyloBuilderToolbar button#btnBack.disabled {
	background-position:1px -236px;
	cursor:auto
}

#MyloProgress {
	display:none
}

#MyloBuilderToolbar button#btnHelp {
	background:url(../images_pt/builder/btnhelp.png) left -117px no-repeat;
	border:0;
	cursor:pointer;
	height:118px;
	overflow:hidden;
	text-indent:122px;
	white-space:nowrap;
	width:117px
}
#MyloBuilderToolbar button#btnHelp:hover {
	background-position:left 0
}

#MyloBuilderToolbar button#btnReset {
	background:url(../images_pt/builder/btnreset.png) left -48px no-repeat;
	border:0;
	cursor:pointer;
	height:49px;
	outline:none;
	overflow:hidden;
	position:absolute;
	right:16px;
	text-indent:52px;
	top:-72px;
	white-space:nowrap;
	width:52px
}
#MyloBuilderToolbar button#btnReset:hover {
	background-position:left top
}



/*CSS para el carrito flotante*/

#carrito-compra{
	position:absolute;
	width:343px;
	top:10px;
	left:638px;
	background-image:url("../images_pt/builder/fondo-carrito-compra.gif");
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	z-index:1;
}
#carrito-compra #carrito-compra-resumen{
	height:98px;
	padding:0;
}
#carrito-compra #carrito-compra-resumen .productos{
	padding:40px 0 0 50px;
	font-size:1.2em;
}
#carrito-compra #carrito-compra-resumen .productos .numero{
	font-size:1.4em;
}
#carrito-compra #carrito-compra-resumen .precio{
	padding:0 0 0 50px;
	font-size:2.1em;
	color:#C3B31D;
}
#carrito-compra #carrito-compra-desglose{
	display:none;
	background-color:#BFBBB0;
	color:#595854;
	margin-top:-2px;
	border:2px solid #C3B31D;
	padding:15px 40px;
}
#carrito-compra #carrito-compra-desglose table{
	width:255px;
}
#carrito-compra #carrito-compra-desglose table thead{
	display:none;
}
#carrito-compra #carrito-compra-desglose table tbody td{
	vertical-align:top;
}
#carrito-compra #carrito-compra-desglose table tbody td.compra-descripcion{
	color:#595854;
}
#carrito-compra #carrito-compra-desglose table tbody td.compra-precio{
	text-align:right;
	font-weight:bold;
	font-size:1.2em;
	color:#595854;
}
.pngfix{
	behavior: url(../../css/iepngfix.htc);	/* relative to the document url, not the stylesheet */
}