/* 
	propiedad de foco sistemas.
	utilizalo si te ayuda, y mandanos un email con tus observaciones a: contacto@focosistemas.com.ve
	
	hoja general de estilo del sitio, tiene los elementos básicos.
*/


/* FORMATO DE PÁGINA COMPLETA */

#pagina{
	margin:0 auto;
	padding: 20px;
	
	width:800px;	
	text-align:left;
}

/* FORMATO DE LA BARRA SUPERIOR */

/* Barra superior para navegación e info de usuarios */

#barrasuperior{
	width: 800px;
}

#barrasuperior a{
	color: #959595;
}

#barrasuperior a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.bs-top-left, .bs-top-right, .bs-bottom-left, .bs-bottom-right {
	background-image: url('../img/css/cornersfoco2000x20.gif'); 
	height: 10px;       
	font-size: 2px;    
}

.bs-top-left, .bs-bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
}

.bs-top-right, .bs-bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
}

.bs-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}

.bs-inside {
	border-left: 1px solid #585858; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #585858;/* YCC: color & properties of the right-borderline */
	background: #2A2A2A;            /* YCC: background-color of the inside */
	color: #959595;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	height: 20px;
}

.bs-notopgap    { margin-top: 0; }    
.bs-nobottomgap { margin-bottom: 0; }

/* Barra superior: navegación del sitio */

#bs-nav{ 
	padding-left: 10px; 
	float: left;

}

#bs-nav-list ul
{
	margin: 0;
	white-space: nowrap;
	padding: 0;
}

#bs-nav-list li
{
	display: inline;
	list-style-type: none;
}

#bs-nav-list a
{
	padding: 1px 2px 1px 18px;
	/* border: 1px solid #585858; */
	background-image: url(../img/css/bs-nav-down.png);
}


#bs-nav-list a:hover
{
	/* problema con IE6 border: 1px solid #585858; */
	
}

#bs-nav-active a:link, #bs-nav-active a:visited, #bs-nav-active a:hover
{
	color: #eab719;
}

/* Barra Superior: Info User */

.infousuario{

	float: right;
}

/* FIN DE FORMATO DE LA BARRA SUPERIOR */

/* SUBPAGINA 
   Sub página contendrá todo el contenido de la página, incluyendo el encabezado */

#subpagina{
	border-left: 1px solid #585858; 
	border-right: 1px solid #585858;

	background-image: url(../img/css/bg-subpagina.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#ContenidoSubPagina a{
  text-decoration: none;
	color: #DB931E;
}

#ContenidoSubPagina a:hover{
  text-decoration: underline;
}


/* FIN DE SUBPAGINA */


/* ENCABEZADO */
#encabezado{
	vertical-align: top;
	height: 90px;
	display: block;
	max-height: 90px;
}

#encabezado #logo {
	padding-left: 20px;
	text-align: left;
	float: left;
	width: 200px;
	height: 90px;
}


/* FIN DE ENCABEZADO */


/* BARRA INFERIOR */

#barrainferior{   
	width: 800px;
	font-size: 9px;
}

#barrainferior a{
	color: #959595;
}

#barrainferior a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.bi-top-left, .bi-top-right, .bi-bottom-left, .bi-bottom-right {
	background-image: url('../img/css/cornersfoco2000x10.gif'); 
	height: 5px;       
	font-size: 2px;    
	}
.bi-top-left, .bi-bottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.bi-top-right, .bi-bottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -5px;  /* CHANGE: replace by the height of one of your corners */
	}
.bi-top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bi-bottom-left  { 
	background-position: 0 -5px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bi-bottom-right { 
	background-position: 100% -5px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.bi-inside {
	border-left: 1px solid #585858; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #585858;/* YCC: color & properties of the right-borderline */
	background: #2A2A2A;            /* YCC: background-color of the inside */
	color: #959595;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	padding-top: 5px;
	height: 15px;
}

	
.bi-notopgap    { margin-top: 0; }    
.bi-nobottomgap { margin-bottom: 0; }

#barrainferior-contacto {
	float: right;
}

#barrainferior-localidad {
	float: left;
}

#localidades {
	float: left;
}

#localidades dt a{
	color: #eab719;
}

#localidades dd{
	display: none;
	position: relative;
	top: -65px;
	left: 0px;
}

#localidades dd li a{
	color: #959595;
	text-align: left;
	padding-left: 5px;
}

#localidades li {
	padding-left: 10px;
	background-image:url(../img/css/bs-nav-down.png)
}

/* CONTENIDO CENTRAL */

#contenido-central {
  min-height: 200px;
}

/* MENU */

.menu 
{
	font-family: tahoma;
	text-align: left;
	position:relative;
	font-size:12px;
	z-index:100;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
}

/* ANUNCIOS */

#anuncios {
	position: relative;
	height: 250px;
	padding-top: 5px;
	padding-left: 25px;
}

#anuncio-contenido {
	width: 720px;
	height: 240px;
	display: block;
	float: left;
	background-color: #fff;
	background-image: url(../img/anuncios/bginfo.jpg);
}


#anuncio-info {
	background-color: #FF9900;
	background-image: url(../img/anuncios/bg-anuncio-info.png);
	background-repeat: repeat-x;
	width: 173px;
	height: 240px;
	display: block;	
	float: left;	
}

#borde-der{
	background-image:url(../img/anuncios/anuncios-borde-der.png);
	float: left;
}

#anuncio-contenido h1 {
	color: #F29C0E;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 20px;
}

#anuncio-contenido h2 {
	font-family: Tahoma;
	font-size: 40px;
	padding-left: 40px;
	color: #483F31;
}
#anuncio-contenido h3 {
	font-family: Tahoma;
	font-size: 11px;
	color: #B5B5B5;
	padding-left: 40px;
	text-transform: uppercase;
}
#anuncio-contenido #boton {
	padding-top: 30px;
	padding-left: 550px;
}
#anuncio-contenido #boton #enlace {
	line-height: 25px;
	padding-right: 10px;
}

#anuncio-contenido #boton div {
	float: left;
}

#anuncio-contenido #boton a {
	color: #483F31;
	font-size: 14px;
	font-weight: bold;
}
#anuncio-contenido #boton a:hover {
	color: #483F31;
	font-weight: bold;
	text-decoration: underline;
}

#anuncio-contenido #boton #icono {
	background-image: url(../img/anuncios/boton-anuncio.gif);
	height: 25px;
	width: 25px;
}

#anuncio-contenido #boton #icono:hover {
	background-position: 0 -25px;
}


/* Listado de noticias */

.listadonoticias {
	width:347px;
}

.listadonoticiasfinal {
	width:180px;
}

.titulonoticias {
	background-image: url(../img/noticias/bg-titulo-noticias.gif);
	padding-left: 5px;
}

.titulonoticias div {

}
.titulonoticias .sepnoticia {
	padding-left: 5px;
	background-image:url(../img/noticias/bg-sepnoticia.gif);
	background-repeat:no-repeat;
	width: 5px;
}
.titulonoticias .textotitnoticias {
	background-image:url(../img/noticias/bg-sepnoticia.gif);
	background-repeat:no-repeat;

	font-size: 12px;
	color:White;
	line-height: 30px;
	padding-left: 10px;
}

.itemnoticia {
	padding-top: 10px;
}

.iconitemnoticia {
	padding-right: 5px;
}

.titulonoticia {
	color: #DB931E;
	font-size: 12px;
	padding-left: 5px;
}

.textnonoticia {
	color: #737373;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.sepitemsnoticia {
	background-image: url(../img/noticias/lineasepitemsnoticias.gif);
	background-repeat: no-repeat;
	height:2px;
	margin-top: 10px;
}
.footerlistadonoticias {
	background-image: url(../img/noticias/flechagris.gif);
	background-repeat: no-repeat;
	
	margin-top: 10px;

	padding-left: 25px;
	line-height: 15px;
	
	padding-bottom: 10px;
}

.footerlistadonoticias a {
	color: #BDBDBD;
}

.footerlistadonoticias a:hover {
	text-decoration: underline;
}

#panelesnoticias {
	position: relative;
	height: 100%;
	padding-bottom: 10px;
	
}

#panelesnoticias .separador {
  clear: both;
}

#panelesnoticias .panelnoticia {  
  float: left;
	padding-left: 25px;
	width: 350px;
	position: relative;
}

#textocontenido  {
	clear:both;
	visibility: hidden;
	height: 25px;
}
.textnonoticia a {
	color: #737373;
}

.textnonoticia a:hover {
	background-color:#CCCCCC;
	color: #737373;
}
#lineafinal #lineafinal-texto {
	margin-top: 5px;
	margin-left: 15px;
}

.ventanapopup .titulo
{
  background-image: url(../img/noticias/bg-titulo-noticias.gif);
  padding-left: 15px;
}
.ventanapopup .titulo .texto
{
  background-image: url(../img/noticias/bg-sepnoticia.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: White;
  line-height: 30px;
  padding-left: 15px;
}
.ventanapopup .contenido
{
  padding: 15px 5px 15px 5px;
  color: #737373;
  font-size: 12px;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #585858;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #585858;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #585858;
  background-color: #FFFFFF;
}

/* CONTENIDO */
.contenido
{
  background-color: White;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  width: 770px;
}

.contenido .titulo
{
  background-image: url(../img/noticias/bg-titulo-noticias.gif);
  padding-left: 15px;
}

.contenido .titulo .texto
{
  background-image: url(../img/noticias/bg-sepnoticia.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: White;
  line-height: 30px;
  padding-left: 15px;
}
.contenido .columnas .columna-izq
{
  background-color: White;
  width: 500px;
  float: left;
}

.contenido .columnas .columna-izq .texto
{
  margin: 20px;
  font-size: 14px;
}

.contenido .columnas .separador
{
  border-width: 0px 0px 0px 1px;
  border-right-style: dotted;
  width: 1px;
  color: Aqua;
}

.contenido .columnas .columna-der
{
  background-color: White;
  width: 260px;
  margin-top: 20px;
  padding-right: 10px;
  float: left; 
}

.contenido .columnas .fincolumnas
{
  clear: both;
}

.contenido ol
{
  padding-left: 25px;
}

/* Fin Listado General */
.ContenidoFooter
{
  height: 25px;
}


/* Listado General */

.ListadoGeneral {
	width:100%;
}

.ListadoGeneral .Titulo {
	background-image: url(../img/listadogeneral/bg-titulo.gif);
	padding-left: 5px;
	color: #DB931E;
	font-size: 12px;	
}

.ListadoGeneral .Titulo .Texto {
	background-image:url(../img/listadogeneral/bg-vineta.gif);
	background-repeat:no-repeat;

	font-size: 12px;
	color:White;
	line-height: 30px;
	padding-left: 10px;
}

.ListadoGeneral .Item {
	padding-top: 10px;
}

.ListadoGeneral .Item .Titulo
{
  background-image: none;
  color: #737373;  
}

.ListadoGeneral .Item .Titulo .Fecha
{
  color: #DB931E;
}

.ListadoGeneral .Item .Titulo .Texto
{
  background-image: none;
  color: #DB931E;  
}

.ListadoGeneral .Item .Texto {
	color: #737373;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.ListadoGeneral .Item a
{
  text-decoration: none;
	color: #DB931E;
}

.ListadoGeneral .Item a:hover {
	text-decoration: underline;
}

.ListadoGeneral .Item .SepItem {
	background-image: url(../img/noticias/lineasepitemsnoticias.gif);
	background-repeat: no-repeat;
	height:2px;
	margin-top: 10px;
}

.ListadoGeneral .Footer {
	background-image: url(../img/noticias/flechagris.gif);
	background-repeat: no-repeat;
	
	margin-top: 10px;

	padding-left: 25px;
	line-height: 15px;
	
	padding-bottom: 10px;
}

.ListadoGeneral .Footer a {
  text-decoration: none;
	color: #737373;
}

.ListadoGeneral .Footer a:hover {
	text-decoration: underline;
}


/* Login */
.PanelLogin
{
    padding: 20px;
}
.login
{
  
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
  width: 770px;
}

.login .texto .Grande
{
  color: #DB931E;
  font-size: 16px;
  font-weight: bold;
}

.login .titulo
{
  background-image: url(../img/noticias/bg-titulo-noticias.gif);
  padding-left: 15px;
}

.login .titulo .texto
{
  background-image: url(../img/noticias/bg-sepnoticia.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: White;
  line-height: 30px;
  padding-left: 15px;
}
.login .columnas .columna-izq
{
  
  width: 400px;
  height: 100px;
  float: left;
}

.login .columnas .columna-izq .texto
{
  margin: 20px;
  font-size: 14px;
}

.login .columnas .separador
{
  border-width: 0px 0px 0px 1px;
  border-right-style: dotted;
  width: 1px;
  color: Aqua;
}

.login .columnas .columna-der
{
  background-color: White;
  width: 370px;
  margin-top: 20px;
  float: left;
}

.login .columnas .fincolumnas
{
  clear: both;
}

.login .DatoUsuario
{
  padding: 25px;
  margin: 25px;
}

.login .validacion
{
  color: Red;
  font-size: 10px;
}

.login .SumarioValidacion
{
  color: Red;
  font-size: 10px; background-color: Yellow;
  height: 25px;
}


/* Fin de Login */


/* Inicio de Formulario */
.Formulario
{

}

.Formulario dl {
    font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
    top: 3px;
    left: 0px;
}
.Formulario dt {
    clear: both;
    float:left;    
    padding: 4px 0 2px 0;
    text-align: left;
    font-weight:bold;
}

.Formulario .DescripcionCampo 
{
    font-style: italic;
}

.Formulario dd {
    float: left;
    width: 350px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
.Formulario .Boton
{
  float: left;
  width: 350px;
  position: relative;
  padding-top: 15px;
  text-align: right;
}

.Formulario .Mensaje
{
  border-color: Black;
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  margin-bottom: 10px;
  background-color: #FFFF80;
  font-size: 12px;
}
/* Fin de Formulario */

#SeccionHospedaje a
{
  color: White;
}

#SeccionHospedaje h3
{
  padding-bottom: 3px;  
}

#SeccionDominios a
{
  color: White;
}

#SeccionDominios h3
{
  padding-top: 10px;  
  padding-bottom: 3px;  
}

.caja
{
  width: 100%;
  height: 123px;
}

.SeccionPrincipal .Formulario
{
  background-color: #FFFFFF;
}

.SeparadorFooter
{
    clear: both;
}