/*		# Site: Ritchie AG
		# Date: Febrero - Marzo de 2011
		# Author: (serienmörder)
		# elementocero.com.mx 		     		*/		   

/***********************************************************************************************************************************************************
                         Reset
 ***********************************************************************************************************************************************************/
*	{ margin:0;padding:0; }
	a:link, a:visited, a:hover { text-decoration:none; }
	fieldset,img { border:0; }
	ul { list-style:none; }
	q:before,q:after { content:''; }
	abbr,acronym { border:0; }



/***********************************************************************************************************************************************************
                         Basic / Typography
 ***********************************************************************************************************************************************************/
h1 { color:#1f1a17; font:normal 32px/30px 'Droid Serif', arial, serif; margin-bottom:6px; text-shadow:0 0 1px #1f1a17; text-transform:none;  }
h1 em { font-size:26px; font-style:normal; }
h2 { color:#2b312f;    font:normal 22px/24px 'Droid Serif', arial, serif; margin-bottom:6px; text-shadow:0 0 1px #2b312f; text-transform:none; }
h3 { color:#1f1a17; font:normal 14px/19px 'Droid Serif', arial, serif; margin-bottom:9px; text-shadow:0 0 1px #1f1a17; text-transform:none; }
h3 strong { color:#d8b65d; font-style:normal; font-size:18px; text-shadow:0 0 1px #d8b65d; }


.likeh3 { color:#1f1a17; font:normal 14px/19px 'Droid Serif', arial, serif; margin-bottom:9px; text-shadow:0 0 1px #1f1a17; text-transform:none; }
.likeh3 a { color:#fc9503; text-shadow:0 0 1px #fc9503; }
.likeh3 a:hover { color:#f8be51; text-shadow:0 0 1px #f8be51; }


p { padding:2px 0; margin:2px 0 12px;  }
a:hover img { filter:alpha(opacity=88); -moz-opacity: 0.88; -khtml-opacity: 0.88; opacity: 0.88;  }

#clear		{ clear:both; }
.clear		{ clear:both; }

.left  { float:left; }
.right { float:right; }

.paladere { text-align:right; }
.palcentro{ text-align:center;}

.mayuscula { text-transform:uppercase; }

.logohome { float:left; margin:9px 0 22px 0; }
.btnlang  { float:right; margin:5px 0 10px; }



.img-main { bottom:0; }
.imgnobrdr { border:0; margin:0 0 8px; }
.imgbrdr { border:4px solid #dcdbd7; }



.imggal { background:#2b312f url(images/bckgrnd-navtitle.jpg); border:4px solid #2b312f; margin:0 3px 6px; padding:2px; }



.text-ag { color:#277b2e; text-shadow:0 0 1px #277b2e; }
.imggal-ag { background:#3b9642; border:4px solid #3b9642; margin:0 3px 6px; padding:2px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.der_subcat_ag { background:url(images/der_subcat_ag.png) top left; border:2px solid #3b9642; }


.text-co { color:#f6c813; text-shadow:0 0 1px #f6c813; }
.imggal-co { background:#f6c813; border:4px solid #f6c813; margin:0 3px 6px; padding:2px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.der_subcat_co { background:url(images/der_subcat_co.png) top left; border:2px solid #f6c813; }


.text-re { color:#990000; text-shadow:0 0 1px #990000; }
.imggal-re { background:#BF5353; border:4px solid #BF5353; margin:0 3px 6px; padding:2px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.der_subcat_re { background:url(images/der_subcat_re.png) top left; border:2px solid #BF5353; }


.laactiva { background:#8b8c8b url(images/der_subcat_activo.png) top left; border:2px solid #8b8c8b; }






.up { clear:both; float:right; margin:0 0 0 6px; }
.e0 { clear:both;  border:0; float:right; margin:0; padding:0;  }
.btnlanguage { margin:16px 0 12px; }






/***********************************************************************************************************************************************************
                         Divisions
 ***********************************************************************************************************************************************************/
html, body { height:100%; }
body { background:#efefef url(images/bckgrnd.jpg) repeat; color:#fff; font:normal 13px/19px Arial, Helvetica, sans-serif; margin:0 auto; padding:0 auto; }

#top   { background:url(images/bckgrnd-top.jpg); top:0; width:100%; height:auto; }
#header        { background:none; color:#10568f; display:block; margin:0 auto; padding:0 auto 10px; width:960px; height:126px;  }
#header p, 
#header p a   { color:#a1a1a1; margin:0; font:normal 16px/52px 'Droid Serif', arial, serif; text-shadow:0 0 1px #a1a1a1; }
#header p a:hover { color:#fff; }
#header strong { color:#f7ba47; font:normal 22px/26px 'Droid Serif', arial, serif; text-shadow:0 0 1px #f7ba47; display:block; }




/***********************************************************************************************************************************************************
                         Homepage
 ***********************************************************************************************************************************************************/
#featured-wrapper { background:#cbcdce url(images/bckgrnd-featured.jpg); width:100%; height:auto; }
#feat-eins    {  width:960px; height:auto; margin:0 auto; padding:30px auto; }

	#slide          { background:#333;  width:640px; height:400px; }
		.main_view      { float:left; position:relative; padding:0px; clear:both;   }
		.window         { background:#e4e4e4; border:0;  border:2px solid #4c4b4c; overflow:hidden; position:relative; width:640px; height:400px; }
		.image_reel     { position:absolute; top:0; left:0; }
		.image_reel img { float: left; }
		
		.paging { background:url(images/anima-controlbox.png) no-repeat bottom right; bottom:2px; display:none;
    		      font:normal 40px/50px 'Droid Serif', arial, serif; position:absolute; right:0px; text-align:center; width:220px; height:50px; 
				  filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index:100; }

		.paging a        { color: #fc9605; font-weight:bold; text-shadow:0 0 1px #fc9605; padding:0; text-decoration:none; outline:none; }
		.paging a.active { background:none; color:#666; font-weight:bold; text-shadow:0 0 1px #666; }
		.paging a:hover  { color:#f8ba49; font-weight:bold; text-shadow:0 0 1px #f8ba49; }

.slide-slogan   { background:url(images/bckgrnd-navtitle.jpg) repeat top left; position:absolute; top:6px; left:9px; width:auto; height:auto; z-index:100; 
                  filter:alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.slide-slogan p { color:#fc9605; font:bold 17px/17px 'Droid Serif', arial, serif; padding:12px; text-align:left; text-transform:uppercase; }



	.home-nav { background:none; width:316px; height:284px; padding:0px; margin:0; float:right;  }


#feat-zwei { background:none; margin:0 auto; padding:0 auto; width:960px; height:240px; overflow:hidden; }
#feat-zwei  h1 { color:#f7ba47; font:bold 19px/19px 'Droid Serif', arial, serif; margin:18px 0; text-shadow:0 0 1px #333; letter-spacing:1px; text-align:center; text-transform:uppercase;  }
.mainbuttons { background:none; border:0; display:inline-block; float:left; margin-right:20px; padding:10px 10px 0px; width:290px; height:auto; }



.mainbox { background:none; border:0; display:inline-block; float:left; margin-right:20px; padding:6px 10px 9px; width:290px; height:620px; }
.mainbox h1 { color:#1f1a17; font:normal 15px/20px 'Droid Serif', arial, serif; letter-spacing:-1px; margin-bottom:6px; text-shadow:0 0 1px #1f1a17; text-transform:uppercase;  }
.mainbox ul { margin-bottom:10px; }
.mainbox ul li { margin-top:2px; }

.lastone { margin-right:0; padding-right:0; }




.color-ag  { background: url(images/color-ag.png); }
.color-ag2 { background: url(images/color-ag2.png); }
.color-co  { background:url(images/color-co.png); }
.color-co2 { background:url(images/color-co2.png); }
.color-re  { background:url(images/color-re.png); }
.color-re2 { background:url(images/color-re2.png); }




.weekley { background:url(images/bckgrnd-navtitle.jpg); border:0; display:inline-block; float:left; margin-right:20px; padding:9px 10px 12px; width:620px; height:auto; }
.week-img { margin:2px 18px 0 0; }
.week-gal { margin-right:4px; }
.weekley strong { color:#c1c1c1; font:normal 15px/20px 'Droid Serif', arial, serif; letter-spacing:-1px; margin-bottom:6px; text-shadow:0 0 1px #efefef; text-transform:uppercase;  }


.ubicacion { background:url(images/bckgrnd-navtitle.jpg); width:292px; padding:4px; margin:0; float:left; }







/********************************************************************************************************************************
                         Sliding Boxes
 ********************************************************************************************************************************/	
.boxgrid {	background:none; border:solid 2px #333; float:left; padding:0px; margin:5px 10px 5px 4px; overflow:hidden; position:relative; width:126px; height:104px;  }
.boxgrid img {	border:0; position:static; top:0; left:0; }
.boxgrid p { color:#FFF; font:normal 16px Arial, Helvetica, sans-serif; display:block; line-height:16px; margin:0 5px; }
.boxgrid p a:link, .boxgrid p a:visited, .boxgrid p a:active { color:#FFF; }
.boxgrid p a:hover { color:#0099CC; }
				
.boxcaption{  float:left; position:absolute; height:400px; width:100%; opacity:.99; 
			/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
			/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";	}

.captionfull .boxcaption { top:199;	left:0;	}
.caption .boxcaption {	top:150; left:0; }

.boxcaption strong , .boxcaption strong a { color:#fff; font:italic normal 11px/19px Arial, Helvetica, sans-serif; margin:0; padding:6px 6px 3px; text-align:left; text-decoration:none; }
.boxcaption h3 a:link,
.boxcaption h3 a:visited { color:#FFF; font:normal 16px/19px Arial, Helvetica, sans-serif; margin:0; padding:6px; text-align:left; display:block; text-decoration:none; text-shadow:0 0 1px #fff; }
.boxcaption h3 a:hover { color:#FFF; text-decoration:underline; }



.boxgrid2 {	background:none; border:solid 0px #333; float:left; padding:0px; margin:5px; overflow:hidden; position:relative; width:180px; height:136px;  }
.boxgrid2 img {	border:0; position:static; top:0; left:0; }
.boxgrid2 p { color:#FFF; font:bold 16px Arial, Helvetica, sans-serif; display:block; line-height:16px; margin:0 5px; text-shadow:0 0 1px #fff; }
.boxgrid2 p a:link, .boxgrid p a:visited, .boxgrid p a:active { color:#FFF; }
.boxgrid2 p a:hover { color:#0099CC; }








/***********************************************************************************************************************************************************
                         Nav Bar   - Single Page Top 1  (Below Header)
 ***********************************************************************************************************************************************************/
.nomrgn { margin:0; padding:0; }
#navtitle-wrapper { background:#cbcdce url(images/bckgrnd-navtitle.jpg); width:100%; height:auto; }

#menu { background: url(images/bk_menu.jpg) no-repeat top right; width:940px; height:40px; margin:0 auto; padding:0 auto; }
#nav { background:none; color:#fff; padding:0; height:40px; float:left; overflow:hidden; padding-left:20px;  }
#nav li { float:left; display:block; margin:0; padding:0; }
#nav li a { background:url(images/menu.jpg); display:block; color:#fff; outline:none; position:relative; height:40px; width:auto; margin:0; padding:0; }
#nav .nav1 { background-position:-8px 0; width:126px; height:40px; }
#nav .nav2 { background-position:-134px 0; width:126px; height:40px; }
#nav .nav3 { background-position:-260px 0; width:144px; height:40px; }
#nav .nav4 { background-position:-404px 0; width:126px; height:40px; }
#nav .nav5 { background-position:-530px 0; width:143px; height:40px; }
#nav .nav6 { background-position:-673px 0; width:126px; height:40px; }
#nav .nav7 { background-position:-799px 0; width:126px; height:40px; }

#nav a .hover { background:transparent url(images/menu.jpg) no-repeat; display:block; opacity:0; position:relative; top:0; left:0; height:100%; width:100%; }

#nav .nav1 .hover { background-position:-8px -40px; }
#nav .nav2 .hover { background-position:-134px -40px; }
#nav .nav3 .hover { background-position:-260px -40px; }
#nav .nav4 .hover { background-position:-404px -40px; }
#nav .nav5 .hover { background-position:-530px -40px; }
#nav .nav6 .hover { background-position:-673px -40px; }
#nav .nav7 .hover { background-position:-799px -40px; }

#nav .active1 { background-position:-8px -80px; }
#nav .active2 { background-position:-134px -80px; }
#nav .active3 { background-position:-260px -80px; }
#nav .active4 { background-position:-404px -80px; }
#nav .active5 { background-position:-530px -80px; }
#nav .active6 { background-position:-673px -80px; }
#nav .active7 { background-position:-799px -80px; }

#nav span { display:none; }







#mainnavmenu { background:none; width:260px; height:400px; margin:0 auto; padding:0 auto; }
#mainnav { background:none; color:#fff; padding:0; height:400px;  overflow:hidden; padding:8px 0 0 20px; float:right;  }
#mainnav li {  display:block; margin:0; padding:0; }
#mainnav li a { background:url(images/main-menu.jpg); display:block; color:#fff; outline:none; position:relative; height:48px; width:auto; margin:0 0 10px 0; padding:0 0 8px 0; }
#mainnav .mainnav1 { background-position:0 0; width:260px; height:48px; }
#mainnav .mainnav2 { background-position:0 -50px; width:260px; height:48px; }
#mainnav .mainnav3 { background-position:0 -100px; width:260px; height:48px; }
#mainnav .mainnav4 { background-position:0 -150px; width:260px; height:48px; }
#mainnav .mainnav5 { background-position:0 -200px; width:260px; height:48px; }
#mainnav .mainnav6 { background-position:0 -250px; width:260px; height:48px; }
#mainnav .mainnav7 { background-position:0 -300px; width:260px; height:48px; }

#mainnav a .hover { background:transparent url(images/main-menu.jpg) no-repeat; display:block; opacity:0; position:relative; top:0; left:0; height:100%; width:100%; }

#mainnav .mainnav1 .hover { background-position:-260px 0px; }
#mainnav .mainnav2 .hover { background-position:-260px -50px; }
#mainnav .mainnav3 .hover { background-position:-260px -100px; }
#mainnav .mainnav4 .hover { background-position:-260px -150px; }
#mainnav .mainnav5 .hover { background-position:-260px -200px; }
#mainnav .mainnav6 .hover { background-position:-260px -250px; }
#mainnav .mainnav7 .hover { background-position:-260px -300px; }

#mainnav span { display:none; }



/***********************************************************************************************************************************************************
                         Title Bar  -  Single Page Top 2
 ***********************************************************************************************************************************************************/
#featured           { background:none; display:block; width:100%; height:auto;  }
#featured h1 { color:#CCCCCC; font:normal 40px/40px 'Droid Serif', arial, serif; padding:10px 0; text-transform:uppercase; }
#window_pages        { background:none; border:0; overflow:hidden; margin:0 auto; padding:0 auto; width:920px; height:80px; }
#window_inventory    { background:none; border:0; overflow:hidden; margin:0 auto; padding:0 auto; width:900px; height:113px; }









/***********************************************************************************************************************************************************
                         Wrapper - Content & Footer
 ***********************************************************************************************************************************************************/
#wrapper       { background:none; border:0; margin:0 auto; padding:0 auto; width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto -200px; }

#content       { background:none; margin:0 auto 40px; padding:10px 0; width:960px;     }
#content ul li { list-style:outside; list-style-image:url(images/vineta.jpg); margin-left:16px;  }



.push  { height:200px; }
#footrcont  { background:#39373c url(images/bckgrnd-navtitle.jpg); bottom:0; width:100%; height:200px; }
#footr         { background:none; margin:0 auto; padding:20px 0 10px; width:960px;  }
#footr p       { color:#e1e1e1;    font:bold 13px/19px 'Droid Serif', arial, serif; text-transform:uppercase; }
#footr strong  { color:#f59e36; font:bold 13px/19px 'Droid Serif', arial, serif; }
#footr p em       { color:#8f8f8f;    font:normal normal bold 13px/19px 'Droid Serif', arial, serif; }
#footr a:visited, 
#footr a:active,
#footr a:link  { color:#e1e1e1; text-decoration:none; }
#footr a:hover { color:#FFF; text-decoration:underline;  }
#footr a:link img,
#footr a:visited img { filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;   }
#footr a:hover img   { filter:alpha(opacity=99); -moz-opacity: 0.99; -khtml-opacity: 0.99; opacity: 0.99;  }









/***********************************************************************************************************************************************************
                         IZQ & DER Divs for Single Pages
 ***********************************************************************************************************************************************************/
#izq { background:none; float:left; width:580px; margin:10px 30px 10px 20px; }
#izq h1 em { font-size:22px; font-style:normal; }
#izq h2 em { font-size:14px; font-style:normal; }


.darkbox { background:#6c6c6c url(images/bckgrnd-navtitle.jpg); padding:20px; width:531px; -moz-border-radius:12px; -webkit-border-radius:12px; }
.equipment { font-size:32px; font-weight:bold; }






#der { background:none; float:right; margin:10px 0 10px 20px; width:260px; }

#der p strong { color:#3e3e3e; font:normal 16px/19px 'Droid Serif', arial, serif; margin-bottom:0px; text-shadow:0 0 1px #35adab; text-transform:none; }
#der p a:link, #der p a:visited  { color:#24ab21; text-decoration:underline; padding:2px 4px; }
#der p a:hover { color:#ecf1db; padding:2px 4px; text-decoration:none; }

#der a:hover img { background:#fff; filter:alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;   }

#der ul li { list-style:none; display:block; margin:0 0 9px; padding:6px; position:relative; width:200px; height:20px; float:right; }
#der ul li a { color:#000; font:normal 13px/19px 'Droid Serif', arial, serif; margin-bottom:4px;  text-transform:uppercase; display:block; }
#der ul li a.linkblock { background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50; }
#der ul li:hover { color:#000; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-decoration:underline; }

#der img { background:#d5dfe8; }









/***********************************************************************************************************************************************************
                         Formulario
 ***********************************************************************************************************************************************************/
input       { background:#292f2d url(images/bckgrnd-navtitle.jpg); border:#292f2d 2px solid; color:#efefef; font:normal 13px Arial, Helvetica, sans-serif; 
			   margin:0 0 6px; padding:9px; width:500px; }
input:focus,
input:hover { background:#6f6f6f; border:#1f1a17 2px solid; color:#fff; outline:none; }

textarea       { background:#292f2d url(images/bckgrnd-navtitle.jpg); border:#292f2d 2px solid; color:#efefef; font:normal 13px Arial, Helvetica, sans-serif; 
			     margin:0 0 6px; padding:9px; width:500px; }
textarea:focus,
textarea:hover { background:#6f6f6f; border:#1f1a17 2px solid; color:#fff; outline:none; }


form label { color:#4c4c4c; font:normal 14px 'Droid Serif', arial, serif; display:block; margin:9px 0 2px; text-transform:uppercase; text-shadow:0 0 1px #4c4c4c; }


.button       {	background:#fc9503; border:#fc9503 1px solid; color:#1f1a17; cursor:pointer; font:normal 16px 'Droid Serif', arial, serif; 
		    	margin:2px 0 0 0; padding:8px; text-transform:uppercase; outline:none; width:auto; }
.button:hover, 
.button:focus { background:#f8be51; border:#f8be51 1px solid; color:#1f1a17; cursor:pointer; }





/***********************************************************************************************************************************************************
                         Jquery Ajax Loading
 ***********************************************************************************************************************************************************/				
#loading { background-image:url(images/preloader.gif); display:none; margin:auto; width:160px; height:20px; }
.mensaje { color:#1f1a17; font:bold 18px/19px 'Droid Serif', arial, serif; letter-spacing:-1px; padding-left:20px; text-transform:uppercase; }










/********************************************************************************************************************************  END  *******************/