@charset "utf-8";
/**********************************************************************
*	Title			stylesheet style
*	Customer		recicla-costarica.com
*	Revision
*	Created			2009,09 
*	Author			Alberto Messeguer - webmaster@mischunches.com
***********************************************************************/

@import url(reset.css);


/* body				-------------------------------------------------------- */
html	 			{height:100%;}
body 				{height:100%;font: 12px/125% Verdana, Arial, sans-serif;color:#000;background:#FAFEF3 url(../img/layout/bg.jpg) repeat-x;}

/* type				-------------------------------------------------------- */
h1	 				{color:#000;font:normal 22px Verdana, Arial, sans-serif;margin:0 0 20px;line-height:125%;}
span.peq			{font-size:16px;font-weight:normal;}
h2.inicio			{color:#014711;font:normal 18px Verdana, Arial, sans-serif;margin:0 0 10px;}
h2					{color:#014711;font:normal 18px Verdana, Arial, sans-serif;margin:30px 0 10px;}
h3	 				{color:#014711;font:normal 16px Verdana, Arial, sans-serif;margin:0 0 10px;}
p					{margin:0 0 10px 0;}
ul					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
ol					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
li					{margin:5px 0 0 0;padding:0;}
a					{color:#336699;}
a:hover				{color:#FF9900;}


/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:980px;margin:20px auto 0 auto;padding:0;background:#FFF url(../img/layout/content_bg.jpg) repeat-y;}
#innerWrapper		{background:url(../img/layout/inner_bg.jpg) no-repeat;width:980px;display:block;padding:0;}
#headerWrapper		{margin:0 auto;padding:0;}
#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{width:980px;margin:0 auto;padding:0;}

/* header			-------------------------------------------------------- */
#header				{height:350px;position:relative;}
#logo a				{width:202px;height:200px;display:block;background:url(../img/layout/logo.png) no-repeat;text-indent:-9999px;position:absolute;top:40px;left:40px;}

#textSize			{height:20px;width:100px;position:absolute;top:0;right:0;}
#textSize ul		{height:20px;list-style:none;margin:0 0 10px 0;padding:0;}
#textSize li		{display:inline;margin:0;padding:0;}
#textSize a			{float:left;text-indent:-9999px;height:20px;width:20px;background:url(../img/layout/textsize.jpg);margin:0 5px 0 0;}
#textSize .s a			{background-position:0 0;}
#textSize .s a:hover	{background-position:0 -20px;}
#textSize .m a			{background-position:-20px 0;}
#textSize .m a:hover	{background-position:-20px -20px;}
#textSize .l a			{background-position:-40px 0;}
#textSize .l a:hover	{background-position:-40px -20px;}
#textSize .x a			{background-position:-60px 0;}
#textSize .x a:hover	{background-position:-60px -20px;}

/* mainNav 			-------------------------------------------------------- */
#mainNav			{position:absolute;top:35px;left:300px;height:30px;}
#mainNav ul			{list-style:none;margin:0 auto;padding:0;}
#mainNav li			{display:inline;margin:0;padding:0;}
#mainNav a			{float:left;text-decoration:none;font-size:14px!important;line-height:120%!important;height:24px;padding:6px 0 0 0;text-align:center;color:#000;font-weight:bold;margin:0 5px 0 0;width:120px;}
#mainNav a			{ background:url(../img/layout/nav.png) no-repeat;}
#mainNav a:hover	{color:#990000;background-position:0 -30px;}
#mainNav li a#current{}


/* content			-------------------------------------------------------- */
#content			{padding:0 30px 20px 30px;min-height:300px;text-align:justify;}

/* breadcrumb		-------------------------------------------------------- */
#breadcrumb			{height:20px;background:url(../_img/layout/breadcrumb.jpg) no-repeat;padding:5px 10px;font-size:10px;color:#999999;margin-bottom:40px;}
#breadcrumb a		{color:#999999;text-decoration:none;}
#breadcrumb a:hover	{text-decoration:underline;color:#333333;}

/* mainContent		-------------------------------------------------------- */
#mainContent		{float:left;width:640px;padding:0;}
#bg_01				{width:608px;min-height:200px;display:block;background:url(../img/layout/sustainability1_bg.jpg) no-repeat;padding:10px;}

#mainContent #servicios		{height:80px;padding:20px 0;}
#mainContent #servicios ul	{list-style:none;margin:0 auto;padding:0;}
#mainContent #servicios li	{display:inline;margin:0;padding:0;}
#mainContent #servicios a	{float:left;height:80px;margin:0 10px 0 0;width:200px;text-indent:-9999px;display:block;}
#mainContent #servicios a	{background:url(../img/layout/servicios.jpg) no-repeat;}
#mainContent #servicios .rec a			{background-position:0 0;}
#mainContent #servicios .rec a:hover	{background-position:0 -80px;}
#mainContent #servicios .cha a			{background-position:-200px 0;}
#mainContent #servicios .cha a:hover	{background-position:-200px -80px;}
#mainContent #servicios .ven a			{background-position:-400px 0;}
#mainContent #servicios .ven a:hover	{background-position:-400px -80px;}

/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:right;width:240px;padding:0;}

#sidebarWrapper #servicios		{}
#sidebarWrapper #servicios ul	{list-style:none;margin:0;padding:0 20px;}
#sidebarWrapper #servicios li	{margin:0;padding:0;}
#sidebarWrapper #servicios a	{height:80px;margin:0 0 10px 0;width:200px;text-indent:-9999px;display:block;}
#sidebarWrapper #servicios a	{background:url(../img/layout/servicios.jpg) no-repeat;}
#sidebarWrapper #servicios .rec a			{background-position:0 0;}
#sidebarWrapper #servicios .rec a:hover		{background-position:0 -80px;}
#sidebarWrapper #servicios .cha a			{background-position:-200px 0;}
#sidebarWrapper #servicios .cha a:hover		{background-position:-200px -80px;}
#sidebarWrapper #servicios .ven a			{background-position:-400px 0;}
#sidebarWrapper #servicios .ven a:hover		{background-position:-400px -80px;}


/* footer			-------------------------------------------------------- */
#footer				{width:980px;height:330px;position:relative;padding:0;background:url(../img/layout/footer_bg.jpg) no-repeat;}
#footer				{color:#CCCCCC;font:11px normal;}
#footer .footerLeft	{position:absolute;padding:0 30px 0 0;top:130px;right:0}
#footer .footerRight{position:absolute;padding:0 30px 10px 0;bottom:0;right:0;}
#footer ul			{margin: 0;padding: 0;border: none;}
#footer li			{list-style:none;display: block;margin: 0;padding: 0;float: left;width: auto;}
#footer li a		{color: #444;display: block;width: auto;text-decoration: none;margin: 0;padding: 0 10px;border-right: 1px solid #666;}
#footer li a:hover, li a:active {color:#990000;}
#footer li a.active:link, li a.active:visited
					{position: relative;z-index: 102;font-weight: bold;}
#footer .mc a		{width:80px;height:15px;display:block;background: url(../img/layout/footer_sprite.png) -240px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .css a		{width:80px;height:15px;display:block;background: url(../img/layout/footer_sprite.png) 0 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .xhtml a	{width:80px;height:15px;display:block;background: url(../img/layout/footer_sprite.png) -80px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .tableless a{width:80px;height:15px;display:block;background: url(../img/layout/footer_sprite.png) -160px 0 no-repeat;text-decoration:none;text-indent:-9999px;margin:0 5px 0 0;padding:0;border:none;}
#footer .mc a:hover			{background-position:-240px -15px;}
#footer .css a:hover		{background-position:0 -15px;}
#footer .xhtml a:hover		{background-position:-80px -15px;}
#footer .tableless a:hover	{background-position:-160px -15px;}

/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #5D84AC;margin:1.5em 0;}
.clearfloat			{clear:both;height:0;font-size:1px;line-height:0px;}
.offleft			{margin-left:-9000px;position:absolute;}
.imgRight			{float:right;margin:0 0 20px 20px;}
.imgLeft			{float:left;margin:0 20px 20px 0;}
.bold				{font-weight:bold;}
.boxArt				{margin:0 0 20px 0;}
.boxArt h2			{margin:0 0 10px 0;}

/* 4Rs   		-------------------------------------------------------- */
#recBut				{0}
#recBut ul			{list-style:none;margin:0;padding:0;}
#recBut li			{margin:0;padding:0;}
#recBut a			{width:240px;height:90px;display:block;text-indent:-9999px;background:url(../img/layout/4Rs.jpg) no-repeat;margin-bottom:10px;}

#recBut .rechazar a			{background-position:0 0;}
#recBut .rechazar a:hover	{background-position:0 -90px;}
#recBut .reducir a			{background-position:-240px 0;}
#recBut .reducir a:hover	{background-position:-240px -90px;}
#recBut .reutilizar a		{background-position:-480px 0;}
#recBut .reutilizar a:hover	{background-position:-480px -90px;}
#recBut .recuperar a		{background-position:-720px 0;}
#recBut .recuperar a:hover	{background-position:-720px -90px;}

/* dataWrapper		-------------------------------------------------------- */
#dataWrapper		{padding:10px;text-align:justify;;}
#dataWrapper h1		{color:#336699;font:normal 20px Verdana, Arial, sans-serif;margin:0 0 10px;}
#dataWrapper p		{margin:0 0 10px 0;text-align:justify;}


/* spry code	-------------------------------------------------------- */ 
.SpryHiddenRegion 	{visibility:hidden;}


/* misChunches		-------------------------------------------------------- */ 
.mis 				{color:#003366;font-family:"times new roman", serif;}
.chunches 			{font-family:tahoma, arial, verdana, sans-serif;margin:0;color:#990000;font-weight:normal;}