@charset "utf-8";
/* CSS Document */

@import url("css_reset.css");

body{background:#FFEAE9 url(../img/fondo_web.jpg) no-repeat; font-family:Verdana;}
.wrap{width:984px; margin:0 auto;}

h5{margin:0; auto:0; background: transparent url(../img/titular.png) repeat-x; height:49px; margin-bottom:10px;}
	h5 span{color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:18px; display:block; padding-top:14px; padding-left:12px;background:transparent url(../img/titular_d.png) top right no-repeat; height:54px;}

h6.barra1{margin:0; auto:0; font-family:Tahoma, Geneva, sans-serif; font-size:18px;background: transparent url(../img/barra_01.png) repeat-x; height:49px; margin-bottom:10px; padding-top:14px; padding-left:12px;}
h6.barra2{margin:0; auto:0;font-family:Tahoma, Geneva, sans-serif; font-size:18px; background: transparent url(../img/barra_02.png) repeat-x; height:49px; margin-bottom:10px; padding-top:14px; padding-left:12px;}
h6.barra3{margin:0; auto:0;font-family:Tahoma, Geneva, sans-serif; font-size:18px; background: transparent url(../img/barra_03.png) no-repeat; height:49px; margin-bottom:10px; padding-top:14px; padding-left:12px;}


#header{margin:0; padding:0;height:127px; margin-bottom:35px; background:url(../img/barra_menu_sobre.png) right no-repeat;}
/*#header ul {list-style:none;margin:0;padding:0;font-family:Arial;font-size:14px;padding-top:16px;float:right;margin-right:2px;}
#header ul li {padding:0;text-align:center;float:left;}
#header ul li a {color:#000;display:block; color:#FFF;width:107px;height:22px; text-decoration:none;margin-left:1px;background:url(../img/nav_normal.gif) no-repeat;padding-top:10px;}
#header ul li a:hover {background-image:url(../img/nav_select.gif); color:#000;}
#header ul li a.actiu {background-image:url(../img/nav_hover.gif);}*/

#header ul {list-style:none;margin:0;padding:0;font-family:Verdana;font-size:12px;float:left;margin-right:2px; margin-top:0px;}
#header ul li {padding:0;text-align:center;float:left; }
#header ul li.separador{border-right:1px solid #CE0000;}
#header ul li a {color:#000;display:block; color:#FFF;height:17px; text-decoration:none;}
#header ul li a.empresa {margin-left:10px;width:60px;padding:5px 10px 5px 10px;}
#header ul li a.productos{width:90px;padding:5px 10px 5px 10px;}
#header ul li a.servicios {width:90px;padding:5px 10px 5px 10px;}
#header ul li a.revistas {width:70px;padding:5px 10px 5px 10px;}
#header ul li a.infotecnica {width:130px;padding:5px 10px 5px 10px;}
#header ul li a.opinionexperto {width:140px;padding:5px 10px 5px 10px;}
#header ul li a.noticias {width:60px;padding:5px 10px 5px 10px;}
#header ul li a.contacto {width:60px;padding:5px 10px 5px 10px;}
#header ul li a.inicio {width:60px;padding:5px 10px 5px 10px;}

#header ul li a:hover {color:#FF0000; background-color:#FFF;}

ul#menu{font-size:10px; width:230px;}
	ul#menu a{text-decoration:none; color: #000;}
	ul#menu li{border-bottom:1px solid #FFF3F2; padding:3px 0;}
	ul#menu li span{color:#F00;}

#content{margin-top:1px;}
#content h3{font-weight:bold; font-size:13px; margin-bottom:10px;}

#footer{height:50px; padding-top:4px; background-image:url(../img/footer.png); background-repeat:no-repeat; margin-bottom:20px;}
	#footer .left {float:left; font-size:11px; color:#FFF; padding-top:12px; padding-left:10px;}
	#footer .right{float:right; font-size:11px; text-align:right; padding-top:12px; padding-right:20px;}
	#footer a{}
	#footer ul {list-style:none;margin:0;padding:0;font-family:Verdana; margin-left:5px; font-size:12px;float:left;margin-right:2px; margin-top:0px;}
	#footer ul li {padding:0;text-align:center;float:left; height:30px; padding-top:10px; padding-left:10px; padding-right:10px;}
	#footer ul li a{color:#FFF; text-decoration:none;display:block; font-family:Verdana; font-size:11px;}
	#footer ul li a:hover {color:#FF0000; background-color:#FFF;}
	#footer ul li.separador{border-right:1px solid #CE0000;}

.box1{background:transparent url(../img/box1.png) no-repeat; width:170px; height:240px; padding:4px; font-family:Verdana; float:left;}
	.box1 img{padding-left:6px; padding-top:6px;}
	.box1 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box1 p{font-size:10px; width:120px; padding-left:6px;}
	.box1 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box1 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}
.box2{background:transparent url(../img/box2.png) no-repeat; width:217px; height:217px; padding:4px; font-family:Verdana; float:left;}
	.box2 img{padding-left:6px; padding-top:6px;}
	.box2 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box2 p{font-size:10px; width:160px; padding-left:6px;}
	.box2 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box2 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}
.box3{background:transparent url(../img/box3.png) no-repeat; width:590px; height:240px; padding:4px; font-family:Verdana; float:left;}
	.box3 img{padding-left:6px; padding-top:6px;}
	.box3 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box3 p{font-size:10px; width:160px; padding-left:6px;}
	.box3 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box3 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}
.box4{background:transparent url(../img/box4.png) no-repeat; width:252px; height:240px; padding:4px; font-family:Verdana; float:left;}
	.box4 img{padding-left:6px; padding-top:6px;}
	.box4 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box4 p{font-size:10px; width:190px; padding-left:6px;}
	.box4 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box4 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box5{background:transparent url(../img/box5.png) no-repeat; width:430px; height:349px; padding:4px; padding-left:13px; padding-top:10px; font-family:Verdana; float:left;}
	.box5 img{padding-left:6px; padding-top:6px;}
	.box5 h3{padding-left:6px; margin-top:6px; color:#F00; font-weight:normal;}
	.box5 p{font-size:10px; width:190px; padding-left:6px;}
	.box5 a.play{float:right; margin-top:40px; padding-right:26px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box5 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box6{background:transparent url(../img/box6.png) no-repeat; width:231px; height:349px; padding:4px; font-family:Verdana; float:left;}
	.box6 img{padding-left:20px; padding-top:6px;}
	.box6 h3{padding-left:6px; margin-top:6px; color:#F00; font-weight:normal;}
	.box6 p{font-size:10px; width:190px; padding-left:6px;}
	.box6 a.play{float:right; margin-top:40px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box6 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box7{background:transparent url(../img/box7.png) no-repeat; width:231px; height:349px; padding:4px; font-family:Verdana; float:left;}
	.box7 img{padding-left:20px; padding-top:6px;}
	.box7 h3{padding-left:6px; margin-top:6px; color:#F00; font-weight:normal;}
	.box7 p{font-size:10px; width:190px; padding-left:6px;}
	.box7 a.play{float:right; margin-top:40px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box7 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box8{background:transparent url(../img/box8.png) no-repeat; width:209px; height:230px; padding:4px; font-family:Verdana; float:left;}
	.box8 img{padding-left:6px; padding-top:6px;}
	.box8 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box8 p{font-size:10px; width:120px; padding-left:6px;}
	.box8 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box8 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box9{background:transparent url(../img/box9.png) no-repeat; width:470px; height:230px; padding:4px; font-family:Verdana; float:left;}
	.box9 img{padding-left:6px; padding-top:6px;}
	.box9 h3{padding-left:6px; margin-top:6px; color:#646464; font-weight:normal;}
	.box9 p{font-size:10px; width:120px; padding-left:6px;}
	.box9 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box9 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.box10{background:transparent url(../img/box10.png) no-repeat; width:208px; height:207px; padding:4px; font-family:Verdana; float:left;}
	.box10 img{padding-left:4px; padding-top:6px;}
	.box10 h3{padding-left:4px; margin-top:6px; color:#646464; font-weight:normal;}
	.box10 p{font-size:10px; width:120px; padding-left:4px;}
	.box10 a.play{float:right; margin-top:50px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.box10 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.caja1{background:transparent url(../img/cajas/1.png) no-repeat; width:232px; height:256px; padding:4px; font-family:Verdana; float:left;}
	.caja1 img{padding-left:6px; padding-top:6px;}
	.caja1 p.titulo{margin:0; padding:0;padding-left:6px; margin-top:6px; color:#414141; font-weight:bold; font-size:12px;}
	.caja1 p{font-size:10px; width:180px; padding-left:6px; }
	.caja1 a.play{float:right; margin-top:26px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.caja1 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.caja2{background:transparent url(../img/cajas/2.png) no-repeat; width:487px; height:256px; padding:4px; font-family:Verdana; float:left;}
	.caja2 img{padding-left:20px; padding-top:6px;}
	.caja2 p.titulo{margin:0; padding:0;padding-left:6px; margin-top:0px; color:#F00; font-weight:normal; font-size:12px;}
	.caja2 p{font-size:10px; width:190px; padding-left:6px;}
	.caja2 a.play{float:right; margin-top:16px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.caja2 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.caja3{background:transparent url(../img/cajas/3.png) no-repeat; width:352px; height:256px; padding:4px; font-family:Verdana; float:left;}
	.caja3 img{padding-left:6px; padding-top:6px;}
	.caja3 p.titulo{margin:0; padding:0;padding-left:6px; margin-top:6px; color:#F00; font-weight:normal; font-size:12px;}
	.caja3 p{float:left;font-size:10px; width:190px; padding-left:6px;}
	.caja3 a.play{float:right; margin-top:26px; padding-right:16px; background-image:url(../img/play.jpg); width:22px; height:22px; background-repeat:no-repeat;}
	.caja3 a.play:hover{background-image:url(../img/play_on.png); width:22px; height:22px; background-repeat:no-repeat;}

.menu {width:217px; background-image:url(../img/menu_sobre.png); background-repeat:no-repeat; padding-top:14px;}
	.menu .separador{border-bottom:1px solid #ccc; width:206px; margin:26px 0 16px 4px;}
	.menu .menua{background-image:url(../img/menu_cos.png); background-position:bottom; padding-bottom:20px;}
	.menu h4 {color:#1F1F1F; font-size:12px; font-weight:bold; padding-left:10px; margin-bottom:10px; margin-top:2px;}
	.menu ul{width:205px; padding-left:5px; font-size:11px; color: #000;}
	.menu ul li{margin-bottom:4px;padding:4px 0 4px 5px;}
	.menu a{ text-decoration:none; color:#000;}
	.menu a span{ color:#F00;}	

        /* slider specific CSS */
        .sliderGallery {
            background: #fff url(images/productbrowser_background_20070622.jpeg) no-repeat;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 160px;
            width: 720px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 710px;
            height: 17px;
            margin-top: 150px;
            margin-left: 5px;
            padding: 1px;
            position: absolute;
            background: url(../img/slide.jpg) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 13px;
            width: 172px;
            top: 0;
			bottom:0;
            background: url(../css/slider_handle.gif) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
		
		
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 20%;
			width: 700px;
			height: 400px;
			border: 2px solid #000;
			background-color: white;
			z-index:1002;
			overflow: auto;
			background-image:url(../img/fondoPopUp.jpg);
			background-position:bottom right;
			background-repeat:no-repeat;
		}
		
#frmcontacto { margin:0 auto;margin-top:10px; font-family:Verdana, Geneva, sans-serif; width:500px; padding-top:10px; padding-bottom:10px;}
	#frmcontacto p{margin-bottom:8px;}
	#frmcontacto label{float:left; width:80px; font-size:13px; text-align:right; padding-right:10px; padding-top:3px;}
	#frmcontacto input.border:focus	{background: #fff;border: 1px solid #595959;}
	#frmcontacto input:hover {background-color:#fff;}
	#frmcontacto textarea:hover {background-color:#fff;}
	#frmcontacto textarea.border:focus	{background: #fff;border: 1px solid #595959;}
	#frmcontacto .border {border:1px solid #ccc;color:#666666;background-color:#F2F2F2;font-family:Verdana;font-size:13px;line-height:160%;width:390px;padding:2px;}
	#frmcontacto .txtarea{height:100px; width:390px;}
	#frmcontacto .enviar {border:0;margin-left:90px; font-size:12px;padding:4px;}
	#frmcontacto .enviar:hover {background-color:#d3d3d3;}