/* ------- DATOS GENERALES DEL CSS -------
Documento: 	  Estilo CSS
Aplicacion:	  Sitio Web Sistemas de Información Paez
Diseñado Por: Sergio Garcia Mamani - files_sergio@hotmail.com - cel. 72088275
Descripcion:  CSS Principal del Sitio
*/

/*-----------------------------------------------------------*/
/* ------- ESTRUCTURA DEL SITIO WEB ------- */
/*-----------------------------------------------------------*/
#Contenedor{
  width: 800px;
  margin: 0 auto;
  background: #FFFFFF;
  position:relative;
}

#Cabecera{
  float: left;
  width: 100%;
  height: 196px;
  background:url(../imagenes/cabecera_fondo.jpg); 
  background-repeat: no-repeat;
}
    #Contenedor #CabLogo{
	  position: absolute;
	  top:6px;
	  left:10px;
	  /*float: left;
      width: 237px;
      height: 180px;
	  padding-top:6px;
	  padding-left:10px;*/
	}
	#Cabecera #CabMenuSuperior{
      float: right;
      width: 502px;
      height: 27px;
	  text-align: center;
	  color: #FFFFFF;
	  font-size:12px;
	  padding-top:8px;
	  padding-right:28px;
	  font-weight: bold;
    }
	#Cabecera #CabMenuSuperiorProductos{
      float: right;
      width: 580px;
	  padding-top:2px;
	  padding-right:21px;
    }
#Principal{
float: left;
width: 100%;
background:#FFFFFF;
}
    #Principal #PriMenuLeft{
		float: left;
		width: 190px;
    }
    #Principal #PriContenido{
		float: left;
		width: 580px;
		padding-left:10px;
    }
	
#pie{
	clear: both;
	width:100%;
	text-align: center;
	font-size: 11px;
	background:url(../imagenes/fondo_pie.gif); 
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*----------------------------------------------------------*/
/* ------- PROPIEDADES DE LA PAGINA ------- */
/*--------------------------------------------------------- */
/* - - - - - -  - - - - - - - - - - - - - - -   propiedades de body  - - - - - -  - - - - - - - - - - - - - - -  */
body
{
   text-align: left;
   font-family: Verdana, Arial, Helvetica, Times New Roman;
   color:#333300;
   background:#FFCC00;
   font-size:12px;
   margin-bottom: 5px;
   margin-top: 5px;
   margin-left: 0px;
   margin-right: 0px;
}
	
/* - - - - - -  - - - - - - - - - - - - - - -   propiedades del contenido - - - - - -  - - - - - - - - - - - - - - - */
#titulo{
	float: left;
	width:100%;
	height: 30px;
	text-align: center;
	font-size:20px;
	font-weight: bold;
	background:url(../imagenes/fondo_titulo.gif); 
	background-repeat: no-repeat;
}
/* - - - - - -  - - - - - - - - - - - - - - -   propiedades LINKS - - - - - -  - - - - - - - - - - - - - - - */
/* -  Menu Superior- */
a.LinkSup:link{
	color: #FFFFFF;
	text-decoration: none;
}
a.LinkSup:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.LinkSup:hover {
	text-decoration: none;
	color: #000066;
	font-weight: bold;
}
a.LinkSup:active {
	text-decoration: none;
	color: #FFFF00;
}
/* -  Enlace color Cafe - */
a.LinkCafe{
	color:#333300;
}
/* -  Enlace color Cafe - */
.LinkImagen{
	text-decoration: none;
	margin: 0;
	display: block;
}
/* -  Enlace boton -  CAFE*/
#LinkBoton a{
	width:32px; background:url(../imagenes/link_cafe.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#LinkBoton a:hover{
	color:#C01F0B; background:url(../imagenes/link_petroleo.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}
/* -  Enlace boton -  ROJO*/
#LinkBoton2 a{
	width:100px; background:url(../imagenes/link_rojo.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 32px;
	float:right;
	}
#LinkBoton2 a:hover{
	color:#C01F0B; background:url(../imagenes/link_cafe.gif) no-repeat 0 0 #FFF9F2; width:100px;
	}

/* - - - - - -  - - - - - - - - - - - - - - -   propiedades del Menu Izquierdo - - - - - -  - - - - - - - - - - - - - - - */
#Cuadro{
	float: left;
	width: 100%;
	background:url(../imagenes/menu_medio.jpg);
	
}		
#Cuadro  #CuaClientes{
	width: 100%;
	height:70px;
	background:url(../imagenes/menu_clientes.jpg);	
	background-repeat: no-repeat;
}
#Cuadro  #CuaVarios{
	width: 100%;
	height:71px;
	background:url(../imagenes/menu_varios.jpg);
	background-repeat: no-repeat;
}
#Cuadro #CuaCentro{
	width:150px;
	padding-left:15px;
}
#Cuadro #CuaInferior{
	width: 100%;
	height:35px;
	background:url(../imagenes/menu_inferior.jpg);
	background-repeat: no-repeat;
}
/* -------------------------------------  FORMULARIO ---------------------------- */
#formulario {
  text-align: left;
   font-family: Verdana, Arial, Helvetica, Times New Roman;
   color: #0B55C4;
   font-size:12px;
}