/*   ---- Estilo Menú ---- */ 
@import url("menu.css");

/*   ---- Estilo MY BOOK MX ----  */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}



/* CSS Menu Document */

/*MAIN MENU*/

body{ 
background:url("../images/bgNew2.gif") repeat-x scroll center top #00547C;
font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
font-size:11px;
color:#333333;
line-height:18px;
}

ul {
	list-style: none;
}
body,td,th {
	color:#57c3d5;
	border:none;
}
a:link {
	border:none;
	text-decoration:none;
	color:#3399CC;
	
}
a:visited {
	text-decoration: none;
	color:#3399CC;
}

#main_content{
	width:959px;
	margin:0 auto;
}

img{
	border:none;
}
/*------header---------*/

#header {
width: 959px;
height: 130px;
}
#header h1 {
	width: 322px;
	height: 38px;
	background: url(../images/mybookmx_logo.gif) no-repeat;
	float: left;
	margin: 50px 0 0 50px;
}
#header h1 a {
width: 322px;
height: 38px;
float: left;
text-indent: -9999px;
}
/*------SUBMENU TOPr---------*/
#submenu_top{
	padding-right:36px;
	float:right;
	height:33px;
}

ul#nav-top {
padding:0 18px;
color:#FFF;
	
}
ul#nav-top li {
display:block;
float:left;
font-size:12px;
height:33px;
padding:0 10px;
width:auto;

}
ul#nav-top li.icon{

display:block;
float:left;
font-size:12px;
height:33px;
padding:0 8px;
width:auto;
}
ul#nav-top li a{
	padding: 7px 3px;
	height: 17px;
	float: left;
	color: #FFF;
	text-decoration:none;
	width:auto;
}

ul#nav-top li:hover, ul#nav-top li a:hover {
background:transparent url(../images/topBanner-over.gif) repeat-x scroll center top;

}

#submenu_top .topRight{
	background:url(../images/topBanner-bg.gif) no-repeat center;
	width:300px;
	height:33px;
	float:right;

}




/*------Center Banner---------*/

#center_banner{
	width:959px;
	height:auto;
	
}
#center_banner_flash{
	width:959px;
	height:auto;
	background-image:url(../images/flashBG.jpg);
	
}
#introSWF{
	z-index:-999;

}
#center_banner_content{
width:400px;
float:left;
padding:55px 0 0 20px;
}

#learn_more a{
padding:6px;
margin:0 0 0 80px;
text-decoration:none;
color:#000000;
font-size:12px;
border:1px  #CCCCCC solid;
}
#learn_more a:hover{
padding:6px;
margin:0 0 0 80px;
color: #666666;
border:1px  #999999 solid;
}
#page_content{
width:959px;
height:auto;
background-color:#FFFFFF;
}

/*------Novedades Div-----*/

#contenido {
	min-height:180px;
	height: auto !important;
	background: #FFF;
	/*padding-top:15px;*/
}

#novedades{
	width: 959px;
	min-height:180px;
	height: auto !important;
	font-size: 12px;
	color: #666;
	background: #FFF;
}
#novedades .divisor{
	display: block;
	float: left;
	width: 16px;
	background:url(../images/div_mod.gif) no-repeat;
	height: 180px;
}

#novedades .mod1{
	background:#FFFFFF;
	padding:20px 30px 0 30px;
	width: 150px;
	display: block;
	float: left;
	
}

#novedades .mod2{
	background:#FFFFFF;
	display: block;
	float: left;
	background:url(../images/mexico_delivery.jpg) no-repeat;
	padding: 20px 30px 0 225px;
	width: 150px;
	border-right-style:

}
#novedades .mod3{
	background:url("../images/tus-momentos.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	float:left;
	height:150px;
	width:260px;

	
}

#novedades .cuarto{
	float: left;
	padding: 13px;
	width: 200px;
	background:#FFFFFF;
}
#novedades .lateralCuarto{
	float: left;
	margin: 0 0 0 220px;
	padding: 13px;
	width: 230px;
	background:#FFFFFF;
}
#novedades .doble{
	float: left;
	padding: 15px;
	width: 441px;
	background:#FFFFFF;
}
#novedades .detalles{
	display: block;
	clear:both;
	width: 910px;
	background:#FFFFFF;
	overflow: hidden;
}
#novedades .ver{
	display: block;
	float: left;
	padding: 13px;
	width: 213px;
	background:#FFFFFF;
	height: 50px;
}
#novedades .verGde{
	display: block;
	float: left;
	padding: 13px;
	width: 216px;
	background:#FFFFFF;
	height: 50px;
}

#novedades .desinstala{
	display: block;
	margin: 0 auto;
	width: 173px;
	background:url(../images/desinstala.gif) no-repeat 0 0;
	height: 78px;
}
#novedades .desinstala a{
	text-indent: -9999px;
	display: block;
	height: 78px;
}

#novedades .toggle{
	background-color: #ffcccc;
	clear: both;
	color: black;
}

#novedades .box{
	display: block;
	padding: 10px 45px;
}
#novedades .box .titulo{
	font-size: 18px;
}


#novedades h2{
	font-size:14px;
	color:#3399CC;
	margin: 0 0 10px 0;
	display: block;
	font-weight: normal;
}

.verDetalle{
	font-size:14px;
	color:#3399CC;
	margin: 10px;
	display: block;
	font-weight: normal;
	float: left;
	width: 180px;
}
.links_modulos{
	font-size:10px;
	color:#3399CC;
	border:none;
	text-decoration:none;
}

.desc_modulos{
	display: block;
	font-size:11px;
	color:#858585;
	float: left;
	line-height: 15px;
}
.desc_modulosGde{
	display: block;
	font-size:12px;
	color:#999;
	line-height: 20px;
}


img.pic{
	float:left;
	margin: 0 0 0 10px;
	display: block;
}
img.banner{
	float:left;
	display: block;
}

/*------Descargar Div-----*/
#descargar{
	width: 959px;
	height: 47px;
	background:url(../images/bg_descargar_mybook.gif) repeat-x;
	clear:both;

}
#descargar .icono{
	display: inline;
	float: left;
	height: 47px;
	width: 91px;
	margin:0 0 0 50px;
	background:url(../images/descargar_mybook.gif) no-repeat;
}
#descargar .icono a {
	height: 47px;
	width: 91px;
	float: left;
	text-indent: -9999px;
}
/*------Footer Div-----*/
#footer{
	background:url("../images/footer.gif") no-repeat scroll 0 bottom #009BB3;
	clear:both;
	height:130px;
	width:959px;
}

#footer .inicio{
	display: block;
	float: left;
	width: 10px;
	height: 110px;
	background:url(../images/in_footer.gif) no-repeat;
}
#footer .final{
	display: block;
	float:right;
	width: 10px;
	height: 110px;
	background:url(../images/out_footer.gif) no-repeat;
}

#footer .box{
	display: block;
	float: left;
	width: 208px;
	height: 95px;
	padding:15px 0 0 0;
}
#footer .box2{
	display: block;
	float: left;
	width: 300px;
	height: 95px;
	padding:15px 0 0 0;
}

#footer h3{
	font-size:11px;
	color:#003366;
	margin: 0 0 10px 15px;
	display: block;
	font-weight: bold;
}
ul.listas {
	list-style-type:none;
	float:left;
	display:block;
	width:135px;
	padding:0 0 0 2px;
	font-size:10px;
	color:#FFF;
}
ul.listas2 {
	list-style-type:none;
	float:left;
	display:block;
	width:210px;
	padding:0 0 0 2px;
	font-size:10px;
	color:#FFF;
}
ul.listas3 {
	list-style-type:none;
	float:left;
	display:block;
	width:170px;
	padding:0 0 0 2px;
	font-size:14px;
	color:#3399CC;
}

ul.listas li {
display:inline;

}

a.nav_listas:link, a.nav_listas:visited, a.nav_services:visited {
	display:block;
	padding:1px 0 0 14px;
	margin:2px;
	width:auto;
	height:auto;
	text-align:left;
	line-height:17px;
	text-decoration:none;
	background:url(../images/bullet_li.gif) no-repeat left top;
	color:#dce8f0;

}

a.nav_listas:hover {
	display:block;
	padding:1px 0 0 14px;
	margin:2px;
	width:auto;
	height:auto;
	text-align:left;
	line-height:17px;
	text-decoration:none;
	background:url(../images/bullet_li_over.gif) no-repeat left top;
	color:#FFF;
}
a.ver_listas, a.ver_listas:link, a.nav_services:visited {
	display:block;
	padding:0 0 0 30px;
	margin:2px;
	width:auto;
	height:auto;
	text-align:left;
	line-height:25px;
	text-decoration:none;
	background:url(../images/bullet_liG_over.gif) no-repeat left top;
	color:#3399CC;

}

a.ver_listas:hover {
	display:block;
	padding:0 0 0 30px;
	margin:2px;
	width:auto;
	height:auto;
	text-align:left;
	line-height:25px;
	text-decoration:none;
	background:url(../images/bullet_liG.gif) no-repeat left top;
	color:#006699;
}
#bottom{
	width: 959px;
	height: 60px;
	clear:both;
	padding-top:25px;
}

#bottom .sitemap{
	display: block;
	float: left;
	width: 360px;
	height: 30px;
	padding: 0 0 0 20px;
}
ul#linksFooter {
	list-style:none;
	top: 10px;
	left: 8px;
}
ul#linksFooter li {
	padding: 15px 4px 0 0;
	float:left;
	display: block;
}
ul#linksFooter li a {
	padding: 0 10px 0 4px;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	border-right: 1px solid #FFF;
}
ul#linksFooter li#contact-link {
	padding: 15px 4px 0 0;
}
ul#linksFooter li#contact-link a {
	padding: 0 10px 0 4px;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	border-right:none;
}
#footer .newsletterBox{
	display: block;
	float: right;
	width: 350px;
	height: 40px;
}

#footer .texto{
	display: block;
	float: left;
	width:100px;
	color:#FFF;
	font-size: 10px;
	height: 15px;
	padding: 15px 0 0 0;
}
form#newsletter{
	display: block;
	width: 230px;
	height: 20px;
	padding: 4px 0 0 5px;
	float: left;
	margin: 10px 0 0 0;
	
	
}
form#newsletter label {
	padding: 5px 0;
	clear: left;
	display: block;
	float: left;
	width: 126px;
	text-align: left;
	font-weight: bold;
	color: #333;
}
form#newsletter input#newsletter-email {
	padding: 0 2px;
	float: left;
	width: 160px;
	height: 21px;
	border: none;
	color: #666;
	font-size: 12px;
	background:url(../images/suscribir_bg.gif) no-repeat;
	input:focus;
	outline: none;
}

form#newsletter input[type="image"]
{
	margin-right: 5px;
	
}


form#newsletter a#newsletter-send {
	margin: 4px 0;
	width: 60px;
	height: 20px;
	float: left;
	text-indent: -9000px;
	background:#000;
}

#ms-error
{
	clear: both;
	width: 300px;
	float: right;
	text-align: center;
	color: #FF0000;
	background: #EEFFBF;
}

#msg-agregado
{
	width: 240px;
	height: 27px;
	text-align: left;
	border: 2px solid #71B8DB;
	padding: 5px;
}