/*
 * style.css
 * Contiene los estilos generales del site
 *
 * @package optalia
 * @subpackage css
 * @author Oscar Iglesias Lopez
 */


body{
	width:100%;
	margin:0 !important;
	padding:0 !important;
	background-color: #191919;
	font-family: Calibri, Verdana, sans-serif;
	}
	.bgBody{
		background-image:url(../img/varios/bg_franjaGris.gif);
		background-position:0 125px;
		background-repeat:repeat-x;
	}


#contentPral{
	position:absolute;
	width:980px;
	min-height:100%;
	top:0;
	left:50%;
	margin-left:-490px;
	background-color: #0c0c0c;
	}
	#contentContenido{
		width:980px;
		height:649px;
		background-color:#0c0c0c;
	}

.listLine{
	clear:both;
	margin: 0px !important;
	padding: 0px !important;
	list-style:none !important;
	}
	.listElemL{
		position:relative;
		float:left;
		margin: 0px !important;
		padding: 0px !important;
	}
	.listElemR{
		position:relative;
		float:right;
		margin: 0px !important;
		padding: 0px !important;
	}

h1{
  margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-weight:normal;
}

/********* menu **********/
#contentMenu{
	width:980px;
	height:125px;
	background-color:#0c0c0c;
	}
	#contentMenu .listElemL{
		width:311px;
		height:125px;
		padding-left:364px !important;
	}
	#contentMenu .listElemR{
		width:295px;
		height:125px;
		padding-right:10px !important;
		text-align:right;
		}
		#contentOptIdioma{ margin-top:10px; }
		#contentOptMenu{ margin-top:37px;}

/*************************/

/******** Index **********/
.bgIndex{ background:transparent url(../img/varios/bg_contenido_index.gif) repeat; }

.lineProductos{
	width:850px;
	height:305px;
	margin:auto auto auto 65px !important;
	}
	.lineProductos li{
		width:240px;
		height:305px;
	}
	.lineProductos .listElemL{ margin-right:65px !important; }
	.caja4dv{ background: transparent url(../img/cajas/caja_4dv.png) no-repeat; }
	.cajaPerfil{ background: transparent url(../img/cajas/caja_perfil.png) no-repeat; }
	.contenedorSlideShow{
		position: relative;
		width: 190px;
		height:138px;
		border:1px solid #0c0c0c;
		overflow:hidden;
		}
		.contenedorSlideShow div{ 
			position: absolute;
			left: 0;
			top: 0;
		}
	.cajaInsideo{ background: transparent url(../img/cajas/caja_insideo.png) no-repeat; }
		.contentImgProducto{
			width:192px;
			height:140px;
			margin:25px auto auto 25px;
			overflow:hidden;
		}
		.descProducto{
			width:192px;
			height:53px;
			margin:auto auto auto 25px;
			overflow:hidden;
		}
		.tituloProducto{
			width:192px;
			height:33px;
			margin:40px auto auto 25px;
			text-align:center;
		}
/*************************/

/******* Clientes ********/
#contentColumnaClientes{
	width:978px;
	height:494px;
	padding:1px !important;
	background-color:#0c0c0c;
	}
	#tituloColumnaClientes{
		width:950px;
		height:23px;
		padding-top:2px !important;
		padding-left:14px !important;
		padding-right:14px !important;
		background-color:#252525;
	}
	#bodyColumnaClientes{
		width:958px;
		height:422px;
		padding:10px;
		}
			#scrollColumnaClientes{
				width:959px;
				height:422px;
				margin-top:-15px;
				}
				.tiraClientes{
					width:950px;
					height:100px;
					margin-bottom:10px !important;
					}
					.tiraClientes li.listElemL{
						width:150px;
						height:100px;
						margin-right:10px !important;
					}
					.tiraClientes li.listElemR{
						width:150px;
						height:100px;
					}
						
		
	#footerColumnaClientes{
		width:961px;
		height:20px;
		padding-top:6px !important;
		padding-right:17px !important;
		text-align:center;
		background-color:#252525;
	}
/*************************/

/******* Noticias ********/
#contentApartados{
	width:980px;
	height:494px;
	background-color:#0c0c0c;
	}
	#contentActualidad{
		width:323px;
		height:492px;
		margin:1px !important;
		}
		#tituloApartadoActualidad{
			width:303px;
			height:23px;
			padding:2px 10px 0 10px !important;
			background-color:#252525;
		}
		#bodyApartadoActualidad{
			width:303px;
			height:422px;
			padding:10px;
			}
			.scrollActualidad{
				width:303px;
				height:422px;
				margin-top:-15px;
				overflow:hidden;
			}
			#bodyApartadoActualidad .scrollActualidad ul.off{
				width:290px;
				height:64px;
				padding-top:16px !important;
				border-bottom:1px dotted #949494;
				}
				#bodyApartadoActualidad .scrollActualidad ul.off:hover{
					width:290px;
					height:64px;
					padding-top:16px !important;
					background-color: #8c7517;
					border-bottom:1px dotted #949494;
				}
			#bodyApartadoActualidad .scrollActualidad ul.on{
				width:290px;
				height:64px;
				padding-top:16px !important;
				background-color: #8c7517;
				border-bottom:1px dotted #949494;
				}
				#bodyApartadoActualidad .scrollActualidad ul .listElemL{
					width:71px;
					height:50px;
					overflow:hidden;
				}
				#bodyApartadoActualidad .scrollActualidad ul .listElemR{
					width:208px;
					height:64px;
					}
					#bodyApartadoActualidad .scrollActualidad ul .listElemR .contentText{
						height:48px;
						margin-top:-4px;
					}
					#bodyApartadoActualidad .scrollActualidad ul .listElemR .contentText .titleApartado{
						margin-bottom:5px;
					}
				
		#footerApartadoActualidad{
			width:306px;
			height:20px;
			padding-top:6px !important;
			padding-right:17px !important;
			text-align:right;
			background-color:#252525;
		}
#contentNoticia{
	width:651px;
	height:494px;
	margin:1px !important;
	}
	#tituloApartadoNoticia{
		width:637px;
		height:23px;
		padding-top:2px !important;
		padding-left:14px !important;
		background-color:#252525;
	}
	#bodyApartadoNoticia{
		width:591px;
		height:402px;
		padding:10px 30px 30px 30px;
		}
		#bodyApartadoNoticia #textActulidad{
			width:591px;
			height:75px;
			margin-top:20px;
			}
			#bodyApartadoNoticia #textActulidad a{
				color:#ffcd05;
				font-size:12px;
				text-decoration:none;
			}
			#bodyApartadoNoticia #textActulidad a:hover{
				color:#FFFFFF;
				font-size:12px;
				text-decoration:none;
			}
		.tiraRendersNoticia{
			width:587px;
			height:125px;
			}
			.tiraRendersNoticia li{
				width:171px;
				height:121px;
			}
			.tiraRendersNoticia li.listElemL{
				margin-right:37px !important;
			}
			.render{
				width:171px;
				height:121px;
				border: 2px solid #FFF;
				}
				.render .contentImg{
					width:171px;
					height:121px;
					text-align:center;
					overflow:hidden;
				}
	#footerApartadoNoticia{
		width:634px;
		height:20px;
		padding-top:6px !important;
		padding-right:17px !important;
		text-align:center;
		background-color:#252525;
	}
/*************************/

/******** Banners ********/
#contentBanners{
	position: relative;
	width: 980px;
	height:155px;
	}
	#contentBanners div{ 
		position: absolute;
		left: 0;
		top: 0;
	}
/*************************/

/******** Contactar ******/
#mapa{
	width: 980px;
	height: 310px;
}

#contentColumnaHQ{
	width:490px;
	height:339px;
	margin:1px !important;
	}
	#tituloColumnaHQ{
		width:466px;
		height:23px;
		padding-top:2px !important;
		padding-left:14px !important;
		padding-right:10px !important;
		background-color:#252525;
		}
		#tituloColumnaHQ .listElemR{ padding-top:2px !important; }
	#bodyColumnaHQ{
		width:490px;
		height:287px;
		background-image:url(../img/varios/Optalia_BCN.jpg);
		}
		#bodyColumnaHQ .datosContacto{
			width:470px;
			padding:0px 10px 0px 10px ;
			text-align:justify;
			background-color:#0c0c0c;
			opacity: .80;
			filter: alpha(opacity=80);
		}
	#footerColumnaHQ{
		width:473px;
		height:20px;
		padding-top:6px !important;
		padding-right:17px !important;
		text-align:center;
		background-color:#252525;
	}	
	
#contentColumnaDelegacion{
	width:484px;
	height:339px;
	margin:1px !important;
	}
	#tituloColumnaDelegacion{
		width:460px;
		height:23px;
		padding-top:2px !important;
		padding-left:14px !important;
		padding-right:10px !important;
		background-color:#252525;
		}
		#tituloColumnaDelegacion .listElemR{ padding-top:2px !important; }
	#bodyColumnaDelegacion{
		width:484px;
		height:287px;
		background-image:url(../img/varios/Optalia_DBI.jpg);
		}
		#bodyColumnaDelegacion .datosContacto{
				width:464px;
				padding:0px 10px 0px 10px ;
				text-align:justify;
				background-color:#0c0c0c;
				opacity: .80;
				filter: alpha(opacity=80);
			}
	#footerColumnaDelegacion{
		width:467px;
		height:20px;
		padding-top:6px !important;
		padding-right:17px !important;
		text-align:center;
		background-color:#252525;
	}
/*************************/

/******* trabaja *********/
.personalDataLine{
	width:802px;
	height:40px;
	margin-top:10px !important;
	}
	.personalDataLine li{
		width:360px;
		height:40px;
		}
		.personalDataLine li input{ width:360px; }
	.contentTextArea{
		width:802px;
		height:120px;
		margin-top:20px !important;
		}
		.contentTextArea textarea{
			width:802px;
			height:100px;
		}

#submitBtn{
	padding:0 10px 0 10px !important;
	border:1px solid #FFF;
	background-color:#ffcc05;
	color:#909090 !important;
	}
/*************************/

/******* Footer **********/
#contentFooter{
	width:970px;
	height:25px;
	padding-top:8px !important;
	padding-left:5px !important;
	padding-right:5px !important;
	}
	#contentFooter .listElemR img{ margin: 0 5px 0 0 !important; }
/*************************/

/******* Loading *********/
#loadDiv{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#3A3A3A;
	opacity: .90;
	filter: alpha(opacity=90);
	z-index: 100;
}

#loadImg{
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -55px;
	margin-left: -55px;
 	width:110px;
	height:110px;
}
/*************************/

/******** fonts **********/
.linkSTD{
	color:#ffcd05;
	font-size:12px;
	text-decoration:none;
	}
	.linkSTD:hover{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	}

.linkSTD2{
	color:#909090;
	font-size:12px;
	text-decoration:none;
	}
	.linkSTD2:hover{
	color:#ffcd05;
	font-size:12px;
	text-decoration:none;
	}
	.linkSTD2_ON{
	color:#ffcd05;
	font-size:12px;
	text-decoration:none;
	}

.textSTD{
	color:#909090;
	font-size:12px;	
}

.textSTD2{
	color:#333333;
	font-size:12px;
}

.titleWhite{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}

.textWhite{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
/*************************/

img{ border:none; }
a{ outline: 0; }

.sombraLista_inicio{
	position:relative;
	margin-top:0px;
	height:15px;
	z-index:5;
	background:url(../img/bordes/degradado_top_lista.png) 0 0 repeat-x;
}
.sombraLista_final{
	position:relative;
	margin-top:-15px;
	height:15px;
	z-index:5;
	background:url(../img/bordes/degradado_bottom_lista.png) 0 0 repeat-x;
}

.separador10{
	clear:both;
	margin:0px;
	height:10px;	
}
.separador15{
	clear:both;
	margin:0px;
	height:15px;	
}

.separadorApartados{ width:2px; background-color:#191919; }