body{width:100%;margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

a { color:#F90}

.clear {clear:both}
#lolo{background:#d5d5d5;
	margin-top:0px;
	border-bottom:2px solid #fc771f;
	height:113px;}
#wrapper{width:960px;margin:0 auto;
}


#logo{width:227px;height:60px;margin:-10px 0 0 100px;float:left; cursor:pointer;}
#luz{width:39px;height:60px;margin:-10px 0 0 30px;float:left; cursor:pointer;transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
#luz:hover,#logo:hover + #luz {transform:rotate(6deg) translateX(5px);-moz-transform:rotate(6deg) translateX(8px);-webkit-transform:rotate(6deg) translateX(5px);-o-transform:rotate(6deg) translateX(5px);}

#navegacion{display:inline;float:left; margin:-20px 0 0 50px; line-height:90px;}
#topmenu li {display:inline;float:left;}
#topmenu li span a{width:100px;height:60px;text-decoration:none;color:#000;display:block;text-align:center}
#topmenu li span a:hover,#topmenu li span a.activo{background:url(../images/glow.png) no-repeat;}
#topmenu li span a.activo{font-weight:bold;color:#F90;}

.separador{height:3px; width:960px;background:url(../images/separador.jpg) top center no-repeat; clear:both}

#slider{width:960px;height:290px;margin:20px auto;}
#coin-slider-shadow {background:url(../images/slideshadow.jpg) bottom center no-repeat;width:900px;height:40px;overflow:hidden;position:relative;top:-20px;z-index:-1000;margin:0 auto;}

.sliderd{width:600px;height:300px;margin:20px auto;}
.sliderdtitle{position:relative; float:left; top:20px; height:30px; width:348px;; margin:0px auto; background:#CCC; text-align:center; line-height:30px;}
.slideri{width:600px;height:300px;margin:20px auto;}
.sliderititle{position:relative; float:right; top:20px; height:30px; width:348px;; margin:0px auto; background:#CCC; text-align:center; line-height:30px;}

#categorias {width:960px;height:140px;margin:20px auto;}

#categorias ul {width:920px;margin:0 auto;}

#categorias li{width:190px;height:110px;margin:0 10px; display:inline; float:left; border:10px #FFF solid}
#categorias li a span{width:190px;height:110px;display:block; position:absolute;visibility:hidden;}
#categorias li a:hover span{width:190px;height:110px;display:block;position:relative;top:-110px;visibility:visible;}

#frontleft { width:430px; height:auto; margin:10px; padding:0px; float:left; display:inline; position:relative; left:20px;}
#frontleft h1, #frontright h1 { width:430px; height:25px; padding:5px; float:left; display:inline;}
#frontleft ul, #frontright ul {float: left; display:inline;}
#frontleft li {float: left; display:inline; margin:5px; border:3px solid #fff;}
#frontleft li:hover {float: left; display:inline; margin:5px; border:3px solid #f90;}
#frontleft li img{ width:120px;}
.more { width:120px; height:25px; float:right; display:inline; background-color:#ccc; text-align:center; margin:5px 30px;}
.more:hover {background-color:#F90}
.more a{color:#000; text-decoration:none; line-height:25px;}
#frontright { width:430px; height:auto; margin:10px; padding:0px; float:right; display:inline; position:relative; right:30px;}
#frontright li {width:430px; height:auto; border-bottom:dotted 1px #ccc; padding:5px; line-height:22px; font-size:90%}
#frontright li:hover { background-color:#eee;}

#sidebar {width:200px;height:500px;margin:20px auto; float:left;}

#container {width:760px;min-height:500px;margin:20px auto; float:left;}

.producto { display:inline; width:150px; height:120px; float:left; border:1px solid #ccc; padding:10px; margin:10px; text-align:center;}
.producto h3{ width:170px; height:20px; background:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc; position:relative; left:-10px; line-height:20px; font-weight:normal;}
.producto img{ width:100px; height:100px; margin:5px 0;}

#map{width:960px;height:400px;margin:20px auto; border:4px solid #fff;}
#map-shadow {background:url(../images/slideshadow.jpg) bottom center no-repeat;width:960px;height:40px;overflow:visible;position:relative;top:-20px;z-index:-1000; margin-bottom:-20px;}
#frente { margin:20px 0; width:300px; height:300px; border:4px solid #fff; float:left;}
#frente img {width:300px; height:300px;}

#contacto-left { margin:20px 10px 20px 0; width:300px; height:300px; border:4px solid #fff; float:left;font-size:90%}
#contacto-left .button { margin:10px; position:relative; left:50px; background:#ccc; height:30px; width:150px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;}
.info_fieldset {float:left; display: inline; }
fieldset { border:none;}
label { width:80px; float:left;}
.notification_error {width:220px; float:left; display: inline; background:#FFF; border:1px solid #900; padding:5px; }
.notification_ok {width:220px; float:left; display: inline; background:#FFF; border:1px solid #390; padding:5px; }
#note {width:200px; float:left; display: inline;}
#contacto-right { margin:20px 0 20px 20px; width:300px; height:300px; border:4px solid #fff; float:left;font-size:90%}
#info {line-height:45px;}
#info p {padding-left:30px;}
#info img {float: left; display:inline; width:16px; height:16px; padding:15px 0 0 0;}

.ts {text-shadow:1px 1px 1px #ccc;}
.ts2 {text-shadow:1px 1px 1px #fff;}
.bs {box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;}
.bs2 {box-shadow:0px 0px 5px #ccc;-moz-box-shadow:0px 0px 5px #ccc;-webkit-box-shadow:0px 0px 5px #ccc;}

#footer {
	height: auto;
	background-color: #eee;
	margin: 0;
	position: relative;
	bottom: 0px
}
#footercontent {width:1300px; height:250px; margin:0 600px; font-size:100%;}
#sitemap {width:1200px; height:220px; clear:both;}
#sitemap ul {padding:5px 0}
#sitemap a{color:#000;text-decoration:none;}
#sitemap a:hover{font-weight:bold;}
#sitemap li.lts{width:80px;float:left;display:inline}
#sitemap li.ltb{width:960px;float:left;display:inline}
#sitemap ul li{display:inline}
#sitemap .col{
	position: relative;
	float: left;
	display: inline;
	clear: right;
	width: 181px;
	margin: 5px;
	line-height: 12px;
}
#sitemap .col span{text-decoration:underline}
#sitemap ul li ul li{display:list-item}
#copyright {display:inline;float:left}
#tojoshan {display:inline;float:right;color:#333}
#tojoshan a{text-decoration:none;color:#333}
#tojoshan a:hover{color:#000;font-weight:bold}



#search-form {
	background: #e1e1e1; /* Fallback color for non-css3 browsers */
	width: 200px;
	color:#000;
	
	/* Gradients */

  background: -moz-linear-gradient(#ff9900, ##b81500);
  background: -o-linear-gradient(#ff9900, #ffa722);
  background: -ms-linear-gradient(#ff9900, #ffa722);
  background: linear-gradient(#ff9900, #ffa722);
 ;
	
	/* Rounded Corners */
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	
	/* Shadows */
	box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3); 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3), 0 0 2px rgba(0,0,0,.3);
}

/*** TEXT BOX ***/
input[type="text"]{
	background: #fafafa; /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230)));
	background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);
	color:#000;
	border: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid rgba(255,255,255,.8);
	  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
	margin: 4px;
	padding: 5px;
	width: 104px;
	
	/* Rounded Corners */
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	
	/* Shadows */
	box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
	-moz-box-shadow: -1px -1px 2px rgba(0,0,0,.3), 0 0 1px rgba(0,0,0,.2);
}

/*** USER IS FOCUSED ON TEXT BOX ***/
input[type="text"]:focus{
	outline: none;
	background: #fff; /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(235,235,235)));
	background: -moz-linear-gradient( center top, rgb(255,255,255) 0%, rgb(235,235,235) 100%);
}

/*** SEARCH BUTTON ***/
input[type="submit"]{
	background: #F90;/* Fallback color for non-css3 browsers */
	
	/* Gradients */
	

	
	border: 0;
	color: #fff  ;
	cursor: pointer;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight:bold;
	height: 25px;
	margin: 4px 6px ;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 60px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 0px; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEARCH BUTTON HOVER ***/
input[type="submit"]:hover {
	background: linear-gradient(#ff9900, #ffa722); /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	 background: -moz-linear-gradient(#ff9900, ##b81500);

}
input[type="submit"]:active {
	background: #309; /* Fallback color for non-css3 browsers */
	
	/* Gradients */
	background: linear-gradient(#ff9900, #ffa722);
	
}

#texto {
	color:#000}