body{
	margin: 0;
	background: #000 url(img/bg.jpg) no-repeat right bottom;
	background-attachment: fixed;
	font-family: Century Gothic;
	font-size: 12px;
	text-align: center;	
}
#body{
	width: 1000px;
	margin: 0 auto;
	color: #333;
	box-shadow: 0 3px 15px rgba(0,0,0,0.6);
}
#top{
	width: 1000px;
	height: 125px;
	background-color: #FFF;
}
.logo{display: block; float: left; width: 500px; height: 125px; background: url(img/logo.png) no-repeat;}
.contact{ float: right; padding: 20px 27px 0 0; color: #999; text-align: right; font-family: 'Century Gothic', Arial;font-size: 15px;}
.contact span{display: block;text-align: right;}
.contact a{ color: #999; text-decoration: none;}
.face{display: block; width: 20px; height: 20px; background: url(img/face.png) no-repeat; margin-top: 5px; float: right;}
#menu{background: #4f5158; height: 40px;}
#menu ul{ margin: 0 17px 0 0; padding: 0; list-style: none; float: right;}
#menu li{float: left; background: url(img/li.png) no-repeat left center;}
#menu li:first-child{background: none;}
#menu li a{ display: block; float: left; line-height: 40px; text-transform: uppercase; color: #DDD; line-height: 40px; padding: 0 10px 0 12px; text-decoration: none; font-family: 'Century Gothic', Arial; font-size: 13px;}
#menu li a:hover{color: #FFF;}
#panel{
	width: 1000px;
	background-color: #FFF;
	overflow: hidden;
}
#pleft{
	width: 200px;
	padding: 15px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
	background: #FFF;
	min-height: 350px;
}
#content{
	width: 920px;
	padding: 20px 40px;
	float: right;
	overflow: hidden;
	text-align: center;
}
#bottom{
	width: 1000px;
	padding: 30px 0;
	text-align: right;
	margin: 0 auto;
	clear: both;
	color: #555;
}
#content div{ text-align: center; }
#content h1{
	padding: 5px 0;
	margin: 0 0 15px;
	text-align: left;
	color: #206fa7;
	font-size: 20px;
	font-family: 'Century Gothic', Arial;
	text-transform: uppercase;
}
#content h2{
	padding: 5px 0;
	margin: 0 0 15px;
	text-align: left;
	color: #222;
	font-size: 17px;
	font-family: 'Century Gothic', Arial;
	text-transform: uppercase;
}
#content p{
	margin: 0 0 15px;
	text-align: justify;
	line-height: 16px;
}
#content table{
	margin: 0 auto 0 0;
}
#content div table{
	margin: 0 auto;
}
#content table td{
	text-align: left;
}
#content ul{
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;	
}
#content ol{
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;	
}
#content li{
	text-align: justify;
}
.clear{ clear: both; }
.right{ float: right; }
.left{ float: left; }
.iright{ float: right;	margin: 0 0 12px 12px; }
.ileft{ float: left; margin: 0 12px 12px 0; }
.slist{ list-style: none; }
.hide{ display: none; }
#content a{ color: #386AB6; text-decoration: underline; }
#content a:hover{ color: #555555; text-decoration: none;}
#content .tleft{
	text-align: left !important;
}
#content .tright{
	text-align: right !important;
}
.u{ text-decoration: underline; }
a,input{ outline: 0px; }
a img { border: 0; }
.sac{ float:left;	}
.sac a{ color: #0b668d;	text-decoration: none; }
.sac a:hover{ color: #333333; }
input{font-family: Arial;}
.input{
	background-color: #FFF;
	border: 1px solid #D0D0D0;
	font-size: 12px;
	padding: 3px 2px;
	margin: 0;
}
.inputerror{
	background-color: #E1EBFF;
	border: 1px solid #AECBFF;
}
.submit{
	background-color: #A8C7FF;
	border: 1px solid #8AB4FF;
	padding: 10px 8px;
}
span.error{
	display: inline-block;	
	padding: 2px 7px 2px 22px;
	color: #777;
	margin: 0 0 0 1px;
	display: none;	
	background: #FDF5E8 url(img/error.png) no-repeat 2px 0px;
	border: 1px solid #E7CA96;
	position: absolute;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.tcontacto{
	width: 570px;
}
.tcontacto .tdlabel label{
	display: block;
	width: 120px;
	text-align: right;
}
.tcontacto .tdlabel{
	width: 120px;
}
.dlist dt{
	float: left;
	width: 120px;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding: 3px 0px;
	white-space: nowrap;
}
.dlist dd{
	padding: 3px 0px;
	color: #C87224;
}


#visor-slide{width: 1000px;position: relative;margin: 0 auto 0;}
#visor{width: 1000px;height: 415px;overflow: hidden;position: relative;}
#visor .sUp{width: 1000px;height: 415px;position: absolute;top: 0px;left: 0px;z-index: 10;opacity:1;filter: alpha(opacity=100);background: #fff;}
#visor .sDown{width: 1000px;height: 415px;position: absolute;top: 0px;left: 0px;z-index: 9;background: #fff;}
#visor .images{display: none;}
#visor-slide .nivo-caption{z-index: 11;position: absolute; bottom:0; left: 0;width: 1000px;padding: 15px 10px 5px;text-align: left;color: #FFF;background: rgba(180,180,180,0.6);}
#visor-slide .nivo-caption h3{color: #99DAFD; margin: 0 0 4px; padding: 0;font-size: 15px; text-align: center;}
#visor-slide .nivo-caption h3 a{color: #FFF; text-decoration: none; font-family: 'Century Gothic', Arial; letter-spacing: 4px;}
#visor-slide .nivo-caption h3 a:hover{color: #FFF;}
#visor-slide .nivo-caption p{color: #FFF; margin: 0; padding: 0; font-size: 11px;}

#footer {width: 1000px; margin: 58px auto 10px; padding: 0; height: 30px; overflow: hidden;position: relative;}
#footer .fslide{height: 50px; overflow: hidden; position: absolute; top:0; left: 0;}
#footer a{display: block; float: left; background-image: url(img/logos.png); height: 30px; margin-right: 25px;cursor: default;}
.delta{ width: 71px; background-position: 0 -30px;}
.delta:hover{background-position: 0 0;}
.glitter{ width: 75px; background-position: 0 -90px;}
.glitter:hover{background-position: 0 -60px;}
.philips{ width: 82px; background-position: 0 -150px;}
.philips:hover{background-position: 0 -120px;}
.lumar{ width: 78px; background-position: 0 -210px;}
.lumar:hover{background-position: 0 -180px;}
.gam{ width: 78px; background-position: 0 -270px;}
.gam:hover{background-position: 0 -240px;}
.lumenac{ width: 92px; background-position: -100px -30px;}
.lumenac:hover{background-position: -100px 0;}
.imdi{ width: 65px; background-position: -100px -90px;}
.imdi:hover{background-position: -100px -60px;}
.elt{ width: 63px; background-position: -100px -150px;}
.elt:hover{background-position: -100px -120px;}
.il{ width: 104px; background-position: -100px -210px;}
.il:hover{background-position: -100px -180px;}
.osram{ width: 62px; background-position: -100px -270px;}
.osram:hover{ background-position: -100px -240px;}
.idoler{ width: 91px; background-position: 0px -300px;}
.idoler:hover{background-position: -100px -300px;}
.indular{ width: 95px; background-position: 0px -330px;}
.indular:hover{background-position: -100px -330px;}
.dabor{ width: 67px; background-position: 0px -360px;}
.dabor:hover{background-position: -100px -360px;}
.movilux{ width: 44px; background-position: 0px -390px;}
.movilux:hover{background-position: -100px -390px;}
.inikell{ width: 25px; background-position: 0px -420px;}
.inikell:hover{background-position: -100px -420px;}
.ol{ width: 86px; background-position: 0px -450px;}
.ol:hover{background-position: -100px -450px;}
.idea{ width: 83px; background-position: 0px -480px;}
.idea:hover{background-position: -100px -480px;}
.beltram{ width: 67px; background-position: 0px -510px;}
.beltram:hover{background-position: -100px -510px;}
.atomlux{ width: 81px; background-position: 0px -540px;}
.atomlux:hover{background-position: -100px -540px;}
.grok{ width: 41px; background-position: 0px -570px;}
.grok:hover{background-position: -100px -570px;}
.artemide{ width: 86px; background-position: 0px -600px;}
.artemide:hover{background-position: -100px -600px;}
.lumipack{ width: 82px; background-position: 0px -630px;}
.lumipack:hover{background-position: -100px -630px;}
.ac{ width: 94px; background-position: 0px -660px;}
.ac:hover{background-position: -100px -660px;}
.girasoles{ width: 94px; background-position: 0px -690px;}
.girasoles:hover{background-position: -100px -690px;}
.rhome{ width: 94px; background-position: 0px -720px;}
.rhome:hover{background-position: -100px -720px;}
.premier{ width: 70px; background-position: 0px -750px;}
.premier:hover{background-position: -100px -750px;}
.punto{ width: 78px; background-position: 0px -780px;}
.punto:hover{background-position: -100px -780px;}
.ticar{ width: 76px; background-position: 0px -810px;}
.ticar:hover{background-position: -100px -810px;}
.ara{ width: 35px; background-position: 0px -840px;}
.ara:hover{background-position: -100px -840px;}






















.content{ background: rgba(255,255,255,0.9); padding: 20px; box-shadow: 0 3px 15px rgba(0,0,0,0.3);}
.cleft{ width: 400px; floaT: left;}
.cright{ width: 400px; floaT: right;}
.nosotros{ background: url(../img/03.jpg) no-repeat;}
.catalogo{ background: url(../img/02.jpg) no-repeat; padding-top: 20px;}
.catalogo #content{width: 680px; float: right; padding: 15px; background: #FFF; margin-right: 20px;}
.catalogo #content.full-width{width: 930px; float: right; padding: 15px; background: #FFF; margin-right: 20px;}
.servicios{ background: url(../img/02.jpg) no-repeat;}
.contacto{ background: url(../img/04.jpg) no-repeat;}

#pleft h2{ color: #206fa7; margin: 0 0 10px; padding: 0; text-transform: uppercase; text-align: left; font-weight: bold;}
#pleft .options ul{ margin: 0; padding: 0; list-style: none; font-family: Century Gothic;}
#pleft .options ul li{ text-align: left; margin-bottom: 4px;}
#pleft .options ul ul{ margin: 5px 0 10px 20px; display: none;}
#pleft .options a{ color: #222; text-decoration: none; display: block; text-transform: uppercase; font-size: 11px;}
#pleft .options a:hover{ color: #777;}
#pleft .options ul ul a{ color: #187ac3;}
#pleft .options ul ul li.active a{ color: #000 !important; font-weight: bold;}


.productos{overflow: hidden; font-family: Century Gothic;}
.productos ul{margin: 0 0 30px !important; list-style: none; overflow: hidden;}
.productos ul ul{width: 693px;}
.productos ul ul li{width: 218px; margin-right: 13px;float: left;position: relative;}
.productos ul ul li img{max-width: 218px;max-height: 115px;}
.productos h2{font-size: 14px !important; border: 0!important; margin: 0 !important;background: #eee !important; color: #222;text-align: left; padding: 10px 5px !important; border-radius: 4px; font-weight: normal !important;}
.productos h2 a{color: #222 !important; text-decoration: none !important;font-family: Century Gothic;}
.productos h2 a:hover{color: #555 !important;}
.productos .image{display: block;width: 218px;height: 115px;overflow: hidden;text-align: center;}
.productos .marca{float: left; text-align: left !important; font-size: 14px; color: #000;text-transform: uppercase;}
.productos .desc{float: left; text-align: left !important; font-size: 12px; color: #777;margin-top: 5px;}
.productos .desc p{text-align: left !important; margin: 0 !important;}
.productos .price{text-align: right !important; color: #0e71b4; font-size: 14px; font-weight: bold;float: right; margin-top: 5px;padding: 0 5px; border-radius: 4px;}
.productos .especial{background: #B61D21 !important; color: #0e71b4 !important;}
.productos .info{background: #0b71b3; font-size: 11px; font-weight: bold;color: #FFF!important; text-shadow: 0 1px 3px rgba(0,0,0,0.2); display: inline-block; margin-top: 1px; padding: 3px 10px; box-shadow: 0 -3px 10px rgba(0,0,0,0.1);float: right; text-decoration: none !important;}
.productos .info:hover{background: #222;}


.producto{overflow: hidden;}
.producto .image{width: 383px;text-align: center;}
.producto .image img{max-width: 383px;max-height: 202px;}
.producto .sku{ color: #777;}
.producto .detalle{ float: right; width: 281px;}
.producto .detalle h1{ background: #EEE; color: #555 !important; font-size: 15px !important; font-weight: normal; text-transform: none !important; padding: 5px 10px 6px !important; margin: 15px 0 !important; margin-left: -50px !important; position: relative; z-index: 999;}
.producto .detalle h4{ clear: both; color: #a17c34; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #ccc; text-align: left; font-weight: normal;}
.producto .detalle .desc{ margin-bottom: 15px; line-height: 18px;}
.producto .detalle .price{ color: #0c72b4; font-size: 18px;text-align: right !important; font-weight: bold;}
.producto .detalle .spec{float: right; margin: 15px 0;background: #0c72b4; color: #FFF!important; font-size: 11px;text-shadow: 0 1px 3px rgba(0,0,0,0.2); display: inline-block; padding: 3px 10px; text-transform: uppercase; text-decoration: none	!important;}
.producto .detalle .spec:hover{background: #222;}
.producto .detalle .addcart{float: left; margin: 15px 0;background: #BA9654; color: #FFF!important; font-size: 16px;text-shadow: 0 1px 3px rgba(0,0,0,0.2); display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: inset 2px 2px 18px 0px rgba(255,255,255,0.6);}
.producto .detalle .addcart:hover{background: #C7AA76;}
.producto .detalle .files{ list-style: none; margin: 0 !important;}
.producto .detalle .files li{ padding-left: 20px; background: url(img/pdf.png) no-repeat;}


.producto .gallery{
	float: left;
	width: 383px;
	margin-bottom: 20px;
	overflow: hidden;
}
.producto .window{
	width: 383px;
	height: 202px;
	overflow: hidden;
	position: relative;
	margin-bottom: 6px;
}
.producto .image img{
	text-align: center;
	margin: 0px auto;
}
.producto .controls{
	overflow: hidden;
	padding: 0px 0px;
	height: 24px;
	background: #EEE;
	display: none;
}
.producto .controls a{
	display: block;
	width: 72px;
	margin-top: 1px;
	height: 24px;
	background: url(img/nextprev.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
}
.producto .controls a.prev{background-position: 0 0; float: left;}
.producto .controls a.next{background-position: -72px 0; float: right;}
.producto .thumbs img{
	float: left;
}
.producto .thumbs{
	width: 383px;
	height: 49px;
	overflow: hidden;
	position: relative;
	display: none;
}
.producto .thumbs a{
	display: block;
	float: left;
	width: auto;
	height: 49px;
	margin-right: 5px;
}
.producto .thumbs a.current img{
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.producto .thumbs img{
	border: 0px;
	max-width: 92px;
	max-height: 49px;
	width: auto;
	height: auto;
}
.producto .images{
	position: absolute;
	top: 0px;
	left: 0px;
}
.producto .pload{
	background: transparent url(img/load.gif) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.categories a{
	width: 225px;
	display: block;
	margin-right: 10px;
	float: left;
}
.categories{width: 940px; overflow: hidden;}



/***/
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:709px;
	height:350px;
	background: rgba(255,255,255,0);
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:44%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.theme-default .nivoSlider {
	position:relative;
	background:#fff url(img/loading.gif) no-repeat 50% 50%;
    margin-bottom:0px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0;
	position:absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(img/slider-bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:43px;
	height:43px;
	background:url(img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-43px 0;
	right:10px;
}
.theme-default a.nivo-prevNav {
	left:10px;
}
.theme-default a.nivo-nextNav:hover {background-position: -43px -43px;}
.theme-default a.nivo-prevNav:hover {background-position: 0 -43px;}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
#pleft h2{position: relative;cursor: pointer;}
#pleft h2 span{display: none;width: 20px;height: 12px;position: absolute;top: 5px;right: 0;background: url(img/arrow-sprite.png) no-repeat 0 0;}
#pleft h2 span.active{background-position: 0 -12px;}

.nav-mobile{display: none;background: #4f5158 url(img/nav-mobile.png) no-repeat right center;border-radius: 4px;line-height: 40px !important;font-size: 14px !important;padding: 0;margin: 0 0 1px;text-decoration: none;color: #FFF;width: 100%;height: 40px !important;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-transform: uppercase;overflow: hidden;}
@media only screen and (max-width: 1023px){
	#body,
	#footer,
	#bottom{width: 95%;}
	#top,
	#panel{width: auto;}
	#visor-slide,
	#visor{width: auto;height: auto;}
	#visor-slide .nivo-caption{width: 100%;}
	#content{width: 92%;padding: 2% 4%;}
	.catalogo #content.full-width{width: 93%;padding: 1.5%;margin-right: 2%;}
	.categories{width: 100%;}
	.categories a{width: 24.25%;margin-right: 1%;}
	.categories a:last-child{margin-right: 0;}
	.categories a img{max-width: 100%;width: auto;height: auto;}
	#pleft{width: 20%;padding: 1.5%;margin-left: 2%;}
	.catalogo #content{width: 68%;padding: 1.5%;margin-right: 2%;}
	.productos ul ul{width: 100%;}
	.productos ul ul li{width: 31%;margin-right: 2.333%;}
	.productos ul ul li:last-child{margin-right: 0;}
	.productos .image{width: auto;height: 100px;}
	.productos ul ul li img{max-width: 100%;max-height: 100px;}
	.producto .gallery{width: 56%;}
	.producto .window,
	.producto .image,
	.producto .thumbs{width: 100%;}
	.producto .image img{max-width: 100%;width: auto;height: auto;}
	.producto .detalle{width: 41%;}
	.tcontacto{width: 100%;}
	.tcontacto textarea{width: 98%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.producto .thumbs img{max-width: 64px;}
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
	.logo{width: 400px;height: 100px;background-size: contain;margin-top: 12px;}
}
@media only screen and (max-width: 767px) {
	#top{height: auto;position: relative;padding-top: 25px;text-align: center;}
	.contact{float: none;position: absolute;width: 90%;top: 0;right: 0;padding: 3px 5%;text-align: center;font-size: 12px;line-height: 20px;background: #F5F5F5;}
	.contact span{display: inline-block;margin: 0 3px;}
	.face{margin: 0;position: absolute;top: 3px;right: 3px;}
	.logo{float: none;background-size: contain;display: inline-block;}
	#pleft{width: 93%;float: none;margin-bottom: 10px;min-height: 0;}
	#pleft h2{margin: 5px 0;}
	#pleft h2 span{display: block;}
	#pleft .options{display: none;}
	.catalogo #content{width: 93%;}
}
@media only screen and (min-width: 600px) and (max-width: 899px) {
	.productos h2{font-size: 12px !important;}
	.productos .marca{font-size: 12px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#menu{text-align: center;}
	#menu ul{float: none;}
	#menu li{float: none;display: inline-block;}
	#menu a{float: none;}
	.productos h2{font-size: 11px !important;}
	.producto .thumbs img{max-width: 69px;}	
}
@media only screen and (max-width: 599px) {
	.nav-mobile{display: block;}
	#menu{height: auto;}
	#menu ul{float: none;background: #5B5E69;margin: 0;padding: 5px 0;display: none;}
	#menu li{float: none;display: block;background: none;text-align: left;}
	#menu li a{float: none;display: inline-block;text-align: left;line-height: 24px;font-size: 11px;}
	.categories a{width: 49.5%;margin-right: 0%;margin-bottom: 1%;}
	.categories a img{width: 100%;}
	.categories a:nth-child(odd){margin-right: 1%;}
	.categories a:last-child{margin-right: 0;}
	.cleft{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	.cleft iframe{width: 100%;}
	.content{padding: 10px;}
	.productos ul{margin: 0 !important;}
	.productos ul ul li{width: 67%;margin: 0;float: none;position: relative;padding: 37px 0 0 33%;margin-bottom: 10px;}
	.productos h2{position: absolute;top: 0;right: 0;line-height: 35px;padding: 0 3% !important;width: 96%;font-size: 12px !important;}
	.productos .image{position: absolute;top: 37px;left: 0;width: 30%;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	.contact{font-size: 12px;}
	.contact span:first-child{display: none;}
	.productos ul ul li{min-height: 90px;}
	.productos .image{height: 90px;}
	.producto .window{height: 170px;}
	.producto .image img{max-height: 170px;}
	.producto .thumbs img{max-width: 54px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo{width: 300px;height: 75px;}	
}
@media only screen and (max-width: 479px) {
	#body,
	#footer,
	#bottom{width: 98%;}
	.contact{font-size: 10px;padding: 3px 10%;width: 80%;}
	.contact span:first-child{display: none;}
	.logo{width:250px;height: 62.5px;}
	#visor-slide .nivo-caption h3{font-size: 12px;margin: 0;}
	#visor-slide .nivo-caption h3 a{letter-spacing: 2px;}
	#visor-slide .nivo-caption{padding: 7px 10px 5px;}
	#content h1{font-size: 17px;}
	.productos ul ul li{min-height: 80px;}
	.productos .image{height: 80px;}
	.producto .thumbs img{max-width: 66px;}
	.catalogo #content h1{font-size: 14px;}
	.producto .gallery{width: 100%;}
	.producto .detalle{width: 100%;}
	.producto .detalle h1{margin-left: 0 !important;}
	.tcontacto .input,
	.tcontacto textarea{width: 144px;}
}