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

html { background: #333333 /*#333333 url(../images/bg_calcass.png) repeat*/; }
body { margin: 0px auto 2em; font-family: Arial, sans-serif; color:#FFFFFF;
       color:#000000;
       font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
       font-size:14px;
       font-size-adjust:none;
       font-stretch:normal;
       font-style:normal;
       font-variant:normal;
       font-weight:normal;
}

a {color:#084899; font-weight:bold;}
#encabezado { height:140px;  /*background: url(../images/calcass.png) no-repeat 0px 50px;*/} 
#encabezado .menu_secundario{ position:relative; top:10px;}
#encabezado .menu_secundario,#encabezado .menu_secundario a { color:#CCCCCC; }
.der { text-align:right;}

#logo { margin:0 10px 0 20px;}
.slogan{ position:relative; top:46px;}
.slogan .titulo{font-size:16px; color:#FFC43A;margin-left:10px}
.slogan .detalle{font-size:12px; color:#FFFFFF;margin-left:10px}
.slogan .titulo a{ font-size:16px; color:#FFC43A; text-decoration:none }
.slogan .titulo a:hover{text-decoration:underline; }

a img{border:none;}

#ambiente { height:154px; background: #333333 /*url(../images/bg_ambiente.png) repeat-x */;}
#ambiente .titulo{font-size:24px; color:#FFFFFF; height:32px;}
#ambiente .escenario{ background:url(../images/ambiente.png) no-repeat; width:940px; height:122px;}

#menu {background:url(../images/bg_menu.png) repeat-x top; height:50px; font-weight:bold;margin-top:0px;}
#menu span  {margin-top:-4px; }

#menu div.opcion { margin-right:40px;  display:inline;float:left;margin-top:-6px; }
#menu div.opcion a {color:#660000; padding:8px 0px 16px;line-height:42px;}
#menu div.opcion a.actual { background:#EEECDD; background:url(../images/bg_actual.png)  center 27px no-repeat; text-decoration:none; }

#menu span a {color:#660000; padding:8px 0px 16px;line-height:40px;}
/*#menu span a.actual {color:#FFFFFF; background: #CC6600; height:50px; text-decoration:none; }*/
#menu span a.actual { background:#EEECDD; background:url(../images/bg_actual.png)  center 26px no-repeat; text-decoration:none; }

#submenu { background-color:#333333; margin:0; padding:10px 10px;margin:-20px 20px 0 0px; width:200px; float:left; border:none; text-transform:lowercase;}
#submenu .opciones a {color:#FFC167; }/*#FF9E0D*/
#submenu div.titulo {background-color:#333333;}
#submenu h1.titulo{padding:0 20px; color:#FFFFFF;}
#submenu div.titulo { font-size:18px; padding:0 20px;margin:4px 0 10px 0; color:#FFFFFF; border-top: 1px solid #999; border-bottom: 1px solid #999;}
#submenu ul { list-style: circle outside; color:#fff; margin: 0 0 0 6px;}
#submenu li { padding: 4px 0px; }

#logos {text-transform:lowercase; }
#logos div {width: 110px;  margin: 0px; }
.dock,.activeMenu { position: relative; text-align: center;	float: left;}
.dock span { display: block; margin-top: 0px; color: #EEE; cursor: pointer; font-size: 13px; }
.activeMenu span { display: block; position: relative; color: #EEE; cursor: pointer; font-size: 13px; }
.activeMenu a{position:relative;top:0px;}
a.dock-item{position:relative;top:0px;bottom:33px;}
.dock span{color:#EEE;cursor:pointer;font-size:13px;}
.dock-item img{border:none;/*width:100%;*/}
.dock-item span{display:block;width:110px;}

#cuerpo {background:#FFFFFF url(../images/bg_cuerpo.png) repeat-x top; padding:20px 0; /*font-family:"Trebuchet MS",Arial,Helvetica,sans-serif*/}
#cuerpo h1 { color:#CF7E00; font-size:20px; font-weight:bold; margin:8px 0;  /*text-transform:lowercase;border-bottom: #FF9900 thin solid; text-align:right;*/}
#cuerpo h2 { color:#282828; font-size:18px; font-weight:bold; margin:8px 0 4px 0;  }
#cuerpo h3 { color:#666666; font-size:14px; font-weight:bold;  /* border-bottom: #FF9900 thin solid; text-align:right;*/}
#espacio h1, #espacio_completo  h1 {border-bottom: #FF9900 1px solid;}
#cuerpo #contenido {margin:24px 0; padding:0;}
#cuerpo #espacio { width:460px;margin:0px; padding:0; }
#espacio_completo { width:700px;margin:0px; padding:0; }
#cuerpo #extra { width:220px;margin:0px; padding:0; }
#pie {background:#333333; font-size:12px;}
#pie .maquina {background:#333333;}
#pie .calcass { color:#CCCCCC;}
#pie h2{ font-size:13px; color:#FFFFFF;}
#pie a { color:#FFFFFF;}
.elemento {width:300px; margin:20px 10px; border-bottom: 1px solid gray;border-top: 1px solid gray;}
.icono { margin:20px 0 0 0; height:110px; width:104px; background:#FFFFFF url(../images/bg_producto.png) no-repeat top left;}
.producto {  margin:26px 0 0 4px; padding:0px 0 0 0;  width:120px;  color:#993300; font-weight:bold; border:none;; /*font-family:"Trebuchet MS",Lucida,Verdana,sans-serif;*/}
.producto h1.home {border-bottom: 0px;}
.producto h1 a {font-size:18px; color:#E5720A; text-transform:lowercase;} /*#E5720A*/
.elemento p { font-size:14px; padding:0 4px;}
.fase { margin: 30px 0 0 0;}
.fase h3{ font-size:12px; margin:0;}
.fase_img {width:170px;}
.fase_des {width:170px;}

.seccion { margin: 10px 0 0 0px; width:340px;}
.seccion h3{ font-size:12px; margin:0;}

.aplicaciones h3{ font-size:12px; margin:0;}

.link img { border: 5px solid #fff;}
.link:hover img {	border: 5px solid #CF7E00;}
.link:hover { color: #CF7E00; }

.link-light img { border: 2px solid #fff;}
.link-light:hover img {	border: 2px solid #CF7E00;}
.link-light:hover { color: #CF7E00; }


.left {float:left;}
.right {float:right;}

.resaltado { color:#FFCC00;}
.mensaje{color:#1C1907;font-size:28px;padding:10px 0 20px 0;}

.vacio { margin:0; padding:0}
.r-box{border:#879F6D 1px solid;background-color:#F0FFDF;color:#666666;line-height:20px;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.error, .errores, .notice, .success {padding:.8em;margin-bottom:1em;border:1px solid #ddd;  text-align:center;}
.errores{text-align:left;}
.error, .errores {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FBFCCD;color:#514721;border-color:#FFD324;}
.success {background:#D3FECF;color:#264409;border-color:#C6D880;}
.error_campo {color:red; margin-left:0px;}
.loader {background:#CF0C0C;color:#FFF;border-color:#FBC2C4;text-align:center;}

ul.opciones {  padding-left:18px; margin-left:0px;}
ul.opciones li{ margin:0; padding: 0 0px;}

/* jQuery lightBox plugin - Gallery style */
a.lightbox img { border: 2px solid #fff;border-width: 2px;}
a.lightbox:hover img {	border: 2px solid #CF7E00;	border-width: 2px;	color: #3e3e3e;}
a.lightbox:hover { color: #CF7E00; }

/* Formularios*/
form ul{ }
form li { margin: 4px 0 4px 0;  padding:0 0 0 14px;list-style: none; text-align:left; clear:both; }
form label{float:left; margin: 4px 0 4px 0;text-align:right;}

input,textarea,select{font-family:Arial,Helvetica,sans-serif;width:250px;font-weight:bold; font-size:16px; }



.form-row { }
.dato{width:120px;border:0;text-align:right;padding:0 5px 0 0;vertical-align:top;}
.obligatorio{ font-weight:bold; color:#000066;}
.valor {  background-color:black; color:red;  }
.botones{width:auto;text-align:center;}

.boton{width:auto;text-align:center;}


/* Estilo general para inputs validos y no validos */
.invalidInput,.validInput{padding:2px;}

/* Estilo para elementos invalidos */
.invalidInput{border:1px solid #F00; background-color:#FFF; }
/* Estilo para elementos validos */
.validInput{border:1px solid #3C4F3B; background-color:#EFEFEF;}


/*Boton enviar*/	
#enviar{background-image:url(../images/botonbg.gif);background-repeat:no-repeat;border:none;padding:2px 30px 8px 40px;text-decoration:none;}


/* Cotizacion en linea*/
.especial{padding:10px 20px 0 10px;height:106px;width:148px;/*background:#ffffff url(../images/subopcionbg.gif) no-repeat ;*/}
#cotizacion{ font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; margin:10px 0 0 0;padding: 5px 0px 5px 30px; background:#FFFFFF url(../images/cotizacionbt.gif) left no-repeat ;}
#cotizacion a{text-decoration:none; color:#FFFFFF; font-size:12px;}
/*
.video{background:#FFFFFF url(../images/videobg.gif) no-repeat top;}
.pdf{background:#FFFFFF url(../images/manualbg.gif)  no-repeat top;}
*/

.miniatura { float:left; width: 50px;}
.izq{float: left; }
.der{float: right; }
.clear{ clear:both;  }