@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,600,700);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
url('../fonts/codropsicons/codropsicons.woff') format('woff'),
url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}
img, object, embed, video {max-width: 100%;}
.ie6 img {width:100%}
a:link {text-decoration:none}
body, #boton  {max-width:1940px; margin-left:auto; margin-right:auto; background-color:#eee}
#ventana {background-color:#FFF; height:100%; margin-top:-20px}
iframe {border:none}
h1,h2,h3,h4,h5, p, li, a {font-family: "Montserrat", Arial, Helvetica, sans-serif}
p span, li span {font-weight:700; color: #c93}
#autor {font-weight:700; font-style:italic; color: #666}
/* ==================================
ESTILOS HEADER
================================== */
header {
	clear: both;
	position:relative;
	width: 100%;
	height:9em;
	float: left;
	background-color:#FFF;
	border-bottom: 1px solid #F60;
	-webkit-filter: drop-shadow(8px 8px 10px black); /* Chrome, Safari, Opera */	
	filter: drop-shadow(8px 8px 10px black);	
	display: block;
	z-index:90;	
}	
#logo {
	clear: both;
	float: left;
	position: relative;
	margin-left: 2%;
	margin-top: 2px;
	width: 28%;
	display: block;
}
nav#menuPrincipal {
	clear: none;
	float: right;
	line-height: 1;
	margin: 0 auto 0;
	width: 65%;
	display: block;
}
/*------ menu Principal ------*/
/*
#menu-list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
*/
#menu-list {
	position: relative;
	float:left;
	width:100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-item {
	float:left;
	margin: 1% 1%;
	position: relative;
	padding: 3.75em 0;
	width:14%;
}
.menu-item p {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	cursor: pointer;
	text-align: center;
	color: #b5b5b5;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;	
}
.menu-item p:hover,
.menu-iem p:focus {
	/*
	outline: none;
	*/
	color: #006600;		
}
#current p {
	color: #f60;
	border-bottom: 5px solid #f60;
}
#current ul p {
	color: #b5b5b5;
	border-bottom: none;
}
#semicurrent p {
	color: #929292;
	border-bottom: 5px solid #006600;
}
#semicurrent ul p {
	color: #b5b5b5;
	border-bottom: none;
}
#semicurrent p:hover {
	color: #006600;
}
/* añadido desplegable */
#menu-list li ul {
	display:none;
	position:relative;
	background-color:#FFF;
	padding-top:5px;
}
#menu-list li:hover > ul {
	display:block;
}
#menu-list li ul li {
	position:relative;
	background-color:#fff;	
	border-bottom:1px solid #f00;
	padding-left:5px;
	padding-right:5px;
}
#menu-list li ul li: hover {
	color:#000;	
	background-color:#ccc;	
	border-left:5px solid #666;
}
/*------ Menu desplegable lateral pussy--------*/
#container {
  position: relative;
  /*
  padding: 20px 40px;
  padding-top: 10px;
  */
}
/* Menu Button */
.pushy pushy-right {display:none}
.menu-btn {
	clear: none;
	position:fixed;
	top:0.2em;
	right:0;
	display:none;
}
.menu-btn {
  width: 60px;
  padding: 10px;
  float:right;
  margin-right:10px;
  background: #333;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
.menu-btn:hover {
  opacity: 0.6;
}
/*==========================================
ESTILOS MAIN
==========================================*/
main {
	clear: both;
	float: left;
	position:relative;
	width: 100%;
	display: block;
}
/*===========================================
Estilo general section y sus variantes
===========================================*/
section {
	clear: both;
	float:left;		
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:100%;
	text-align:justify;
	font-size:16px;
	line-height:1.3em;	
	color:#333;
	background-color:#fff;		
}
section a:link, section a:visited  {
	text-decoration:none;
	color:#f60;			
}
section a:hover {
	font-weight:bold;		
}
/* Navegador Gris-botones giratorios de productos Fikus y Cimatron ------ */
nav#producto {
	clear: both;	
	position:relative;
	margin-top:0;
	margin-bottom:0;
	float: right;
	width: 100%;
	opacity:1.0;
	z-index:80;
	display: block
}

/* ===============================================
articles
=============================================== */
article {
	clear:both;
	position:relative;
	float:left;
	width:100%;
}
#inicioP {margin-top:50px}
#inicio {margin-top:50px}
#inicioJssor {margin-top:50px}
#bannerNews {
	width:100%; 
	background-image: url('../img/banners/bgNewsPtda.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 30% 20%;    
}
#carrousel {width:100%; margin-bottom:5%}
#faldon {
	clear:both;
	float:left;
	padding-top:5%;
	padding-bottom:2%;
	width:100%;
	background-color:#ccc;	
}
/* ==================================================
estilos titulares
================================================== */
/* H1 está en estilo Banners*/
h1#noticia {
	font-size:26px;
	line-height:2.0em;
	font-weight:bold;
	text-align:left;
	margin-left:5%;
	color:#360;
}
h1#wizard {
	font-size:20px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	color:#360;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5%; 
	margin-right:5%
}
h1#formulario {
	font-size:20px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	color:#360;
	margin-top:1em;
	margin-bottom:1em;
}
h2 {
	font-size:26px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	position:relative;	
	color:#f60;
	margin-bottom:1em;
	margin-top:1em;
	z-index:2;	
}
h3 {
	font-size:20px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	color:#360;
	margin-top:1em;
	margin-bottom:1em;
}
/* ----- Banda naranja Subheader -------- */
h3#sectionHead {width:100%; height:35px; text-align:center; background-color:#F60; color: #fff; text-align:center; margin-top:0; margin-bottom:0; padding-top:10px}

h4 {
	font-size:17px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	color:#333;
	margin-top:1em;
	margin-bottom:1em;
}
h5 {
	font-size:14px;
	line-height:1.0em;	
	font-weight:bold;
	text-align:left;
	color:#360;
	margin-top:.5em;
	margin-bottom:.5em;
}
/* clases para usos específicos de maquetación titulares */
.Dcha {margin-left:5%}
.margen {margin-left:5%; margin-right:5%}
#margen {margin-left:5%; margin-right:5%}
#tablaProd {
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}
#blanco {color:#FFF}
#navF h3 {color:#f60}
.titularProd {margin-bottom:20px; margin-top:10px;}

/* =================================================
Estilos Cuerpo principal MAIN - Interior articles
================================================= */
.General {
	clear:both;
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
	border-bottom:1px solid #360;
}
.GeneralNHR {
	clear:both;
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
}
#postTabla {margin-top:50px}
/* Creado sólo por si alguna página tiene únicamente un divisor General */
#General {
	clear:both;
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
	border-bottom:1px solid #360;	
}
#GeneralNHR {
	clear:both;
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
}
/* Contenedor de iframes responsives */
#empaquetado-container {
	clear:both;
	float:left;
	width:90%;
	margin-left:5%;
	display:block;
	height:0;
	padding-bottom:30%;
}
#noticias-relacionadas { 
    position: absolute;
    top:25%;
    left: 5%;
    width: 40%;
    height: 85%;
}
#popupnews {background-color:#FFF; padding-top:10%; padding-bottom:10%}
/*
#articulos-relacionados { 
    position: absolute;
    top:15%;
    left: 50%;
    width: 40%;
    height: 85%;
}
*/
#relacionadas a {
	text-decoration:none;
	width:90%;
	height:1.2em;
	padding-top:.3em;
	color:#333;
	font-size:1.2em;
	/*
	line-height:1.2em;
	*/
	border-bottom:1px solid #F60;
	display:block;
}
#relacionadas a:hover {
	color:#f60;
}
.texto {
	clear:both;
	float:left;
	width:50%;
	display:block;
}
#lead, #cita, #citaFoto {
	clear:both;
	float:left;
	width:100%;
	font-size:1.2em;
	line-height:1.2em;
	color:#360;
	display:block;
}
#cita p {
	float:right;
	font-weight:700;
	text-align:right;
	margin-bottom:1.5em;	
}
#citaFoto p {
	float:right;
	font-weight:700;
	text-align:right;
	margin-bottom:1.5em;
	width:70%;	
}
#citaFoto img {
	float:right;
	width:15%;
	margin-left:5%;
	margin-bottom:20px;	
}
.bloque {
	clear:both;
	float:left;
	width:50%;
	display:block;
	border:1px solid #F60;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;	
}
/* -------------Id's específicos link intranet en Soporte ----- */
#intranetLinkGral {display:block}
#intranetLinkMovil {display:none}
/* --------------------*/
.texto p, .texto h3, texto h2 {margin-bottom:1em}
#lead {margin-bottom:1.5em}
#destacado, .destacado  {border-bottom:1px solid #360; border-top:1px solid #360; margin-bottom:10px}
#destacado p, .destacado p {
	color:#F60;
	font-size:1.2em;
	text-align:left;
	padding-top: 10px;
	padding-bottom:10px;
}
/* Equivalente a texto aplicado a formularios */
#formulario {
	clear:both;
	float:left;
	width:55%;
	display:block;
}
.foto, .foto80, .foto60, .fotoPar {
	clear:none;
	float:right;
	width:40%;
	margin-left:10%;
	margin-bottom:5%;
	margin-top:2%;
	display:block;
}
.foto100, #foto100 {
	clear:none;
	float:left;
	width:100%;
	margin-bottom:2%;
	margin-top:2%;
	display:block;
}
.foto-4 {
	clear:none;
	float:left;
	width:22%;
	margin-top:2%;
	margin-bottom:2%;
	margin-right:3%;
	display:block;
}
.fotoIzda, .fotoIzda80 {
	clear:both;
	float:left;
	width:40%;
	margin-left:0;
	margin-bottom:5%;
	margin-top:2%;
	display:block;
}
.fotoDcha, .fotoDcha80 {
	clear:none;
	float:right;
	width:40%;
	margin-left:0;
	margin-bottom:5%;
	margin-top:2%;
	display:block;
}
.foto img, .fotoDcha img {width:100%}
.foto80 img, .fotoDcha80 img {width:80%; float:right}
.foto60 img {width:60%; float:right}
.fotoPar img {width:50%; float:right; margin:0}
.fotoIzda img {width:100%}
.fotoIzda80 img {width:80%}
.doble, #doble {margin-bottom:20px}
.foto p, .foto60 p, .foto80 p, .foto100 p, #foto100 p, .fotoIzda p, .fotoIzda80 p {font-size:.9em; font-style:italic}
.foto a:hover{opacity:.7}
.col3 {float:left; width:29%;margin-right:2%; margin-left:2%; margin-top:20px; margin-bottom:20px}
/* Equivalente a foto aplicado a formularios */
#complemento-formulario {
	clear:none;
	float:left;
	width:35%;
	margin-left:5%;
	margin-bottom:5%;
	display:block;
}
.pieFoto {
	clear:both;
	float:left;
	width:100%;
	font-style:italic;
	font-size:1em;
	text-align:center;
}
#pieVideo, .pieFotoIzda {
	clear:both;
	float:left;
	width:100%;
	font-style:italic;
	font-size:1em;
	text-align:center;
}
/* ------- links importantes a doble ancho con foto ------ */
#linkBanner {
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	height:200px;
	border:1px solid #F60;
}
#linkBannerImage {
	clear:both;
	float:left;
	width:50%;
	height:200px;
	display:block;
}
#linkBannerCimatronHome {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/cimatron-home.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover; z-index:80}
#linkBannerCimatron13 {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/encabezado13.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover; z-index:80}
#linkBannerFikus18 {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/splashFikus18.jpg) top center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#linkBannerSpace16 {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/promo16.jpg) top center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#linkBannerSpace {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/space-gral.jpg) top center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#linkBannerTruco {width:100%; height:200px;color:#fff; z-index:2; background:url(../img/trucosImg.jpg) bottom left no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}

#linkBannerTexto {
	clear:none;
	float:left;
	width:50%;
	height:200px;
	background-color:#F60;
	display:block;
}
#linkTrucoTexto {
	clear:none;
	float:left;
	width:50%;
	height:200px;
	background-color:#060;
	display:block;
}
#linkBannerTexto p, #linkTrucoTexto p {
	text-align:left;
	margin-left:10%;
	margin-top:5%;
	width:40%;
}
#linkBannerTexto a, #linkTrucoTexto a {
	font-size:1.5em;
	line-height:1.0em;
	font-weight:500;
	color:#FFF;
}
#linkBanner a span {
	font-size:1.1em;
	font-weight:600;
	color:#FFF;
}
#linkBannerTexto:hover {background-color:#F30}
#linkTrucoTexto:hover {background-color:#030}
/*------ Estilos bloque video / Noricias Interés ------- */
video{
	width:70%;
	margin-left:15%;
}
#videoQuery {	
	clear:both;
	float:left;
	width:70%;
	margin-left:15%;
	padding-top:3%;
	margin-bottom:2%;
}
.videoQuery {	
	clear:both;
	float:left;
	width:90%;
	padding-top:3%;
	margin-bottom:2%;
}
#NoticiasInteres {
	clear:both;
	float:left;
	width:100%;
	padding-top:3%;	
}
#NoticiasInteres p {
	font-size:16px;
	text-align:left
}
/* Tablas de Cimagraphi y Datakit (appCol3 y variantes aplica a 3 columnas -Datakit-) */
#tabla-app {
	padding:0;
	margin:0;
}
.appCol3 {
	float:left;
	width:30%;
	margin-right:3%;
	margin-bottom:20px;
}
.appCol20 {
	float:left;
	width:18%;
	margin-right:2%;
	margin-bottom:20px;
}
#appCol60 {
	float:left;
	width:55%;
	margin-right:2%;
	margin-bottom:20px;
}
.appCol20 div, #appCol60 div {
	float:left;
	margin-top:3px;
	width:100%;
	height:40px;
	text-indent:5px;
	padding-top:5px;
	border:1px solid #360;
}
.appHead3, .appCol3 div {
	float:left;
	margin-top:3px;
	width:100%;
	height:70px;
	text-indent:5px;
	padding-top:5px;
	border:1px solid #360;
}
.appHead3 {
	background-color:#f60;
	color:#FFF;
	font-weight:700;
}
.appCol3 p {text-align:center; font-size:0.9em; margin-top:0}

.appCol {
	float:left;
	width:18%;
	margin-right:2%;
	margin-bottom:20px;
}
.appHead, .appCol div {
	float:left;
	margin-top:3px;
	width:100%;
	height:40px;
	text-indent:5px;
	padding-top:5px;
	border:1px solid #360;
}
.appHead {
	background-color:#f60;
	color:#FFF;
	font-weight:700;
}
/* ====================================================================
ASIDE y sus divisores
aside agrupa una serie de faldones complementrarios antes del footer
==================================================================== */
aside{
	clear:both;
	width:100%;
	position: relative;
	float:left;
	padding-top:3%;	
	display:block;
}

/* ------ Bloque social y acceso a más Info ------- */
#AsideFaldon {
	clear:both;
	float:left;
	padding-top:2%;
	padding-bottom:2%;
	width:100%;
	background-color:#ccc;
}
#col0 {
	clear:both;
	float:left;
	margin-left:5%;
	width:90%;
}
#col1 {
	clear:both;
	float:left;
	margin-left:5%;
	width:35%;
}
#col2 {
	clear:none;
	float:right;
	margin-right:5%;
	width:55%;
	font-size:19px;
}
#col2M {display:none}
#popups {
	clear:both;
	position:relative;
	float:left;
	margin-left:0;
	margin-bottom:1em;
	width:60%;
}
/* FlechaUp */
#up {
	position:fixed;
	right:1em;
	bottom:1em;
	z-index:999
}
#catalogo {	
	clear:both;
	width:100%;
	position:relative;
	float:left;	
	background: #030;
	zoom: 1;
}
#PDFtext {
	clear:both;
	float:left;
	margin-left:5%;
	width:65%;
	display:block;
	color:#FFF
}
#PDFfoto {
	clear:none;
	float:right;
	margin-right:5%;
	margin-bottom:2%;
	margin-top:2%;
	width:25%;
	display:block;
	-webkit-filter: drop-shadow(8px 8px 10px black); /* Chrome, Safari, Opera */	
	filter: drop-shadow(8px 8px 10px black);	
}
/* Botones de links a Info, demo y quote */
.button, #button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 1.1em/1.4em;
    text-decoration: none;
    color: #F60;
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#button {margin-bottom:5%} 
.button:hover, #button:hover {
    background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}
.button:active, #button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}
.button:focus, #button:focus {
    outline: 0;
    background: #fafafa;
}    
.button:before, #button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}
/* Hexadecimal entities for the icons (botones info, test y quote) */
.add:before, #add:before {content: "\271A";}
.edit:before, #edit:before {content: "\270E";}
.delete:before, #delete:before {content: "\2718";}
.save:before, #save:before {content: "\2714";}
.email:before, #email:before {content: "\2709";}
.like:before, #like:before {content: "\2764";}
.next:before, #next:before {content: "\279C";}
.star:before, #star:before {content: "\2605";}
.spark:before, #spark:before {content: "\2737";}
.play:before, #play:before {content: "\25B6";}

/*========================================
Elementos exclusivos Página de productos
=========================================*/
.col33 {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:20px;
}
.col23 {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:20px;
}
.col13 {
	clear:both;
	float:left;
	width:100%;
	margin-bottom:20px;
}
.colSol6 {
	clear:both;
	width:100%;
	height:500px;
	margin-bottom:2em;
	margin-top:30px;
	border:1px solid #f60;
	border-radius: 20px;
	background-color: #f5dfa3;
	/*	
	padding-left:8%;
	*/
}
.colMarco {width:1320px; margin-left:auto; margin-right:auto}
#colMarco {width:1250px; margin-left:auto; margin-right:auto}
.colSol1, .colVid {
	clear:none;
	float:left;
	width:350px;
	margin-right:25px;
	margin-bottom:2em;
	margin-top:30px;
	border:1px solid #f60;
	border-radius: 20px;
	background-color: #f5dfa3;
	padding-left:2%;
}
.colSol1 {height:300px}
.colVid {height:400px}
.colVid p {font-size:.8em; width:90%}
#colProdProd {
	clear:both;
	width:1360px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	margin-top:30px;
}
#colProdProd div {margin-right:20px; margin-bottom:20px}
.prodLogo {height:50px; margin-bottom:10px}
.cajaLogo {float: left; width:320px; height:240px; margin-right:10px}
.animate { transition: all .5s ease-in-out; }
.pastillaProd, .pastillaProdCim {
  float: left;
  height: auto;
  margin: 0 10px 10px 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  font: 1em/1.2em;
}
.pastillaProd .link, .pastillaProdCim .link {
  display: block;
  position: relative;
  overflow: hidden;  
  width: 320px; height: 180px;
}
.pastillaProd .image, .pastillaProdCim .image {
  position: absolute;
  width: 100%;
}
.pastillaProd .blend, .pastillaProdCim .blend {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  font-weight: normal;
  background: rgba(255, 153, 0,0.8);
  color: #fff;
  transition-duration: .4s;
}
.pastillaProd .head, .pastillaProdCim .head {
  height: 2.5em;
  padding: 10px;
  margin: 0;
  display: block;
  font-weight: normal;
  color:#FFF;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
}
.pastillaProd .text, .pastillaProdCim .text {
  display: none;
  position: relative;
  overflow: hidden;
  height: 10.5em; 
  padding: .5em 10px;
  font-size: .8em;
}
.pastillaProd .link:hover .image {
  left: 5px; top: 5px;
  width: 310px;0%;
}
.pastillaProdCim .link:hover .image {
  left: 5px; top: 5px;
  width: 310px;0%;
}
.pastillaProd .link:hover .blend {
  height: 100%;
}
.pastillaProdCim .link:hover .blend {
  height: 100%;
}
.pastillaProd .link:hover .text {
  display: block;
}
.pastillaProdCim .link:hover .text {
  display: block;
}
.linkProds {
	float:left;
	height:250px;
	width:30%;
	margin-left:2%;
	border:1px solid #F60;
	margin-bottom:2em;
	border-radius:10px;
}
.linkProdsFoto, #linkProdsFoto, #linkProdsFoto3D {
	float:left;
	height:250px;
	width:90%;
	margin-left:5%;
	border:1px solid #F60;
	margin-bottom:2em;
	border-radius:10px;
}
.linkProds:hover, .linkProdsFoto:hover, #linkProdsFoto:hover, #linkProdsFoto3D:hover  {
	opacity:.8;
}
#linkProdsFoto {color:#fff; z-index:2;background:url(../img/nav/stImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#visualcam {color:#fff; z-index:2;background:url(../img/nav/stImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#plus {color:#fff; z-index:2;background:url(../img/nav/plusImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#linkProdsFoto3D {color:#fff; z-index:2;background:url(../img/nav/plusImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#fworks {color:#fff; z-index:2;background:url(../img/nav/fwImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#intranet {color:#fff; z-index:2;background:url(../img/nav/intImg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.linkProds h3, .linkProdsFoto h3, #linkProdsFoto h3, #linkProdsFoto3D h3 {
	background-color:#fff;
	opacity:.8;
	height:90px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	padding-left:10px;
	padding-right:10px;
	margin-top:0;
	padding-top:5px;
}
.linkProds h3 span, .linkProdsFoto h3 span, #linkProdsFoto h3 span, #linkProdsFoto3D span {
	color:#333;
	font-size:.8em;
	line-height:1.2em;
	font-weight:300;
	margin-top:10px;
	margin-bottom:10px;	
}
.linkProds button, .linkProdsFoto button { margin-left:15%}
/* link colaboradores (Aplica a colaboradores portada y fabricantes compatibles) */
#empresas {	
	clear:both;
	width:100%;
	position:relative;
	float:left;	
}
#Linkcolaborador{
	margin:0;
	padding:0;	
	position:relative;
	clear:both;
	float:left;
	margin-top:10px;
	margin-bottom:2%;
	width:100%;
	margin-left:0;
	float:left;
}
#Linkcolaborador li {
	list-style:none;
	float:left;
	width:17%;
	margin-right:2.5%;
	margin-bottom:2%;
}
#Linkcolaborador li ul {
	float:left;
	margin:0;
	padding:0;	
	width:100%;
}
#Linkcolaborador li ul li {
	clear:both;
	float:left;
	width:100%;
	margin:0,0,0,0;
}
.colaboradorLogo {
	border-radius: 10px;
	background-color:#FFF;	
	border: 1px solid #666;
	float:left;
	width:100%;
}
.colaboradorLogo:hover{
	border:1px solid #f60;
	opacity: 0.8;	
}
.colaboradorLogo img{
	width:90%;
	margin-left:5%;
	margin-top: 3%;
	margin-bottom:1%;
}
.colaboradorLink {
	float:left;
	width:100%;
	margin-top:-3px;
}
.colaboradorLink p {
	font-size:.9em;
	text-align:center;
}

/*======================================================
Elementos exclusivos Página Noticias, Trucos y Artículos
========================================================*/
.cimanews {width:100%;}
.cimanews h3 {color:#fff; background-color:#360; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; clear:both}
#articulosAntiguos {clear:none; float:left; width:100%}
.listanoticias {list-style:none; margin:0; padding:0}
.listanoticias li {border:1px solid #360; margin-bottom:10px; height:140px}
.listatrucos {list-style:none; margin:0; padding:0; margin-bottom:10px;}
.listatrucos li {float:left; border:1px solid #360; margin-bottom:10px; height:130px; width:45%; margin-right:4%}
.foto-cimanews {float:left; clear:both; width:15%; margin-bottom:10px}
.foto-cimanews img{padding-top:10px; padding-left:10px; padding-bottom:10px}
.texto-cimanews {float:left; clear:none; width:80%; margin-left:3%}
.texto-cimanews h4{margin-left:10px; margin-right:10px}
.texto-cimanews p {font-size:1.0em; font-weight:400; color:#333; line-height:1.2em; margin-left:10px; margin-bottom:10px; margin-right:10px}
.texto-cimanews a:hover {font-weight:400}
.listanoticiasAntiguas li {font-size:1.1em; font-weight:400; color:#063; line-height:2.0em; border-bottom: 1px solid #F60}
.listanoticiasAntiguas li:hover {font-weight:600}
/*========================================
Elementos exclusivos Página Nosotros
=========================================*/
#productsLinks {
	list-style:none;
	margin:0;
	padding:0
}
.developers {
	float:left;
	width:45%;
	margin-left:3%;
	margin-bottom:20px;
	border:1px solid #F60;
}
.developers:hover {
	opacity:.7;
	border:1px solid #360;
}
#DevCimatron {z-index:2;background:url(../img/banners/cimatronDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevFikus { z-index:2;background:url(../img/banners/fikusDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevSpaceclaim {z-index:2;background:url(../img/banners/spaceclaimDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#Dev3dxpert {z-index:2;background:url(../img/banners/3dxpertDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevDynaform {z-index:2;background:url(../img/banners/dynaformDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevMoldex {z-index:2;background:url(../img/banners/moldexDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevCimco {z-index:2;background:url(../img/banners/cimcoDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevCimagraphi { z-index:2;background:url(../img/banners/cimagraphiDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevSpinfire {z-index:2;background:url(../img/banners/spinfireDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#DevDatakit {z-index:2;background:url(../img/banners/datakitDev.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.logoDev{
	height:50px;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:30px;
}
.textDev{
	width:90%;
	height:3em;
	margin-left:5%;
	margin-top:5%;
}
.linkDev{
	width:90%;
	margin-left:5%;
	margin-bottom:30px;
}
/*========================================
Elementos exclusivos Página Clientes
=========================================*/
#clientesLinks {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:5%;
}
/* clientes2 */
#clientesLinks li {
	float:left;
	width:45%;
	margin-left:3%;
	margin-bottom:20px;
	border:1px solid #F60;
	background-color: #f1e3a3;
}
#clientesLinks li:hover {
	border:1px solid #360;
	background-color: #e4d48a;	
}
.logo-cliente {width:100%; height:50px; background-color:#FFF;}
.logo-cliente p { clear:none; float:right;margin-right:10px}
.logo-cliente span {float:left; margin-right:10px; font-size:24px; font-weight:500; margin-left:10px; margin-top:10px;}
.foto-cliente {float:left; clear:both; width:150px; margin-bottom:10px}
.foto-cliente img {padding-top:10px; padding-left:10px; padding-bottom:10px}
.texto-cliente {height:130px; margin-bottom:10px}
/* / clientes2 */
.clientes {
	float:left;
	width:45%;
	margin-left:3%;
	margin-bottom:20px;
	border:1px solid #F60;
	background-color: #FC6;
}
.clientes:hover {
	border:1px solid #360;
	opacity:.8;	
}
.logoClientes{
	clear:both;
	float:left;
	width:39%;
	height:100px;
	background-color:#FFF;
}
.logoClientes img {
	height:50px;
	margin-left:2%;
	margin-top:5%;
}
.logoClientes p {
	margin-top:5%;
	text-align:center;
}
.clientesInfo{
	clear:none; 
	width:60%; 
	float:left;
	color:#000;
}
.clientesInfo link {
	color:#FFF;
}
.textClientes{
	width:90%;
	height:50px;
	margin-right:5%;
	margin-top:5%;
	text-align:right;
}
.linkClientes{
	clear:none;
	float:left;
	width:90%;
	margin-left:5%;
	margin-bottom:10px;		
}
.artClientes{
	width:90%;
	margin-left:5%;
	margin-bottom:5px;
	text-align:right;
}
#cliente-utilmec {z-index:2;background:url(../cimanews/clientes/utilmec/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-inoxcrom {z-index:2;background:url(../cimanews/clientes/inoxcrom/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-gaes {z-index:2;background:url(../cimanews/clientes/gaes/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-estudio {z-index:2;background:url(../cimanews/clientes/estudio/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-mahle {z-index:2;background:url(../cimanews/clientes/mahle/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-mim {z-index:2;background:url(../cimanews/clientes/mim/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-tram {z-index:2;background:url(../cimanews/clientes/tram/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-cridi {z-index:2;background:url(../cimanews/clientes/cridi/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-maprex {z-index:2;background:url(../cimanews/clientes/maprex/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-icfo {z-index:2;background:url(../cimanews/clientes/icfo/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#cliente-escubedo {z-index:2;background:url(../cimanews/clientes/escubedo/bg.jpg) center center no-repeat #000;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}

#map, #map2, #map3, #map4 {height:280px; width:96%; margin-left:2%; margin-top:3%; border:1px solid #333}
/* ===============================================================================
Estilo de los popups de wizards de fabricantes
==================================================================================*/
#mikogo {clear:none; width:100px; border:1px solid #F60; border-radius:6px}
#mikogo:hover {background-color:#CCC}
#mikogo i {font-size:38px; line-height:1em; margin-left:33px}
/*==================================================================== 
Estilo popup formulario - corresponde con un divisor que lo enmarca
====================================================================*/
#popupIntranet {width:92%; margin-top:5%; margin-left:4%; text-align:center;}
#popupForm {width:550px; margin-left:auto; margin-right:auto; padding-top:2%}
#popupAnswer {width:550px; margin-top:20%; margin-left:auto; margin-right:auto}
/* ===============================================================================
Estilo de los popups de wizards de fabricantes
==================================================================================*/
#tablas {background-color:#FFF}
#wizards {width:300px; margin-left:auto; margin-right:auto; background-color:#FFF}
#wizards h3 {text-align:center}
#logoMarca, #maquinas {list-style:none; width:100%; margin:0; padding:0;}
#logoMarca img {width:50%; margin-left:25%; margin-bottom:5%}
#maquinas {border:1px solid #C00; margin-bottom:3%}
.modelo {padding-left:5%; width:95%; margin-top:3%; margin-bottom:2%; line-height:2.5em}
.marca {padding-left:5%; width:95%; margin-top:3%; margin-bottom:2%; line-height:2.5em; background-color:#999}
@media (max-width: 1700px) {
.colMarco {width:990px}
#colMarco {width:1250px}
}
@media (max-width: 1400px) {
header{height:7em}	
#colProdProd {width:1020px}
.colMarco {width:990px}
#colMarco {width:1250px}
#Linkcolaborador li{width:17%}
.developers img {height:auto}
.colSol6 {padding-left:3%}
.menu-item {padding: 2.75em 0;}
}
@media (max-width: 1250px) {
.colSol6 {padding-left:2%;height:710px}	
.colMarco {width:680px}
#colMarco {width:1050px}
/* La idea es llevar este comando (inicialmente tras a:link) a un tamaño de pantalla pequeño, cuando actúe pushy */
html, body {
	/*
  -webkit-tap-highlight-color: transparent;
  /* disable webkit tap highlight - incorporaciones de Pushy (tap y overflow) */
  overflow-x: hidden;
  background-color:#FFF
  }
#linkBannerTexto p, #linkTrucoTexto p {margin-top:7%; width:80%}  
}
@media (max-width: 1100px) {
#logo {width:32%}
#empaquetado-container {padding-bottom:40%}
#colProdGral, #tablaProd {width:680px}
#colProdProd {width:680px}
nav#menuPrincipal {display:none}
nav.pushy pushy-right {display: block}
.menu-btn {display:block}
.linkProds h3, .linkProdsFoto h3 {height:110px}
#Linkcolaborador li{width:22%}
.developers img {height:auto}
.listanoticias li {height:170px}
.listatrucos li {height:140px}
#PDFtext {width:50%}
#PDFfoto {width:35%}
}
@media (max-width: 860px) {
.colSol6 {padding-left:2%;height:1440px}	
.colMarco {width:340px}
#colMarco {width:340px}
#citaFoto p {width:60%}
#citaFoto img {width:25%}	
}
@media (max-width: 800px) {
header{height:6em}
#logo {width:35%}
#empaquetado-container {padding-bottom:50%}
#relacionadas a {
	height:auto;
	font-size:1.0em;
}
.linkProds, .linkProdsFoto {
	float:left;
	height:280px;
}
.linkProds h3, .linkProdsFoto h3 {height:130px}
#Linkcolaborador li{width:30%}
.foto {margin-left:5%}
#formulario {width:100%}
#complemento-formulario {
	clear:both;
	width:100%;
	margin-left:0;
}
.developers img {height:auto}
.listanoticias li {height:190px}
.listatrucos li {height:110px; width:100%}
#col2 {
	clear:both;
	float:left;
	margin-left:5%;
	width:90%;
	font-size:18px;
}
video {	
	width:90%;
	margin-left:5%;
}
#videoQuery {	
	width:90%;
	margin-left:5%;
}
#PDFtext {width:45%}
#PDFfoto {width:40%}
#botonesGiro{
  clear:both;
  float:left;
  width:90%;
  margin-left:5%;	
}
}
@media (max-width: 700px) {
header{height:5em}
#logo {width:40%}
#empaquetado-container {padding-bottom:60%}
#noticias-relacionadas { width:70%; font-size:.5em}
#relacionadas a {font-size:.9em}
#colProdGral, #tablaProd {width:340px}
#colProdProd {width:340px} 
#Linkcolaborador li{width:45%} 
.texto {width:100%}
.foto, .foto80, .foto60, .fotoIzda, .fotoIzda80, .fotoDcha, .fotoDcha80 {
	clear:both;
	width:100%;
	margin-left:0;
}
.developers {width:96%; margin-left:2%}
.developers img {height:auto}
.listanoticias li {height:190px; font-size:.9em}
.appCol3 p {font-size:0.8em}
/* Links giratorios */
.boton {
  position:relative;
  float:left;
  width:8%;
  margin-right:6%;  
  margin-top:0.1em;
  display: block;
}
.Giro a {
  width: 55px;
  height: 55px;
}
.btntext {display:none}
#popupForm {width:92%; margin-left:4%}
#popupAnswer {width:92%; margin-top:20%; margin-left:4%; text-align:center}
#linkBannerTexto p, #linkTrucoTexto p { font-size:.8em}  
.button:before, #button:before {
    font-size: 1.0em;
}
@media (max-width: 600px) {
.bloque {width:90%}
.pastillaProd .link, .pastillaProdCim .link {width: 288px; height: 162px}
.pastillaProd .link:hover .image {width: 278px;0%}
.pastillaProdCim .link:hover .image {width: 278px;0%}
.colSol1, .colVid {width:300px}
.linkProds, .linkProdsFoto {
	width:45%;
	float:left;
	height:300px;
}
#empaquetado-container {padding-bottom:80%}
#col2M {
	display:block;
	margin-left:5%;
	width:90%;
	font-size:16px;
}
#col2 {
	width:90%;
	font-size:16px;
}
video {width:100%}
#videoQuery {	
	width:100%;
}
.listanoticias li {height:200px; font-size:.8em}
.Giro a {
  width: 50px;
  height: 50px;
}
@media (max-width: 400px) {
.bloque {width:85%}
header{height:4em}
#logo {width:50%}
.Giro a {
  width: 35px;
  height: 35px;
}
.pastillaProd .link, .pastillaProdCim .link {width: 259px; height: 146px}
.pastillaProd .link:hover .image {width: 250px;0%}
.pastillaProdCim .link:hover .image {width: 250px;0%}
.pastillaProd .text, .pastillaProdCim .text {font-size: .7em; line-height:1.1em}
.pastillaProd .head, .pastillaProdCim .head {height: 1.8em}
.colSol1, .colVid {width:270px}
#relacionadas a {font-size:.8em}
#empaquetado-container {padding-bottom:100%}
#Linkcolaborador {width:96%; margin-left:2%}
#col2 {
	margin-left:5%;
	width:90%;
	font-size:16px;
}
.listanoticias li {height:310px}
#PDFtext {width:90%}
#PDFfoto {clear:both;width:90%; float:left; margin-left:5%}
/* -------------Id's específicos link intranet en Soporte y Portada ----- */
#intranetLinkGral {display:none}
#intranetLinkMovil {display:block}
/* --------------------*/