/* 
 *	developer/designer:	Tony Cordova
 *	version:			1.0
 *	info:				Principal CSS for the site
*/

body{
	background:#000000 url(../media/images/bg/lf.gif) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
}

.actr{
	text-align:center;
}

.argh{
	text-align:right;
}

.bold{
	font-weight:bold;
}

.clrlft{
	clear:left;
	width:100%;
	height:1px;
	overflow:hidden;
}

.clrrgh{
	clear:right;
	width:100%;
}

.clr{
	clear:both;
	width:100%;
}

div.main{
	width:880px;
	min-height:480px;
	margin:25px auto 5px auto;
	padding:10px;
	background:#FFF;
}

div.main div.breadcrumb{
	background:url(../media/images/otros/barra.jpg) no-repeat top left;
	width:880px;
	height:45px;
	padding-left:150px;
}

div.main div.breadcrumb div.btn{
	float:left;
	width:auto;
	height:38px;
	cursor:pointer;
	margin:5px 5px 0 5px;
}

div.main div.breadcrumb div.btn div.lft{
	float:left;
	margin:0;
	padding:0;
	width:8px;
	height:38px;
	background:url(../media/images/plecas/secbar-lft.gif) no-repeat;
}

div.main div.breadcrumb div.btn div.info{
	float:left;
	margin:0;
	padding:9px 0 0 0;
	width:auto;
	height:29px;
	background:#DC0000;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

div.main div.breadcrumb div.btn div.info a{
	color:#FFF;
	text-decoration:none;
}

div.main div.breadcrumb div.btn div.rgh{
	float:left;
	margin:0;
	padding:0;
	width:8px;
	height:38px;
	background:url(../media/images/plecas/secbar-rgh.gif) no-repeat;
}

div.main div.breadcrumb div.btn:hover{
}

div.main div.breadcrumb div.btn:hover div.lft{
	background:url(../media/images/plecas/secbar-lft-sel.gif) no-repeat;
}

div.main div.breadcrumb div.btn:hover div.info{
	background:#666;
}

div.main div.breadcrumb div.btn:hover div.rgh{
	background:url(../media/images/plecas/secbar-rgh-sel.gif) no-repeat;
}









div.bg_{
	background:url(../media/images/bg/main01.jpg) top right no-repeat #FFF;
}

div.bg_myhome{
	background:url(../media/images/bg/myhome.jpg) top right no-repeat #FFF;
}

div.bg_home{
	background:url(../media/images/bg/home.jpg) top right no-repeat #FFF;
}

div.bg_credenciales{
	background:url(../media/images/bg/credenciales.jpg) top right no-repeat #FFF;
}

div.bg_editorial360{
	background:url(../media/images/bg/editorial360.jpg) top right no-repeat #FFF;
}

div.bg_temarios{
	background:url(../media/images/bg/temarios.jpg) top right no-repeat #FFF;
}

div.bg_edicion17{
	background:url(../media/images/bg/edicion17.jpg) top right no-repeat #FFF;
}

div.bg_edicion18{
	background:url(../media/images/bg/edicion18.jpg) top right no-repeat #FFF;
}

div.bg_edicion19{
	background:url(../media/images/bg/edicion19.jpg) top right no-repeat #FFF;
}

div.bg_confirmarsuscripcion{
	background:url(../media/images/bg/confirmarsuscripcion.jpg) top right no-repeat #FFF;
}

div.bg_cotizaciones{
	background:url(../media/images/bg/cotizaciones.jpg) top right no-repeat #FFF;
}


div.main div.content{
	width:100%;
}

div.main div.content div.navbar{
	float:left;
	width:140px;
}

div.main div.content div.navbar div.btn{
	cursor:pointer;
	margin:5px 0;
}

div.main div.content div.navbar div.btn div.top{
	float:left;
	margin:0;
	padding:0;
	width:138px;
	height:6px;
	background:url(../media/images/plecas/navbar-top.gif) no-repeat;
}

div.main div.content div.navbar div.btn div.info{
	float:left;
	margin:0;
	padding:0 3px;
	width:132px;
	height:auto;
	background:#666;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

div.main div.content div.navbar div.btn div.info a{
	color:#FFF;
	text-decoration:none;
}

div.main div.content div.navbar div.btn div.dwn{
	float:left;
	margin:0;
	padding:0;
	width:138px;
	height:6px;
	background:url(../media/images/plecas/navbar-dwn.gif) no-repeat;
}

div.main div.content div.navbar div.btn:hover{
}

div.main div.content div.navbar div.btn:hover div.top{
	background:url(../media/images/plecas/navbar-top-sel.gif) no-repeat;
}

div.main div.content div.navbar div.btn:hover div.info{
	background:#DC0000;
}

div.main div.content div.navbar div.btn:hover div.dwn{
	background:url(../media/images/plecas/navbar-dwn-sel.gif) no-repeat;
}

div.main div.content div.info{
	float:right;
	width:730px;
}

div.footer{
	width:100%;
	height:70px;
	background:#F00;
	color:#FFF;
	margin:5px;
}

div.footer div.txt{
	font-size:16px;
	padding:25px;
	font-weight:bold;
}






div.main div.content div.info div{
	padding:10px 20px;
	width:480px;
}

div.main div.content div.info div div{
	padding:5px 20px;
}

div.main div.content div.info div h1{
	font-size:24px;
}

div.main div.content div.info div h1.tiny{
	font-size:18px;
}

div.main div.content div.info div h1.medium{
	font-size:20px;
}

div.main div.content div.info div h1.big{
	font-size:24px;
}

div.main div.content div.info div div{
	font-size:16px;
}

div.main div.content div.info div div.confirm{
	margin:0 auto;
	width:300px;
	border:1px solid #000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

div.main div.content div.info div div.confirm p{
	font-size:16px;
}

div.main div.content div.info div div.aviso{
	background:#000;
	text-align:center;
	color:#FFF;
	padding:5px;
}

div.main div.content div.info div p{
	font-size:18px;
	line-height:16px;
}

div.main div.content div.info div p.tiny{
	font-size:14px;
	line-height:12px;
}

div.main div.content div.info div p.medium{
	font-size:17px;
	line-height:16px;
}

div.main div.content div.info div p.medium span.big{
	font-size:24px;
	line-height:22px;
}

div.main div.content div.info div p a{
	color:#DC0000;
	text-decoration:none;
}

div.main div.content div.info div p a:hover{
	text-decoration:underline;
}

div.main div.content div.info div p span.tiny{
	font-size:12px;
}

div.main div.content div.info div ul{
	font-size:18px;
}

div.main div.content div.info div ol{
	font-size:18px;
}