﻿BODY {
	Overflow: auto;
	background-color: #43454A;
	font-size: 12px;
	color: #BAB9B9;
	font-family: Tahoma;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 16px;
}
p {
	font-size: 12px;
	color: #BAB9B9;
	font-family: Tahoma;
	text-align: justify;
}
/*DIVs*/
#base {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	width: 762px;
	padding-top: 0px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #4C4E51;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #4C4E51;
}
#top {
	Overflow: auto;
	background-image: url(../images/bgTop.gif);
	margin: 0px auto;
	padding: 0px;
	width: 762px;
}
#logo {
	Overflow: auto;
	background-image: url(../images/logSafyr.gif);
	margin: 0px auto;
	width: 231px;
	height: 108px;
	padding: 0px;
	float: left;
}
#icoGlobales {
	margin: 0px auto;
	width: 100px;
	height: 40px;
	padding: 0px;
	float: right;
}
#menu {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	padding-top: 0px;
	padding: 6px;
	width: 750px;
	height: 316px;
	background-color: #FFFFFF;
}
#swf {
	margin: 0px auto;
	padding: 0px;
	width: 218px;
	height: 316px;
	float: left;
}
#btnLoguin {
	Overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 82px;
	height: 17px;
	float: right;
}
#fotoHome {
	Overflow: auto;
	background-image: url(../images/fotos/fotoHome.jpg);
	margin: 0px;
	padding: 0px;
	width: 529px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}
#fotoCorporativo {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccCorporativo.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#fotoSoftware {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccSoftware.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#fotoServicios {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccServicios.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#fotoClientes {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccClientes.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#fotoContacto {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccContacto.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#fotoSoporte {
	Overflow: auto;
	background-image: url(../images/fotos/fotoSeccSoporte.jpg);
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 316px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	background-color: #474A4D;
}
#entradillaSecc {
	Overflow: auto;
	padding-right: 10px;
	padding-left: 22px;
	width: 300px;
	height: 316px;
	text-align: left;
	vertical-align: top;
	float: left;
	background-color: #474A4D;
}
#lineaHorizontalEntradilla {
	width: 300px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #717376;
}
#lineaHorizontalContenido {
	width: 98%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #717376;
}
#barraTop {
	background-image: url(../images/imgBarraSuperior.jpg);
	margin: 0px auto;
	padding: 0px;
	width: 762px;
	height: 11px;
	vertical-align: top;
	background-repeat: none;
}
#barraInferiorCuadro {
	background-image: url(../images/bgInferiorCuadro.jpg);
	margin: 0px auto;
	padding: 0px;
	width: 762px;
	vertical-align: top;
	background-repeat: repeat-x;
	heigth: 12px;
}
#contenido {
	Overflow: hidden;
	background-image: url(../images/bgContenido.gif);
	margin: 0px auto;
	width: 762px;
	padding: 0px;
	height: 100%;
}
#bordeContenido {
	margin: 0px auto;
	width: 728px;
	padding: 8px;
	border: 1px solid #57595E;
}
#espacio {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px auto;
	width: 600px;
	vertical-align: top;
	height: 5px;
}
#bloqueNoticias {
	Overflow: auto;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px auto;
	width: 732px;
	vertical-align: top;
}
#cuadroNoticias {
	Overflow: auto;
	padding-right: 8px;
	padding-left: 8px;
	width: 712px;
	border: 1px solid #737479;
	vertical-align: top;
}
#ventanaHomeSoluciones {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 22px;
	width: 220px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#ventanaHomeSector {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 34px;
	width: 460px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#formulario {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 350px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#datoFormulario {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 80px;
	width: 100px;
	text-align: left;
	vertical-align: top;
	float: left;
}
#titFormulario {
	Overflow: auto;
	padding-right: 0px;
	padding-left: 80px;
	width: 100px;
	text-align: left;
	vertical-align: top;
	float: left;
	font-size: 17px;
	color: #60ACF2;
	font-family: Tahoma;
	font-weight: normal;
	line-height: 22px;
}
#pata {
	font-size: 9px;
	color: #555557;
	font-family: Tahoma;
	margin: 0px auto;
	width: 748px;
	background-image: url(../images/bgPata.gif);
	background-repeat: repeat-x;
	text-align: right;
	padding: 8px;
	height: 37px;
}
#lineaVertical {
	width: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #707176;
	float: left;
	height: 140px;
}
/* tablas,celdas,lineas  */
.tdGris {
	background-color: #474A4D;
}
.lineaPunteadaHorizontal {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #717376;
}
.lineaPunteadaHorizontal2 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #717376;
}
.lineaPunteadaVertical {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #717376;
}
.bordeFotos {
	padding: 9px;
}
.bordeFotosIzquierda {
	padding: 9px;
	float: left;
}
.bordeGrisFotosIzquierda {
	padding: 0px;
	float: left;
	border: 3px solid #7B7D83;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 4px;
}
.bordeBlacoFotosIzquierda {
	padding: 0px;
	float: left;
	margin: 12px;
	border: 3px solid #FFFFFF;
}
.bordeBlacoFotosDerecha {
	padding: 0px;
	float: right;
	margin: 12px;
	border: 3px solid #FFFFFF;
	background-position: right;
}
.inputFormulario {
	font-family: Tahoma;
	color: 000103;
	font-size: 11px;
	font-weight: normal;
	background-color: #999CA4;
	border: 0px none;
}
/* titulos, textos*/
.texAzul {
	font-size: 11px;
	color: #60A1D5;
	font-family: Tahoma;
}
.tituloInterno {
	font-size: 17px;
	color: #60ACF2;
	font-family: Tahoma;
	font-weight: normal;
}
.SubtituloBlanco {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Tahoma;
}
.titNoticiasHome {
	font-size: 11px;
	color: #FFFFFF; ;
	font-family: Tahoma;
	font-weight: bold;
}
.texEntradilla {
	font-size: 16px;
	color: #FFFFFF;
	font-family: Tahoma;
	line-height: 20px;
}
.texTelefono {
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Tahoma;
}
/* links*/
.btnVerMas {
	font-size: 10px;
	color: #D8D7D7;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	float: right;
	text-indent: 8pt;
	padding: 4px;
	background-image: url(../images/vinetaMas.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.btnVerMas:hover {
	font-size: 10px;
	color: #81C4FB;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
	float: right;
	text-indent: 8pt;
	padding: 4px;
	background-image: url(../images/vinetaMas.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.btnLinkBlanco {
	font-size: 11px;
	color: #BAB9B9;
	font-family: Tahoma;
	text-decoration: none;
	text-align: right;
	float: left;
	text-indent: 8pt;
	padding: 4px;
	background-image: url(../images/vinetaFlechaBlanca.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.btnLinkBlanco:hover {
	font-size: 11px;
	color: #81C4FB;
	font-family: Tahoma;
	text-decoration: underline;
	text-align: right;
	float: left;
	text-indent: 8pt;
	padding: 4px;
	background-image: url(../images/vinetaFlechaBlanca.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.linkRD {
	font-size: 9px;
	font-weight: bold;
	color: #555557;
	font-family: Tahoma;
	text-decoration: none;
	text-align: right;
	text-decoration: none;
}
.linkRD:hover {
	font-size: 9px;
	font-weight: bold;
	color: #717272;
	font-family: Tahoma;
	text-decoration: none;
	text-align: right;
	text-decoration: none;
}
.Linktexto {
	font-size: 12px;
	color: #CFCECE;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: normal ;
}
.Linktexto:hover {
	text-decoration: underline;
}



/******** SOMBRA DE IMAGENES ************/

#shadow-container {
	position: relative;
	margin-right: 3px;
	margin-bottom: 3px;
}

#shadow-container .shadow1 {
	background: #43454A;
	margin-right: -1px;
	margin-bottom: -1px;
}
#shadow-container .shadow2 {
	background: #36373A;
	margin-right: 1px;
	margin-bottom: 1px;
}
#shadow-container .shadow3 {
	/*	background: #27282C;*/
	background: #27282c;
	margin-left: -3px;
	margin-right: 1px;
	margin-bottom: 1px;
}
#shadow-container .container {
	background: #43454A;
	border: 1px solid #fff;
	padding: 10px;
}


/******** DIVS ADICIONALES DISENO ************/

.btnIngresar{
	float: left ;
	border:0px;
	position : relative; 
	left: 630px; 
	top: -10px;
}

.btnPdf{
	border:0px;
	margin-right: 10px;
}
.justifyDiv{
	text-align: justify;
}
#imgMail{
	border: 0px;
	width: 13px;
	height: 9px;
}
#imgLogin{
	border:0px;
	width: 82px;
	height:17px;
}
#imgHome{
	border:0px;
	width: 12px;
	height: 10px;
	text-decoration: none ;
}
#imgLineaIco{
	width: 28px;
	height: 24px;
	top: 7px;
	position: relative ;
}
#imgSafyrLogo{
	width:219px;
	height: 100px;
	border: 0px;
}
#imgTitulo{
	width: 256px;
	height: 32px;	
}
#divListadoCliente{
	position: relative; 
	left: 90px; 
	top: 73px; 
	width: 128px; 
	height: 38px; 
	z-index: 1;
	font-weight: bold ;
	color: white ;
}
#tablaClientes{
	width: 700px;
	border: 0px;
	text-align: center ;
	padding-right: 20px;
}
.leftLista{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #717376;
}



