/*---------------Estilos para la pantalla de introduccion----------------*/
#intro{
background-color:#CCC;
text-align:center}

/*---------------Estilos para la Plantilla Dimasa-------------------*/

#contenedor_general {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	background-color: #FFFFFF;
	text-align:left;
	background-image:url(../images/fondoAzul.jpg);
}
#contenido {
	width:840px;
	margin-top:7px;
	margin-right: 15px;
	margin-left: 30px;
}

#encabezado{
	background-image: url(../images/cabecera.png);
	width:898px;
	height:124px;

}

body {
	margin:0px;
	background-image: url(../images/fondo.jpg);
	background-repeat: repeat-x;
	background-color: #969696;
	text-align:center;
}
/*------Pie--------*/
#pie {
	background-color: #969696;
	background-image: url(../images/pie.jpg);
	height: 30px;
	width: 898px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight:bold;
	color: #333;
	text-align:center;
	clear:both;
}

#pie .w3c{
	text-align:right;
	margin-top:-10px;
}
#pie a{
color:#969696;
}
#menupie ul{
	display:inline;
	margin-bottom:-10px;
	padding:0;
	list-style:none;
}
#menupie ul li{
	display:inline;
    list-style-type:none; /* < - Quitamos cualquier bullet de la lista */
	padding-right:30px;
}
#menupie ul li a{
    text-decoration:none;
    text-transform:capitelize;
    color:#333;
}
#menupie ul li a:hover{
    color:#F9B855;
}
#menupie ul li a:active{
    /*border:solid #FFFFFF 0px;*/
}

/*--------------Menu de Navegación-----------------*/

.jqueryslidemenu{
/*font: bold 11px Verdana;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background: #242c54 url(../images/bluedefault2.gif) center center repeat-x; /* #005EA8*/
width: 100%;
}

.jqueryslidemenu ul{
margin-left: 160px;
margin-top:0px;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #242c54 url(../images/bluedefault2.gif) center center repeat-x; 
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
/*background: black;*/ /*tab link background during hover state*/
color: white;
background: transparent url(../images/blueactive2.gif) center center repeat-x;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0px;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0px;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0px;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/*--------Estilos del Contenido-----------*/
 .titulo{
 /*font-family:Helvetica, Arial, sans-serif;
 font-size:18px;
 font-weight:bold;
 color:#333333;*/
 
font-family: "Hemi Head 426";
font-size:20px;
font-weight:600;
color:#032E5D;
 margin-bottom:10px;
 padding:3px;
 padding-left:10px;
 background-color:#CCC;
 height:20px;
 text-align:left;
 }
 .encabezadoParrafo{
 /*font-family:Arial, Helvetica, sans-serif;*/
  font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 font-weight:500;
 color:#009;
 border-bottom:1px solid #009;
 }
 .contenido{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:14px;
 font-weight:300;
 color:#333;
 line-height:1.4;
 margin:10px;
 }
 .dimasatexto{
 font-style:italic;
 }
 
 #contenidoCat{
 margin-left:200px;
 background-color:#00C;
 height:620px;
 }
  .tituloCat{
 font-family:Helvetica, Arial, sans-serif;
 font-size:18px;
 font-weight:500;
 color:#00C;
 margin-bottom:10px;
 padding:10px;
 background:url(../images/fondoTitulo.jpg) center center repeat-x;
 height:20px; 
 }
 .categoriaCat{
 font-size:19px;
 font-weight:bold;
 font-variant:small-caps;
 color:#333333;
 }
 .enlace{
color:#009;
}
 /*----------- Formulario ------------------*/
 .formulario{ 
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 font-weight:300;
 color:#000000;
 line-height:1.5;
 margin:10px;
 }
 .camposFormulario{
 border-color:#032E5D;
 background-color:#CCCCCC;
 }
 .etiquetaFormulario{
 margin-left:30px;
 margin-bottom:20px;
 margin-top:20px;
 }
 .campoForm{
 margin-bottom:5px;
 }
 .etiqueta{
 float:left;
 width:160px;
 text-align:right;
 margin-right:10px;
 background-color:#032E5D;
 color:#FFFFFF;
 }
 #div_submit{
 margin-top:10px;
 text-align:center;
 }
 #botonEnviar{
 width:100px;
 }


/*------Para el Contenido del Catálogo----------*/
#fotos{
float:left;
margin: 40px;
margin-top:10px;
margin-bottom:10px;
border:1px solid #666;
 padding:10px;
}
#fotoCentral img{
margin-top:10px;}

/*---------Páginas de Contacto y Empleo-----------*/
#fotoTrabajo{
float:right;
}
#fotoContacto{
float:right;
}
.formulario{
clear:both;
}
.datosDimasa{
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
 font-weight:600;
 color:#000000;
 line-height:1.4;
 margin:10px;
}
/*--------Página Atención al Cliente-----------*/
#fotoAtCliente{
float:right;
}
#fotoServicio{
float:right;
}


/*Para mostrar la ayuda del catálogo, plugin Greybox------*/
/* customizable settings */

/* settings for window where page loads */
#GB_window {
  background: #fff;
  border: 5px solid #aaa;
}

/* settings for caption */
#GB_caption {
	font: 12px bold Tahoma, Geneva, sans-serif;
	color: #fff;
	background: #000000 url(../javascript/Greybox/close.gif) no-repeat right center;
	padding: 2px 0 2px 5px;
}

/*overlay for all but Mac FF*/
.GB_overlayBG {
  background-color:#000;
	filter:alpha(opacity=80);
	opacity: 0.80;
}
/*overlay for Mac FF to deal with Flash in iFrame problem*/
.GB_overlayMacFFBGHack {
  background-image: url(../javascript/Greybox/macFFBgHack.png);
}

/* "loading" image */
#GB_loading {
	background: white url(../javascript/Greybox/loading.gif) no-repeat 50% 50%; 
}
/*end of custom settings*/



/*GREYBOX settings*/
#GB_overlay {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

/* for IE 6 overlay */
* html body, * html {
	height: 100%;
  width: 100%;
}



#GB_window {
  top: 10px;
  left: 0px;
  position: fixed;
  overflow: hidden;
  z-index: 150;
}


/* IE-6 overrule fixed */
* html #GB_window {
  position: absolute;
}




#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
}

#GB_caption {
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 100;
	cursor: pointer;
}

#GB_loading {
  position:absolute;
	width: 100%;
	height: 100%;
}