@font-face {
    font-family: "blair";
    src: url(blairmditc.ttf);
}
.blair {
    font-family: "blair";
    font-size: 10px;
    line-height:18px;
}
body { margin:0; background:url(top.jpg) repeat-x; padding:0px 0 0 0; width:100%; overflow-x:hidden; font:normal 11px blair; line-height:18px}
html { padding:0; margin:0;}
hr{color:black; margin:5px 10px 15px 10px; background-color:#000}
.line{border:none;color:white;height:1px;background:#333;background: -webkit-gradient(radial, 100% 50%, 0, 100% 50%, 850, from(#ccc), to(#fff));}
form h3{font-size:12px; padding:0; margin:0}
form .error{color:red; text-align:center}
h1.hide{display:none}
/* main */
.shadow-l { background: url(images/shadow-large.png) no-repeat 0 0; width: 100%; height:700px; position: absolute; margin-left:-24px; z-index:-999}
.main { margin:0 auto 0 auto; padding:0 0 10px 0; width:1000px; border-bottom:1px solid #ececec; background:#fff }
.main h2 { font:normal 15px blair; color:#2a2a2a; padding:10px 5px; margin:0;}
.main h2 span { font:  italic 11px Arial, Helvetica, sans-serif; color:#b1b1b1;}
h3 { font:normal 12px blair; color:#7e7e7e; margin:10px; font-weight:bold;}
.main p { font:normal 12px blair; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.main p span { color:#b1b1b1; font: italic 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.main a { color:#2d75c0; text-decoration:none;}
.main ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main li.serv { padding:5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#2d75c0;}
.main img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left { width:250px; float:left; padding:0 0 0 10px; margin:10px; border:1px solid #ddd; }
.main_right { width:674px; float:left; padding:10px; margin:10px 0 0 0; border:1px solid #ddd}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}

/* header */

.header{position:relative;border-bottom:0px solid #aaa; padding:0px 0 0px 0; text-align:center; height:140px; width:997px; margin:0 auto  0 auto; background:url(top.png) }

#izq{margin-left:0px; height:100px; margin-top:10px; width:255px; margin-bottom:10px;}
/*menu*/
.menu { margin:0 0 0 0; float:right; border:0px solid #ddd;  width:733px;; height:50px; margin-top:-5px;background:url(images/menu-bg.png) no-repeat;}
.menu-user{margin:0; float:right; border:0px solid #ddd; width:670px; margin-right:0px; margin-top:10px;}
 /* contenedores */
 
#home {width:705px; padding:3px 0 0 3px; margin:10px 0 0 10px; height:auto; float:left; border:1px solid #ddd; background:#fff; text-align:justify}
#home p{ font:normal 10px blair; line-height:18px}
#contenido {width:688px; padding:4px 10px 5px 10px; margin:0px 0 0 10px; height:auto; float:left; border:1px solid #ddd; background:#fff; text-align:justify}
#contenido p{ font:normal 10px blair; line-height:18px}
#contenido span{ font:normal 10px blair; line-height:18px}
#contenido h2{background-color:#f5f5f5}
#contenido h1{line-height:36px; background:#E6E6fA; padding:10px}

/* menu lateral */

#vmenuleft h2{margin: 0 0 5px 10px;}
#vmenuleft{border:1px solid #aaa; background:#fff;}
#vmenuleft h3{font-family:blair; }
#vmenu{}
#vmenu li{border-bottom:1px solid #FFF;  background:url(images/vmenu.png); line-height:30px; list-style-type:none;font-size:10px; margin-left:-40px}
#vmenu li a{padding-left:10px;}
#vmenu ul li, #menu li:last-child{background:#fff; border-bottom:1px solid #eee; list-style-type:none; padding-left:10px}	
#vmenu a{color:#054f93}
#vmenu a:hover{color:black;-webkit-transition: color 0.5s linear;}
#vmenu ul a{color:red; background-color:#fff;}
#vmenu ul a:hover{
	background-color:#FFF;
	color:red;
	text-shadow:none;
	text-decoration:underline;
	
	-webkit-transition: color, text-decoration 0.2s linear;
}
#tablas{border:1px solid #ccc; text-align:center ; margin-top:10px}

#vmenu ul{background-color:#fff;}
#vmenu li ul {display:none;}

/*end vertical menu*/
.click { width:350px; float:right; padding:0; margin:0; text-align:right;}
.click p { font: normal 12px Arial, Helvetica, sans-serif; color:#959595; padding:0; margin:0;}

/* slider_main */
.slider_main { margin:0 auto; padding:0;}
.slider_main .leftt { float:left; width:257px; padding-bottom:10px; height:auto; margin:-49px 0 0 0; text-align:justify;}
.slider_main .leftt h2 { font: bold 18px blair; font-style:italic; color:#2961A9; padding:10px 0 0 0px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 10px blair; color:#818181; padding:10px 10px 15px 15px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 0px;}
/* search */

h2 .titulo-productos{background:#f5f5f5; line-height:30px; padding:0 0 0 10px; margin:10px 0 0 5px; font-size:14px; color:#333}
#box-item{border:2px solid #ccc; width:128px; float:left; margin:5px 0 0 5px; text-align:center}
#item-titulo{background:#B0C4DE; font-size:10px; line-height:36px; text-align:center; color:#054f93}
h3#item-titulo2{background:#B0C4DE; font-size:11px; text-align:center; color:#054f93; font-weight:normal; margin:0; padding:5px 0 5px 0}
h3#item-titulo{background:#B0C4DE; font-size:11px; line-height:36px; text-align:center; color:#054f93; margin:0; font-weight:normal; margin:0; padding:1px 0 1px 0}

/* right_text */
.right_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 30px 0;}
.right_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:15px; margin:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222222; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:0px 0;  margin:0;}
.footer_resize { width:100%; margin:0 auto; height:50px; padding:10px 10px; background:#202020;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#2d75c0; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:550px; margin:0; padding:8px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:850px; margin:0; padding:8px 0 0 5px; float:left;} 
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}
/* Slider */
#slider {  width:705px; padding:3px 0 0 3px; margin:0px 0 0 10px; height:303px; float:left; border:1px solid #ddd;  background:url(fondolamina.png)}
#slideshowproductos { margin:0 auto; width:300px;   border:0px solid red; float:left}
#descripcion{float:left; width:381px; border:1px solid #ccc; margin-left:5px}
.lof-snleft  .lof-main-outer{
		float:right;
	}
	/* move the main wapper to the right side */
	.lof-snleft .lof-main-wapper{
		margin-left:auto;
		margin-right:inherit;
		clear:both;
		height:300px;
		
	}
	/* move the navigator to the left  side */
	.lof-snleft .lof-navigator-outer{
		left:0;
		top:0;
		right:inherit;
	}
	ul.lof-main-wapper li {
		position:relative;	
	}
	.lof-snleft .lof-navigator .active{
		background:url(images/arrow-bg2.gif) center right no-repeat;
	}
	.lof-snleft .lof-navigator li div{
		margin-left:inherit;
		margin-right:18px;
	}
	.lof-snleft .lof-navigator li.active div{
		margin-left:inherit;
		margin-right:18px;
		background:url(images/grad-bg2.gif);
	}
	h3 .lista{color:red; font-size:10px; }
	.lista:hover{color:blue}