body {
  	font: 12px "Trebuchet MS", Verdana, sans-serif;
	color: #333;
	background-color: #F5F6F9;
	background-image: url(../img/intro_bg.gif);
	margin: 0px;
	padding: 0px;
   
}
input, textarea,{font: 10px Verdana, sans-serif;}
#top{}
#fecha{
	margin:10px  auto;
	margin-bottom:0px;
	width: 740px;
	color:#fff;
	font-weight:bold;
	text-align:right;
}
#contenedor {
	background-color:#FFFFFF;
	margin:0px  auto;
	width: 720px;
	padding-right: 10px;
	padding-left: 10px;
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
}

#cabecera{
	background-image:  url(../img/top.jpg);
	height:212px;
}
a{
	color:#003366;
}
a:hover{
	text-decoration:none;
	color:#666;}


/*- Menu--------------------------- */ 

/*- Menu Tabs 1--------------------------- */ 


    #menu {
	  position:absolute;
	  margin-top:177px;
	  margin-left:-40px;
      width:100%;
      font-size:93%;
      line-height:normal;
}
    #menu ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("../img/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url("../img/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }
	  
	#idioma {
	position:absolute;
	margin-top:187px;
	margin-left:655px;
	width:80px;
	font-size:93%;
	line-height:normal;
	}
	#idioma a img{
	border:0px;
	}
	#idioma a img:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	}
	#construmat{
	position:absolute;
	margin-top:10px;
	margin-left:560px;}

#cuerpo{
	padding:5px 0px;
	padding-bottom:100px;
	background: url(../img/bgcuerpo1.jpg) left bottom no-repeat #fff;
}
#cuerpoproductos{
	padding:5px 0px;
	padding-bottom:100px;
	background: url(../img/bgcuerpo2.jpg) left bottom no-repeat #fff;
}
#cuerpoaplicaciones{
	padding:5px 0px;
	padding-bottom:100px;
	background: url(../img/bgcuerpo3.jpg) left bottom no-repeat #fff;
}
#cuerpodelegaciones{
	padding:5px 0px;
	padding-bottom:100px;
	background: url(../img/bgcuerpo4.jpg) left bottom no-repeat #fff;
}

/*- IZQUIERDA ------------------------------------------------------- */
#cuerpo_izq{
	width:150px;
	float:left;
	margin-top:20px;
}

#cuerpoizq_links span{
	display:block;
	font: bold 14px trebuchet MS, arial;
	color:#336699;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:5px solid #336699;
}
#cuerpoizq_links ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#cuerpoizq_links li{
	margin-left:15px;
	margin-bottom:3px;
	padding:1px;
}
#cuerpoizq_links dl{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#cuerpoizq_links dt{
	margin-left:20px;
	margin-bottom:3px;	
}
#cuerpoizq_links li a{
	color:#666;
	display:block;
	border-bottom:1px solid #999;
	text-decoration:none;
	padding-left:15px;
	background: url("../img/arrow.png") no-repeat left center;	
}
#cuerpoizq_links dt a{
	color:#666;
	display:block;
	border-bottom:1px solid #999;
	text-decoration:none;
	padding-left:15px;
	background: url("../img/arrow.png") no-repeat left center;	
}

#cuerpoizq_links a:hover{
	color:#000;
	background: url("../img/arrow_on.png") no-repeat left center;	
}


/*- DERECHA ------------------------------------------------------------------ */
#cuerpo_der{
	width:500px;
	float:left;
	margin-left:40px;
	margin-top:20px;
}
.cuerpoder_titulo{
	clear:both;
	font:bold 14px trebuchet MS, arial;
	margin-bottom:10px;
	padding-bottom:5px;
	color:#999;
	text-align:right;
	border-bottom:1px solid #999;
}
.cuerpoder_texto{
	padding-left:20px;
	margin-bottom:20px;
}
.cuerpoder_texto span{
	display:block; 
	border-bottom:1px dotted #336699; 
	margin-bottom:10px;
	font:bold 12px arial; 
	color:#336699; 
	text-align:left;
}

.cuerpoder_texto img{
	padding:1px;
	border:1px solid #336699;
	float:left;
	margin:5px;
}
/* Productos ---------------------------------------------------------------------*/
.cuerpoder_definicion{
	padding-left:20px;
	margin-bottom:20px;
}
.cuerpoder_imagen{
	padding:1px;
	float:right;
	margin:5px;
	text-align:right;
}

.cuerpoder_grafico, .cuerpoder_montaje, .cuerpoder_tabla, .cuerpoder_medidas{
	clear:both;
	padding-left:20px;
	margin:10px 0px;
	text-align:center;
}
.cuerpoder_medidas_imagen{
	width:470px;
	overflow:auto;
}
.cuerpoder_fotos{
	padding-left:20px;
	margin-bottom:20px;
	margin-top:20px;
}
.cuerpoder_fotos img{
	border:1px solid #336699;
	float:left;
	margin:5px;
	padding:2px;
	background-color:#FFFFFF;
}
.cuerpoder_grafico span, .cuerpoder_montaje span, .cuerpoder_tabla span, .cuerpoder_medidas span, .cuerpoder_fotos span{
	display:block; 
	border-bottom:1px dotted #336699; 
	margin-bottom:10px;
	font:bold 12px arial; 
	color:#336699; 
	text-align:left;
}
.recomendaciones_transporte{
	border:1px solid #666;
	background-color:#FFCC33;
	color:#990000;
	text-align:center;
	padding:4px;
	font-weight:bold;
	margin-bottom:10px;
}
.otrasopciones_transporte{
	margin-top:10px;
	border:1px solid #666;
	background-color:#CCCCCC;
	padding:4px;
	color:#666;
	font-weight:bold;
	clear:both;
}
.contacto-error{border:1px solid #ccc; background-color:#FFDDDD;padding:5px;}


/* lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}
/* Delegaciones ---------------------------------------------------------------------*/
.delegaciones{
	border:1px solid #ccc;
	background-color:#efefef;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	width:210px;
	float:left;
}
.delegaciones ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.delegaciones li{
	margin-left:15px;
}

/* Carta colores ---------------------------------------------------------------------*/
.cartacolores{
	border:1px solid #ccc;
	padding:5px;
	margin-top:10px;
	margin-right:10px;
	width:210px;
	float:left;
	text-align:right;
	background-color:#FFFFFF;
}

/* Galerķa ---------------------------------------------------------------------*/
#galeria{}
.tablagaleria{
	float:left;
	margin-top:5px;
	margin-right:5px;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:2px;
	width:230px;
}
.tablagaleria td{
	vertical-align:top;
}
.tablagaleria img{
	border:1px solid #ccc;
	padding:1px;
	background-color:#FFFFFF;
	width:100px;
}
.nombregaleria{
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
.descripciongaleria{
	font-size:10px;
}

.ampliargaleria{
	text-align:right;
	font-size:9px;
}

/* Intranet ---------------------------------------------------------------------*/
.autenticado{padding:20px;}
.autenticado td{padding:5px;} 
.error{color:#990000; text-align:center; font-weight:bold;}
#descargas{}
#secciones{ text-align:right;}
#secciones a{ text-decoration:none; font-weight:bold;}
#secciones ul{ margin:0px; padding:0px; list-style-type:none;}
#secciones li{ display:inline; margin-right:5px; padding:0px 5px; border-right:1px solid #666;}
#descargas table{ margin:20px 0px; width:100%;}
#descargas th{ background-color:#336699; color:#fff;}
#descargas td{padding:2px; border-bottom:1px dotted #666;}
/*- PIE --------------------------------------------------------------------- */
#clear{
	clear:both;
}
#pie {
   	color: #fff;
   	margin:10px  auto;
	width: 720px;
	font:9px verdana;
	padding-right: 10px;
	padding-left: 10px;
	text-align:right;
}

/*Example CSS for the scrollers*/
#pscroller2{height: 20px; padding:4px; font-size:14px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#f2f4f8; margin-bottom:20px;}
.fechanoticia{color:#888; font-size:11px; vertical-align:top; padding-right:5px;}
#pscroller2 a{text-decoration: none;}
.someclass{ //class to apply to your scroller(s) if desired}