@charset "utf-8";
/* CSS Document */



body {	
	background: #fff;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	color:#000;
	text-align:left !important;

}

/*
----------------------------------------------------------------------------------------------- */
body, p, blockquote,  em, u, ol, input, textarea {
	font-family: "Arial", sans-serif;
	font-size:11px;
	line-height:14px;
	color:#58595B;
	
}


a { outline: none; text-decoration:none; }
a:link, a:visited, a:active { color: #003399;text-decoration:none;  }
a:hover {text-decoration:underline;}

div, img {margin: 0 0; padding: 0 0; border:0 }
a img {cursor:pointer}

ol { 
	margin: 0 0 20px 30px;
	padding:0 0 0 0;
	 line-height:16px;
}
ol li { list-style: square outside;}
ol li a.ooo { color:#58595B;}
/**/
/*--------------*/

input, textarea, select {
	color:#000;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Arial", sans-serif;
	font-size:11px;
}

textarea{overflow-y:auto;}


/**/

/*-------------------------------------------------------*/

#mother {
width:970px;
margin:0 auto 0 auto;
border:0px solid #eee;
padding:0 0 0 0;
height:auto;
}

#header{
background:#fff url(../img/header_mupiti.png) no-repeat center left;
width:100%;
height:80px;
border-bottom:0px solid #ccc;
}


#content{
min-height:450px;
_height:450px; 
width:100%
}

#footer{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
height:20px;
width:100%;
float:left;
text-align:right;
color:#666;
padding:2px 0 2px 0;
margin:10px auto 2px auto
}
	
	



div.menuTopSmall{width:200px; float:right;text-align:right; margin:37px 10px 0 0 }

div#menu{background:#e2e2e2 url(../img/menu.png) repeat-x top left;width:100%;margin:5px auto 10px auto;border:0px solid red;height:28px}

#menuCentral{background:#fff url(../img/menuCentral.png) no-repeat 0 0;width:100%;height:182px;padding:0px 0 0 0px}
div.shortcuts{width:99%;height:33px; background:#f6f6f6;margin:15px 0 0 2px }
div.shortcuts img{margin: 0 40px 5px 40px;_margin: 0 40px 0px 40px;cursor:pointer;}
div.elementContainer{background:none; width:95%; height:24px; padding:15px 0 0 15px;height:100px;border:0px solid red}

div#insideHeader{width:100%; margin:5px auto 5px auto;height:95px;padding:0 0 0 0}
div#insideHeader img{float:right;}
div.quickLinks{width:210px; height:95px; background:url(../img/quickLinks.png) no-repeat 0 0;float:left;padding:10px 0 0 10px}
div.quickLinks h3{color:#000; width:90%;font:bold 11px Arial; margin:4px 0 2px 5px;padding:1px 0 3px 0;border-bottom:1px solid #ccc}
div.quickLinks ol{width:90px; margin:4px 2px 0 6px;border:0px solid red;float:left;}
div.quickLinks ol li{list-style:none}
div.quickLinks a, div.quickLinks a:link, div.quickLinks a:visited{color:#333333; text-decoration:none; border-left:1px solid #878787;padding:1px 0 1px 10px}
div.quickLinks a:hover{color:#1b217f; text-decoration:none; border-left:1px solid #1b217f;}



#comparador{width:100%; margin:20px auto 5px auto;min-height:450px;
_height:450px; }

.columnLeft{width:211px;float:left;margin:0 10px 0 0;}
	.producto{width:100%; border-bottom:1px solid #ccc;}
	.producto h1{background:#000000; color:#ffffff; font:bold 13px Arial;padding:3px 0 3px 2px;margin:0 0 4px 0}
	.producto table{border-collapse:collapse;margin:20px 0 20px 3px;}
	.producto th{font:normal 11px Arial;padding:2px 0 2px 3px}
	.producto td{color:#333; font:bold 12px Arial;padding:2px 0 2px 10px}

	.comment{width:211px;margin:20px 0 0 0;height:111px; background:url(../img/comment.png) no-repeat 0 0;font-family: Verdana,Arial,Helvetica,sans-serif;}
	/*.comment p.lema {padding:10px 0 4px 26px;color:#333;font-weight:normal; font-size:140%;font-family: Verdana,Arial,Helvetica,sans-serif;}
	.comment p {padding-left:26px;margin:5px 0 5px 0;color:#333; font:normal 11px Arial}*/

.columnRight{width:729px; float:right;padding:0 0 0 10px;border-left:0px solid #eee;margin:0 0 0 10px;}

	.caja{border-bottom:1px solid #ccc;width:100%}
	.caja h2{background:#1b217f;color:#ffffff; font:bold 13px Arial;padding:3px 0 3px 2px;}/*background:#0095d0;*/
	.caja h2.cuenta{background:#000;color:#ffffff; font:bold 13px Arial;padding: 3px 0px 3px 5px;border-left:2px solid #1b217f}/*background:#0095d0;*/
	.caja table{width:99%; border-collapse:collapse; font:normal 11px Arial;margin:10px 0 10px 0}
	.caja table td{padding: 4px 5px 3px 1px;color:#000;font-weight:bold;text-align:left; border-bottom:1px solid #eee}
	.caja table td.ques{padding: 4px 1px 3px 3px;color:#333;font-weight:normal;text-align:left;border-bottom:1px solid #eee;}
	.caja table td.quesSingle{padding: 4px 1px 3px 3px;color:#333;font-weight:normal;text-align:left;border-bottom:1px solid #eee;width:25%}
	.caja table th{padding: 4px 1px 3px 3px;color:#333;font-weight:bold;background:#fafafa;text-align:left;border-bottom:1px solid #eee}
	.caja input{border:1px solid #6389ba}
	
	
	#title h1{color: #000;font:bold 17px sans-serif;margin-top:5px}
	.selgar{border-bottom:1px solid #ccc;width:100%;padding-bottom:40px}
	.selgar table{width:99%; border-collapse:collapse; font:normal 11px Arial;margin:10px 0 10px 0}
	.selgar table th{padding: 5px 1px 5px 3px;color:#000;font-weight:bold;background:#f2f2f2;text-align:center;border-bottom:2px solid #1b217f;border-top:1px solid #000;border-left:1px solid white;border-right:1px solid white;}
	.selgar table td{padding: 5px 5px 5px 1px;color:#000;text-align:center; border:1px solid #eee;border-bottom:1px solid black}
	.selgar table td.left{padding: 5px 1px 5px 3px;color:#333;text-align:center;background:#fafafa;font-weight:bold;border:1px solid #eee;border-bottom:1px solid #ccc}
	.selgar a{color:#1b217f}
	


	#auto h1{color: #000;font:bold 17px sans-serif;margin-top:10px}
	
	
input.buttonApps{
background:#ababab url(../img/buttonApps_mupiti.png) repeat-x bottom left;
color:white;
font-weight:bold;
cursor:pointer;
height:22px;
padding:1px 5px 1px 5px;
}


input.check{border:none;}
.left{float:left}
.right{float:right}

#botonera{
width:80%;
margin: 10px auto 10px auto;
}

span.colored{color:#1b217f}

/******* accordion ******/
#accordion {
	margin:20px 0px;
}
#accordionHogar {
	margin:20px 0px;
}

h3.toggler, h3.togglerHogar {
	cursor: pointer;
	font:bold 13px Arial;
	background: #666;
	border-left: 2px solid #000000;
	border-left-color:#000000;
	color: #fff;
	margin: 0 0 4px 0;
	padding: 3px 0px 3px 5px;
}

div.element p, div.element h4, div.elementHogar p, div.elementHogar h4 {
	margin:0px;
	padding:4px;
}


div#myElement, div#myElement2, div#myElement3, div#myElement4 , div#myElement5{
	width: auto;
	height: 20px;
	border-right: 1px solid #ccc;
	background-color: #e2e2e2;
	background-image:url(../img/menu.png);
	background-repeat:repeat-x;
	background-position:top left;
	float: left;
	cursor: pointer;
	color:#333;
	font:bold 11px Arial;
	text-align:center;
	padding:4px 20px 4px 20px;
}
div.hiddenList{margin-top:10px;background:white;background:#fafafa}

table.precios{width:95%;margin: 30px auto 30px 0px;background:#fafafa;border-collapse:collapse;border:none; color:#333;padding:0 0 0 0;}
table.precios th{padding:3px 3px; background:#000;font-weight:bold; color: #fff; border-bottom:1px solid #fff;text-align:center}
table.precios td{padding:4px 3px; border-bottom:1px solid #ddd; text-align:center;margin:0 0 0 0;}

/* GARANTIAS */
body#garantias {margin:10px 10px;}

body#garantias .titblocprin {
	display:block;
	clear:both;
	width:auto;
	margin:0 0 1px 0;
	padding:10px 10px 10px 20px;
	color:#FFF;
	background:#666;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}

body#garantias .titbloc {
	display:block;
	margin:0 0 1px 0;
	padding:10px 10px 8px 20px;
	color:#FFF;
	background:#1b217f;
	font-weight:bold;
	text-align:left;
	}
	
body#garantias .bloc {
	display:block;
	margin:0 0;
	padding:5px 0 0 0;
	border-top:1px solid #90BBE0;
	}

body#garantias ul {
	margin:0 0;
	padding:0 0;
	list-style: none;
	list-style-position: inside;
	}
	
body#garantias ul li {
	margin:0 0;
	padding:0 0 0 20px;
	*padding:0 0 0 5px; /*IE6-IE7*/
	line-height:250%;
	border-bottom:1px solid #E2E8F1;
}