/* COMMON TAGS */
body{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 5px auto 10px; background: url(../images/background.png);}

a{color: #3399CC; text-decoration: none;}
a:hover{text-decoration: underline; color: #3399CC;}
a img{border: none;}

h1{padding: 0; margin: 0; font-size: 1.7em; color: #ffffff; font-weight: normal;}
h2{font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #555;}
h3{font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; padding: 0;}

ul{margin: 0 0 0 15px; padding: 0;}
ul li{list-style-image:url(../images/bullet.gif);}

/* POPUP LIGHTSCREEN */

#page-screen{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ffffff; z-index: 10;}
#page-popup{position: absolute; left: 0px; top: 0px; width: 100%; z-index: 20; margin-top: 15px}
	#page-popup .contents{width: 749px; margin: 0 auto; padding: 11px; text-align: center;}
	#page-popup a.close{color: #000000;}
	
	
/* GLOBAL PAGE PARTS */
#header{margin: 0 auto; width: 771px; padding: 0; height: 124px; float: none; clear: both; display: block;}

#page{width: 771px; background: #fff url(../images/bg-bottom-fix.gif) no-repeat bottom; margin: 0 auto; padding: 0; border: 1px solid #d5d5d6; border-top: none; border-bottom: none;}
#page-fix{background: url(../images/bg-top-menu2.gif) no-repeat; margin: 0 auto; padding: 0 0 0 11px; border: none;}

#menu-top {margin: 0 8px; padding: 13px 0 5px; display: block; float: none; clear: both;}
	#menu-top li{display: inline; margin: 0; list-style: none; padding: 13px 7px 6px; margin-right: -3px;}
	#menu-top a{text-decoration: none; color: #fff; outline: none; font-size: 0.9em; font-weight: bold; }
	#menu-top a:hover{color: #f0f0f0;}


#left-column{width: 143px; min-height: 479px; float: left; margin: 15px 0 10px; background: url(../images/bottom-beneficios.gif) bottom center;}
#left-column img{border: none; margin-bottom: 5px;}

	#menu-beneficios ul{margin: 0; padding: 5px 0 0 24px; }
	#menu-beneficios li{margin: 0; padding: 1px 0 8px 0; list-style-image: url(../images/bullet-gris.gif); background: url(../images/left-separador.gif) no-repeat -10px 0;}
	#menu-beneficios a{text-decoration: none; color: #FFFFFF;}
	#menu-beneficios a:hover{color: #e0f0f0;}
	#menu-beneficios a.selected{font-weight: bold;}
	#menu-beneficios .submenu{background: #FF0000; display: none;}
	#menu-beneficios img{border: none; margin-bottom: 5px;}
	
	#login-usuarios {margin: 10px 0 0 0; padding: 0;}
	#login-usuarios p{margin: 3px 0; padding: 0 5px; color: #555; font-size: 10px; width: auto;}
	#login-usuarios input.txt {background: #e8e8e8 url(../images/bg-login-field.gif); width: 110px; padding: 1px; border: 1px solid #777; font-size: 11px; line-height: 12px; height: 14px;}
	#login-usuarios input.submit {background: none; border: none; width: 75px; height: 18px; }
	#login-usuarios a{color: #FFFFFF; font-size: 11px;}
	#login-usuarios ul{margin: 0; padding: 5px 0 0 24px; }
	#login-usuarios li{margin: 0; padding: 1px 0 8px 0; list-style-image: url(../images/bullet-gris.gif); background: url(../images/left-separador.gif) no-repeat -10px 0;}


#contents{padding: 0; width: 404px; float: left; font-size: 12px; color: #333; margin: 18px 10px 13px; line-height: 1.4em; overflow: hidden;}
	#contents .cabezal-small{width: 404px; overflow: hidden; margin-bottom: 10px;}
		#contents .cabezal-small img{border: none;}
	#contents p{margin: 10px 0 0;}
	
#contents.large{padding: 0; width: 584px;}

#right-column{width: 160px; float: left; margin-top: 15px;}
	#right-column .banner-right{margin-bottom: 10px;}

#footer{font-size: 0.9em; text-align: center; clear: both; color: #009BDF;}
	#footer a{text-decoration: none; color: #009BDF;}

#firma{margin: 10px auto; font-size: 0.9em; text-align: center; clear: both; background: #eee; color: #666; padding: 1px; width: 771px;}
	#firma a{text-decoration: none; color: #666;}
	
#bottom-banner{margin: 0 auto; width: 771px; background: #fff; border: 1px solid #d5d5d6; border-top: 0; text-align: center;}
	#bottom-banner ul{margin: 0; padding: 0; display: block; list-style: none;}
	#bottom-banner ul li{margin: 0; padding: 5px; display: inline; list-style: none;}
	#bottom-banner a{color: #666; font-size: 11px;}

/* COMPONENTS */
#paginador{float: none; clear: both; font-size: 11px; text-align: center; color: #ccc;}
#feed{position: absolute; margin-top: -26px; width: 400px; text-align: right;}

.list-row{padding: 0 4px 0 17px;; background: url(../images/background2.png) repeat-y; margin-top: 14px; font-size: 0.9em; float: none; clear: both;}
.list-row .subtitulo{font-size: 10px; color: #999; line-height: 10px; text-transform: uppercase;}
.list-row img{background: #eee; border: 1px solid #ccc; margin: 2px;}

.thumb-box{width: 92px; float: left; margin-right: 2px; overflow: hidden; height: 146px;}
.thumb-box .thumb-img{width: 92px; float: left; overflow: hidden; height: 92px; border-bottom: 3px solid #FFF;}
.thumb-box .thumb-title{font-size: 11px; color: #ABDDF5; background: #009ADF; text-transform: uppercase; width: 92px; font-weight: bold; padding: 1px 2px;} /*ABDDF5*/
.thumb-box img{border: none;}

.accordion{margin: 10px;}
.accordion_toggle{ font-size: 12px; cursor: pointer; background: url(../images/faq-bg.gif) repeat-x; height: 20px; line-height: 20px;}
.accordion_toggle:hover{color: #3399CC;}
.accordion_content{ padding: 0 10px; margin-bottom: 15px; border-right: 1px solid #efefef; }
.accordion_content ul{margin: 0 0 0 15px; padding: 0;}


.thumb-categoria{border: none; width: 195px; height: 116px; margin: 10px 5px 0 0; float: left; overflow: hidden;}
.thumb-categoria img{border: none; width: 280px;}

.packscol{width: 280px; float: left; border-right: 1px dotted #e8e8e8; padding-left: 10px; height: 370px;}

.moneychange{border-bottom: 1px #3BBFF2 double; display: inline;}
.moneychange div{position: absolute; background: #eee; padding: 3px 5px; border: 1px solid #ccc; display: none; font-size: 10px;}