/*		# Site: Terra Toys - Site Code/Layout Redesign.
		# Date: July 2010
		# 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
 ***********************************************************************************************************************************************************/
body { background:#000; font: normal 13px/19px Arial, Helvetica, sans-serif; margin:0; padding:0; }

h1 { color:#333; font:bold 20px/19px Georgia, "Times New Roman", Times, serif; padding:5px 1px; margin:0px;  }
h2 { color:#333; font:normal 17px/19px Georgia, "Times New Roman", Times, serif; padding:0px 0px; margin:0px;  }


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

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



/***********************************************************************************************************************************************************
                         Divisions
 ***********************************************************************************************************************************************************/
#wrapper {  background:#000; margin:0 auto; padding:0 auto; width:800px;  }
#wrapper img { border:0; }

#header { margin-top:50px; width:800px; clear:both;  }


#content { background: url(images/bk.jpg) repeat-y; width:800px; min-height:460px; }
 
#sidebar   { width:140px; float:left; padding:20px 20px 10px;  }
#sidebar h1 { color:#fff; font:normal 15px/19px Georgia, "Times New Roman", Times, serif; padding:0; margin:0px;  }
#sidebar h2 { color:#fff; font:normal 13px/19px Georgia, "Times New Roman", Times, serif; padding:0; margin:0px;  }
#sidebar li { color:#fff; font:normal 13px/19px Georgia, "Times New Roman", Times, serif; margin-left:0; margin-bottom:16px; list-style:none; }

#principal { width:590px;  margin:20px 10px 0 20px; float:right; position:relative; }
#principal img { background:#b40101; }
#principal a:hover img { filter:alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; }

.mainbox { background:none; float:left; margin:0 8px; padding:4px; width:170px; min-height:260px; }
.mainbox h1 { color:#b40101; font:normal 20px/19px  Georgia, "Times New Roman", Times, serif, Times, serif; letter-spacing:-1px; margin:4px 0 8px; width:99%; }
.mainbox p  { color:#444040; padding-right:20px;   }
.mainbox li { font:normal 12px/19px Arial, Helvetica, sans-serif; margin-left:16px; margin-bottom:2px; list-style:circle; }
.mainbxfx { margin-right:0; }

.imgfix { border:0; margin:6px; }




#footer { clear:both; background:url(images/footer.jpg); width:800px; height:38px; }
#footer p { color:#2c2c2c; margin:0; padding:10px 0 0; text-align:center; }




/***********************************************************************************************************************************************************
                         Navigation
 ***********************************************************************************************************************************************************/
#nav { background:url(images/patch.jpg) repeat-x;  margin:0; padding:0; width:338px; height:49px; padding-right:90px; float:right; }
#nav li   { float:left; list-style:none; }

#nav li.btn1 a { background:url(images/btn1.jpg) no-repeat; display:block; width:84px; height:49px; text-indent:-10000px; outline:none; padding:0 0 0 0; }
#nav li.btn1 a:hover { background-position: 0 -49px; }
#nav li.btn2 a { background:url(images/btn2.jpg) no-repeat; display:block; width:84px; height:49px; text-indent:-10000px; outline:none; padding-right:0; }
#nav li.btn2 a:hover { background-position: 0 -49px; }
#nav li.btn3 a { background:url(images/btn3.jpg) no-repeat; display:block; width:84px; height:49px; text-indent:-10000px; outline:none; padding-right:0; }
#nav li.btn3 a:hover { background-position: 0 -49px; }
#nav li.btn4 a { background:url(images/btn4.jpg) no-repeat; display:block; width:86px; height:49px; text-indent:-10000px; outline:none; padding-right:0; }
#nav li.btn4 a:hover { background-position: 0 -49px; }



/***********************************************************************************************************************************************************
                         Formulario
 ***********************************************************************************************************************************************************/
input { background:#f9f9f9; border:#f9f9f9 1px solid; color:#4c4c4c; font:normal 14px Arial, Helvetica, sans-serif; margin:0 0 6px 0px; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
input:focus { background:#FFF; border:#b40101 1px solid; color:#000; outline:none; }

textarea { background:#f9f9f9; border:#f9f9f9 1px solid; color:#4c4c4c; font:normal 14px Arial, Helvetica, sans-serif; margin:0 0 6px 0px; padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
textarea:focus { background:#FFF; border:#b40101 1px solid; color:#000; outline:none; }

form label { color:#333; font:normal 14px/19px Georgia, "Times New Roman", Times, serif; letter-spacing:0; display:block; margin:10px 0 2px 0px; }

.button  { background:#b40101; border:#b40101 1px solid; color:#fff; font:normal 18px/18px Georgia, "Times New Roman", Times, serif; letter-spacing:0; margin:2px 0 0 0; padding:4px; outline:none; -moz-border-radius:6px; -webkit-border-radius:6px;}
.button:hover {background:#333; border:#333 1px solid; color:#fff; cursor:pointer; outline:none; }



/***********************************************************************************************************************************************************
                         Jquery Ajax Loading
 ***********************************************************************************************************************************************************/				
#loading { background-image:url(images/preloader.gif); display:none; margin:auto; width:160px; height:20px; }
.mensaje { color:#000; font:normal 19px/19px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; padding:14px 12px 20px;}



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