@charset "utf-8";
/**********************************************************************
*	Title			stylesheet style
*	Customer
*	Revision
*	Created			2008, 
*	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:#333;background:#133353;}

/* type				-------------------------------------------------------- */
h1	 				{color:#333;font:normal 24px Verdana, Arial, sans-serif;margin:0 0 20px;line-height:34px;}
h2	 				{color:#333;font:normal 20px Verdana, Arial, sans-serif;margin:10px 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: #990000;}

/* outerWrapper		-------------------------------------------------------- */
#outerWrapper		{width:960px;margin:20px auto 5px auto;padding:0;background:#FFFFFF url(../img/layout/t.jpg) 0 0 repeat-x;}
#outerl				{width:960px;background:url(../img/layout/l.jpg) top left repeat-y;}
#outerr				{width:960px;background:url(../img/layout/r.jpg) top right repeat-y;}
#outerb				{width:960px;background:url(../img/layout/b.jpg) bottom left repeat-x;}
#outertl			{width:960px;background:url(../img/layout/tl.jpg) top left no-repeat;}
#outertr			{width:960px;background:url(../img/layout/tr.jpg) top right no-repeat;}
#outerbl			{width:960px;background:url(../img/layout/bl.jpg) bottom left no-repeat;}
#outerbr			{width:960px;background:url(../img/layout/br.jpg) bottom right no-repeat;}
#innerWrapper		{padding:0 21px;}

#contentWrapper		{margin:0 auto;padding:0;}
#footerWrapper		{width:960px;margin:0 auto;padding:0;}

/* header			-------------------------------------------------------- */
#header				{height:200px;position:relative; background:url(../img/layout/header_bg.jpg) 0 160px repeat-x;}
#logo a				{width:370px;height:115px;display:block;background:url(../img/layout/logo.jpg) no-repeat;text-indent:-9999px;position:absolute;top:30px;left:30px;}
#collage			{width:420px;height:140px; background:url(../img/layout/ojos_saludables.jpg) no-repeat; position: absolute; top:20px; left:499px;}

#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			{ text-align:left;}
#mainNav ul			{list-style:none;margin:0 auto;padding:0;}
#mainNav li			{display:block;margin:0;padding:0;}
#mainNav a			{display: block;padding:7px 5px;background-color: #036;border-bottom: 1px solid #eee;}
#mainNav a:link,
#mainNav a:visited	{color: #EEE;text-decoration: none;}
#mainNav a:hover	{background-color: #339999;color: #fff;}
#mainNav li a#current{color: #FFF;background-color: #369;}
#mainNav li a#current:hover{color: #FFF;background-color: #339999;}

/* content			-------------------------------------------------------- */
#content			{padding:10px 19px 30px 19px;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:right;width:680px;padding:0;}
#slides				{margin:0 0 20px 0;}

/* sidebar			-------------------------------------------------------- */
#sidebarWrapper		{float:left;width:180px;padding:0;}


/* anteojos			-------------------------------------------------------- */
#anteojos			{margin:30px 0 10px 0;}
#anteojos h3		{font-size:20px; color:#CCCCCC; font-weight:normal; margin-bottom:10px;}
#anteojos ul		{list-style:none;margin:0 auto 20px auto;padding:0;}
#anteojos li		{display:block;margin:0;padding:0; width:85px; height:50px;float:left; text-indent:-9999px; margin-bottom:10px;}
#anteojos a			{display:block;width:85px; height:50px;}
#anteojos li.ck			{background:url(../img/layout/anteojos_calvin_klein.jpg) no-repeat;}
#anteojos li.chanel		{background:url(../img/layout/anteojos_chanel.jpg) no-repeat;}
#anteojos li.converse	{background:url(../img/layout/anteojos_converse.jpg) no-repeat;}
#anteojos li.fendi		{background:url(../img/layout/anteojos_fendi.jpg) no-repeat;}
#anteojos li.gant		{background:url(../img/layout/anteojos_gant.jpg) no-repeat;}
#anteojos li.ga			{background:url(../img/layout/anteojos_giorgio_armani.jpg) no-repeat;}
#anteojos li.miraflex	{background:url(../img/layout/anteojos_miraflex.jpg) no-repeat;}
#anteojos li.nike		{background:url(../img/layout/anteojos_nike.jpg) no-repeat;}
#anteojos li.polaroid	{background:url(../img/layout/anteojos_polaroid.jpg) no-repeat;}
#anteojos li.prada		{background:url(../img/layout/anteojos_prada.jpg) no-repeat;}
#anteojos li.thalia		{background:url(../img/layout/anteojos_thalia.jpg) no-repeat;}
#anteojos li.tommy		{background:url(../img/layout/anteojos_tommy_hilfiger.jpg) no-repeat;}
#anteojos li.columbia	{background:url(../img/layout/aros_columbia.jpg) no-repeat;}

#anteojos li.drivewear	{background:url(../img/layout/lentes_contacto_drivewear.jpg) no-repeat;}
#anteojos li.futurex	{background:url(../img/layout/lentes_contacto_futurex.jpg) no-repeat;}
#anteojos li.indo		{background:url(../img/layout/lentes_contacto_indo.jpg) no-repeat;}
#anteojos li.liferx 	{background:url(../img/layout/lentes_contacto_liferx.jpg) no-repeat;}
#anteojos li.nupolar 	{background:url(../img/layout/lentes_contacto_nupolar.jpg) no-repeat;}
#anteojos li.sola	 	{background:url(../img/layout/lentes_contacto_sola.jpg) no-repeat;}
#anteojos li.sunsensors	{background:url(../img/layout/lentes_contacto_sunsensors.jpg) no-repeat;}
#anteojos li.transitions{background:url(../img/layout/lentes_contacto_transitions.jpg) no-repeat;}
#anteojos li.trilogy 	{background:url(../img/layout/lentes_contacto_trilogy.jpg) no-repeat;}
#anteojos li.younger 	{background:url(../img/layout/lentes_contacto_younger.jpg) no-repeat;}

#anteojos li.acuvue     {background:url(../img/layout/lentes_acuvue.jpg) no-repeat;}
#anteojos li.airoptix 	{background:url(../img/layout/lentes_airoptix.jpg) no-repeat;}
#anteojos li.apex 		{background:url(../img/layout/lentes_apex.jpg) no-repeat;}
#anteojos li.baushlomb 	{background:url(../img/layout/lentes_baushlomb.jpg) no-repeat;}
#anteojos li.biomedics 	{background:url(../img/layout/lentes_biomedics.jpg) no-repeat;}
#anteojos li.boston 	{background:url(../img/layout/lentes_boston.jpg) no-repeat;}
#anteojos li.ciba 		{background:url(../img/layout/lentes_ciba.jpg) no-repeat;}
#anteojos li.cooper 	{background:url(../img/layout/lentes_cooper.jpg) no-repeat;}
#anteojos li.flexlens 	{background:url(../img/layout/lentes_flexlens.jpg) no-repeat;}
#anteojos li.o2		 	{background:url(../img/layout/lentes_o2.jpg) no-repeat;}
#anteojos li.crt	 	{background:url(../img/layout/lentes_crt.jpg) no-repeat;}
#anteojos li.hds	 	{background:url(../img/layout/lentes_hds.jpg) no-repeat;}
#anteojos li.softlens 	{background:url(../img/layout/lentes_softlens.jpg) no-repeat;}
#anteojos li.xcel3d	 	{background:url(../img/layout/lentes_xcel3d.jpg) no-repeat;}
#anteojos li.xcel	 	{background:url(../img/layout/lentes_xcel.jpg) no-repeat;}

/* footer			-------------------------------------------------------- */
#footer				{height:40px;position:relative;padding:10px 20px;}
#footer				{color:#FFF;font:11px normal;}
#footer .footerLeft	{float:left;width:auto;}
#footer .footerRight{float:right;width:auto;}
#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: #FFF;display: block;width: auto;text-decoration: none;margin: 0;padding: 0 10px;border-right: 1px solid #FFF;}
#footer li a:hover, li a:active {color:#FFF; text-decoration:underline;}
#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 10px 10px; border:1px solid #CCC; padding:4px;}
.imgLeft			{float:left;margin:0 10px 10px 0;border:1px solid #CCC; padding:4px;}
.imgCenter			{margin:10px 0;border:1px solid #CCC; padding:4px;}
.bold				{font-weight:bold;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.enlaces			{margin:0 10px 20px 0;}

/* rear more   		-------------------------------------------------------- */
a.readon, 
a.readon:hover		{margin-top:10px;display:block;float:right;line-height:12px;background:url(../img/icons/readon.gif) no-repeat left center;text-indent:16px;}

/* form php			-------------------------------------------------------- */
.btn_enviar			{height:40px;width:150px;display:block;cursor:pointer;font-size:14px;font-weight:bold;background:url(../img/layout/btn_enviar.gif) no-repeat;color:#666666;}
.boxContactLeft		{float:left;width:350px;}
.boxContactRight	{float:right;width:350px;}

/* 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;}