/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.center {text-align:center}
body {background:#001527;border:0;font:14px Arial, Helvetica, sans-serif;color:#363636;line-height:20px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
.main {margin:0 auto;width:1000px;position:relative}
.body1 {background:url(../images/bg_top_repeat.gif) top repeat-x #001527}
.body2 {background:url(../images/bg_top1.jpg) top center repeat-x}
.body3 {background:url(../images/bg_top2_repeat.jpg) top repeat-x}
.body4 {background:url(../images/bg_top2_2.jpg) top center no-repeat;height:270px}
.body5 {background:url(../images/bg_top3_repeat.jpg) top center repeat-x}
.body6 {background:url(../images/bg_top3.jpg) top center no-repeat;padding:28px 28px; text-align:center; font-size:17px}
.body62 {background:url(../images/bg_top3.jpg) top center no-repeat;padding:10px 0px; text-align:center; font-size:70px; color:#3E0C4D}
.body7 {background:#eeeeee; color:#401F11}
.body8 {background:url(../images/bg_bot_repeat.jpg) top repeat-x}
.body9 {background:url(../images/bg_bot.jpg) top center no-repeat;height:134px}
/* main layout */
a {color:#006abb;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:21px 0 0 24px}
h2 {font-size:30px;line-height:1.2em;padding:26px 0 14px 0;letter-spacing:-1px}
h2 span {color:#006abb}
h3 {font-size:20px;color:#fff;line-height:1.2em;padding:24px 0 40px 0}
p {padding-bottom:20px}
/* header */
header{}
#logo {font-size:70px}
header .right{padding-right:59px;width:500px}
#menu {margin-top:0px; margin-left:206px; height:60px}
#menu ul {background:url(../images/menu_border.gif) width:100%; overflow:hidden}
#menu li {float:left;padding-left:2px}
#menu li a {display:block;height:40px;width:198px;font-size:24px;padding-top:20px;text-align:center;text-decoration:none;text-transform:uppercase}
#menu li a:hover, #menu #menu_active a{}
.nav2 {background:url(../images/mnu2.gif) center 35px no-repeat}
.nav3 {background:url(../images/mnu3.gif) center 35px no-repeat}
.nav4 {background:url(../images/mnu4.gif) center 35px no-repeat}
.nav5 {background:url(../images/mnu5.gif) center 35px no-repeat}
.nav1:hover, .nav1#active {background:url(../images/mnu1_active.gif) center 31px no-repeat #001527}
.nav2:hover, .nav2#active {background:url(../images/mnu2_active.gif) center 31px no-repeat #001527}
.nav3:hover, .nav3#active {background:url(../images/mnu3_active.gif) center 31px no-repeat #001527}
.nav4:hover, .nav4#active {background:url(../images/mnu4_active.gif) center 31px no-repeat #001527}
.nav5:hover, .nav5#active {background:url(../images/mnu5_active.gif) center 31px no-repeat #001527}
#active {background:url(../images/mnu5_active.gif) center 31px no-repeat #001527}
.active {background:url(../images/mnu5_active.gif) center 31px no-repeat #001527}
.slogan {background:url(../images/tet.gif) center 108px no-repeat;height:155px;overflow:hidden;position:relative;padding-top:108px}
.slogan a {margin-top:64px}
p.prom {font-size:19px; font-style:italic; color:#FFF; margin-top:40px; float:right;width:520px}
/* The Nivo Slider styles */
#slider {height:141px;position:absolute !important;top:0;width:981px;left:82px;top:8px}
.nivoSlider {position:absolute}
.nivoSlider img {top:0px;left:0px}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;margin-top:63px;z-index:99;cursor:pointer;text-indent:-9999px;width:21px;height:33px}
.nivo-prevNav {left:-22px; display:block;background:url(../images/marker_left.jpg) no-repeat}
.nivo-nextNav {right:123px;background:url(../images/marker_right.jpg) no-repeat}
.nivo-prevNav:hover {background:url(../images/marker_left_active.jpg) no-repeat}
.nivo-nextNav:hover {background:url(../images/marker_right_active.jpg) no-repeat}
/* content */
#content {width:100%;overflow:hidden;padding:1px 0 48px 53px}
#content2 {width:100%;overflow:hidden;padding:1px 0 48px 0px}
#padcontent {padding-left:53px}
.body6 figure {padding-left:58px}
#page2 .body6 figure {padding-left:53px}
#page2 #content, #page3 #content, #page4 #content, #page5 #content {padding-top:0}
#page3 #content {padding-bottom:37px}
#page2 .col2 figure {margin-right:10px}
#page4 .body6 {padding-bottom:25px}
#page4 .marg_bot1 {margin-bottom:14px}
#page4 #content {padding-bottom:44px}
.body6 h2 {padding:0 0 14px 0;margin-top:-1px;letter-spacing:-1px;float:left;width:820px}
.pad_left1 {padding-left:33px}
.pad_left2 {padding-left:3px}
.pad1 {padding:0 5px}
.pad_bot1 {padding-bottom:10px}
.pad_bot2 {padding-bottom:15px}
.marg_bot1 {margin-bottom:20px}
.font1 {font-size:12px;display:block;padding-bottom:5px;margin-top:-2px}
.line1 {background:url(../images/line_ver1.gif) 285px 0 repeat-y}
.list1 li {line-height:30px}
.list1 li a {padding-left:25px;background:url(../images/marker_1.gif) 0 8px no-repeat;display:inline-block}
.list2 {margin-top:0px;padding-bottom:0px}
.list2 li {line-height:30px;background:url(../images/line_hor1.gif) bottom repeat-x}
.list2 .bg_none {background:none}
.list2 li a {font-size:18px;color:#363636;text-decoration:none}
.list2 li a:hover {color:#006abb}
.list2 li img {margin-right:10px}
.list3 li {line-height:25px}
.list3 li a {text-decoration:none;padding-left:14px;background:url(../images/marker_2.gif) 0 5px no-repeat}
.list3 li a:hover {text-decoration:underline}
/* footer */
footer {padding:0 0 0 60px;color:#fff; font-size:19px}
footer a {color:#a2b8c8}
footer p {padding-bottom:15px}
.col_1 {width:190px;float:left; padding-top:50px; text-align:center}
.col_1_1 {width:400px;float:left; padding-top:50px; text-align:center; line-height:50%}
.col_2 {width:413px;float:left; padding-top:55px; text-align:center; line-height:50%}
.col_2_1 {width:500px;float:left; padding-top:55px}
.col_3 {width:230px;float:left;padding-left:8px;  padding-top:50px; text-align:center}

#margencien {margin-left:100px}

#mainnav { 	
height: 40px; 
padding-left:60px;
border-width:2px;
background-image:url(../imagenes/fondo_abajo.png);
background-repeat:no-repeat;
}

#mainnav li { 	
float: left; 
width: 200px; 	
height: 25px; 	
text-align: center;
border-right: medium dotted;
border-bottom:thin;
line-height: 25px;	
}
#mainnav li a{
	font-size:20px;text-align:center;color:#030;text-decoration:none}
#mainnav li a:hover{ font-size:25px}
#mainnav .elegido {font-size:25px;text-decoration:underline; color:#264e13}

.sub{ padding-bottom:15px; text-decoration:underline; padding-left:10px; font-size:25px; line-height:30px}
.sub2{ padding-bottom:0px; text-decoration:none; padding-left:10px; font-size:25px}
.sub2_2{ padding-bottom:0px; text-decoration:none; padding-left:10px; font-size:25px; text-align:right}
.info{ font-size:18px; line-height:30px; text-align:justify;  border-collapse:collapse}	
.info th{ text-align:center; vertical-align:middle; padding:2px}
.info td{ text-align:left; padding:5px 0px 5px 7px; vertical-align:middle}
.info li{ font-size:18px; list-style:square }
#letrero{width:500px; height:400px; margin-top:30px}

#navsoluciones{
	padding-bottom:40px; font-size:25px}

#navsoluciones li { 	
float: left; 
width: 190px; 	
text-align: center;
border-right: none;
}
#navsoluciones a:hover{
	font-size:30px; text-align:center}
#navsoluciones a{
color:#3E0C4D;
	text-decoration:none}


.adentro{ z-index:100}

.imageRow {
  *zoom: 1;
  margin: 20px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #8ad459;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}




/* BARRA */
#barra li ul {display: none}
#barra li:hover ul, #barra li.hover ul {display:inline; position:absolute; margin: 0px; padding:0px; padding-left:0px}
#barra li:hover li, #barra li.hover li {float:none; z-index:100}
#barra li:hover li a, #barra li.hover li a {border-bottom: 1px solid #fff; z-index:100}
#barra li:hover li a:hover, #barra li.hover li a:hover { background-color:#001527; z-index:100}


#nav123 {margin-top:0px; margin-left:0px; background:url(../images/menu_border.gif) width:100%; overflow:hidden}
#nav123 li {float:left;padding-left:0px;background-color:#125482}
#nav123 li a {display:block;height:30px;width:198px;font-size:24px;padding-top:20px;text-align:center;text-decoration:none;text-transform:uppercase}




#centrado { text-align:center}
#padright { padding-right:70px}



#tablacast{color:black; padding-right:100px; font-size:15px}
#tablacast td{ padding-top:7px; padding-right:5px; text-align:center}
#tablacast a{ text-decoration:none}
#tablacast a:hover{ text-decoration:underline}
.tab1 { background-image:url(../images/computo.png); background-repeat:no-repeat}
.tab2 { background-image:url(../images/control.png); background-repeat:no-repeat}
.tab3 { background-image:url(../images/electronico.png); background-repeat:no-repeat}
.tab4 { background-image:url(../images/herramienta.png); background-repeat:no-repeat}
.tab5 { background-image:url(../images/neumatico.png); background-repeat:no-repeat}
.tab6 { background-image:url(../images/audiovideo.png); background-repeat:no-repeat}

.padcast{padding:10px}
#castmenu a{ text-decoration:none}
#castmenu li{ width:100px; text-align:center; font-size:15px; line-height:35px; background-color:#B22222; margin-bottom:5px; border-radius:10px;-ms-border-radius: 10px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; font-weight:bold;text-decoration:none; color:#FFF}
.vertalign div table tr td{ vertical-align:top; padding:10px}


#computo{padding:10px}

#left { float:left}


#tablaproductos{ text-align:center}
#titulo td{ background-color:#600; width:20%; border-top-left-radius:15px; border-top-right-radius:15px; padding:10px}
#titulo td a{ color:#FFF;font-size:20px; text-decoration:none}
#informacion td{ background-color:#b79c9c;width:20%; border-bottom-left-radius:15px; border-bottom-right-radius:15px; padding:10px}
#informacion td a{ color:#000; font-size:18px; text-decoration:none}
#informacion td a:hover { text-decoration:underline}

#copyright { font-size:13px; vertical-align:top !important}

#contacto{ text-align:center; font-size:16px}

#tipossoportes{ width:100%; float:left}
#tipossoportes p{ text-align:center}
#tipossoportes2{ width:40%; float:left}
#tipossoportes2 p{ text-align:center}






.dg-container{
	width: 100%;
	height: 450px;
	position: relative;
	margin-top:100px;
}
.dg-wrapper{
	width: 481px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper div{
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../images/browser.png) no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper div.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper div img{
	display: block;
	padding: 41px 0px 0px 1px;
}
.dg-wrapper div p{
	font-style: italic;
	text-align: center;
	line-height: 0px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 18px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper div.dg-center p{
	display: block;
}
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}