Incam_Intranet/css/style.css

body
{
        margin: 0;
        padding: 0;
        background-color: #FFF;
        font-family: trebuchet ms, verdana, tahoma, arial;
        font-size: 75%;
        line-height: 200%;
}

.button {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color : #555;
        background-color : #f1f1f1;
        height : 20px;
        border : 1px solid #ccc;
        margin-top : 2px;
}

.encabezado {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        background-color: #444;
        color : white;
}

.resaltado {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
        color : blue;
}

.lista {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        color : black;
}

.paginado {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        background-color: #444;
		border : 0px;
        color : green;
}

.binactivo {
        font-family : Verdana, Arial, Helvetica, sans-serif;
      	color: #000000;
	background-color: #FFFFFF;
        border : 0px solid #ccc;
        margin-top : 2px;
}

.bactivo {
        color : #555;
        border : 0px solid #ccc;
        margin-top : 2px;
}

.encabezado a:link {
      color: white;
}

.sinborde {
        border-right:0px;
        border-bottom:0px;
        border-top:0px;
        border-left:0px;
}

#ContTabul {
      border-left: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      padding: 10px 5px 6px 5px;
}
ul#tabnav {
      list-style-type: none;
      margin: 0;
      padding-left: 8px;
      padding-bottom: 24px;
      border-bottom: 1px solid #CCC;
      font: 11px verdana, arial, sans-serif;
}
ul#tabnav li {
      float: left;
      height: 21px;
      background-color: #E4E4E4;
      color: #666;
      margin: 2px 10px 0 2px;
      border: 1px solid #CCC;
}
ul#tabnav a:link, ul#tabnav a:visited {
      display: block;
      color: #666;
      text-decoration: none;
      padding: 4px;
}

#tabnav .inactivo {
}
#tabnav .activo { 
    color: #000000;
	font-weight: bold; 
    background-color: #FFFFFF;
    border-bottom: 1px solid #fff;

}

.errorcampo {
        color : white;
        background-color : red;
}

.repecampo {
        color : white;
        background-color : blue;
}

.okcampo {
        color : white;
        background-color : green;
}

.fondo {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        background-color : #FF9933;
        color : white;
}

.prioridad_baja {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 16px;
        color : green;
}

.prioridad_media {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 16px;
        color : orange;
}

.prioridad_alta {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 16px;
        color : red;
}

.dia {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        background-color : #DDD;
        height:50px
}

.dia_vacio {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        background-color : white;
}

.dia_laboral {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 14px;
        background-color : #DDD;
        /*background-color : #e8980c;*/
}

.dia_laboral a:link {
      color: black;
}

.dia_festivo {
        /*background-color : #FF0000;*/
        background-color : #b6221d;
        color: white;
}

.dia_festivo a:link {
      color: white;
}

.dia_vacaciones_s {
        /*background-color : #66CCFF;*/
        background-color : #59bbab;
        color: white;
}

.dia_vacaciones a:link {
      color: white;
}

.dia_vacaciones_ap {
        /*background-color : #009933;*/
        background-color : #b1f543;
        /*color: white;*/
}

.dia_vacaciones_ap a:link {
      color: black;
}

.dia_vacaciones_r {
        background-color : #808080;
        /*background-color : #af762b;*/
        color: white;
}

.dia_vacaciones_r a:link {
      color: white;
}

.dia_vacaciones_an {
        /*background-color : #FFFF99;*/
        background-color : #f2ff00;
}

.dia_vacaciones_an a:link {
      color: black;
}

img
{
        border: 0px;
}


a:active, a:visited, a:link
{
        color: #5E8E3E;
        text-decoration: none;
}

a:hover
{
        color: #000000;
        text-decoration: none;
}

#menu
{
		position: absolute;
		top: 100px;
		left: 0;
        width: 150px;
        height: 100%;
        overflow: visible;
        background-color: #555;
        border-right:1px solid #000;
}
.menuOption{
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color:#000000;
        background-color : #f1f1f1;
        height : 20px;
        border : 1px solid #ccc;
        margin-top : 2px;
		padding:5px;
		margin-right:10px;
}

#menutop
{
        width: 150px;
        height: 150px;
        border-bottom:1px solid #808080;
        background-color: #444;
}

#main
{
        width: 90%;
        margin-left: 150px;
        padding: 20px;
        height: 100%;
}

#banner
{
        height: 80px;
        color: white;
        text-transform: uppercase;
        padding: 10px 10px 10px 20px;
        background-color: #444;
}

#main h2
{
        border-bottom: 1px solid #808080;
        font-family: arial;
        font-weight: 100;
        letter-spacing: 8px;
        font-size: 200%;
        text-align: right;
}

#main h3
{
        text-align: right;
}
.aviso{
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
	font-weight: bold;
	font-size : 14px;
	margin-bottom: 10px;
}
.ok{
	background-color: #A1D907;
}
.error{
	background-color:#CC3120;
}
.semaforo{
	background-color:#FFFF00;
}
.centrado{
	text-align: center;
}
#cronopaginacion{
	text-align: center;
}
#cronopaginacion a{
	color:#FFFFFF;
}
#cronopaginacion ul{
	list-style: none;
}
#cronopaginacion li{
	display: inline;
	background-color: #444444;
	padding-left: 3px;
	padding-right: 3px;
	margin-right:2px;
}
#cronopaginacion .flecha{
	display: inline;
	background-color:#FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	margin-right:2px;
}
#cronopaginacion .actual{
	background-color:#CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
	color:#000000;
	font-weight: bold;
}
input{
	font-size:12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
textarea{
	font-size:12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

.nombreDia {
	font-size: 10px;
	border-width:1px;
	border-right-style:solid;
	border-bottom-style:solid;
	width:17px;
	float:left;
	background-color:#757575;
	color:#FFFFFF;
}
.textoDia {
	margin-top:15px;
	margin-bottom:10px;
}
.admin .titulo{
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	width:300px;
	display:block;
	font-weight: bold;
	font-size: 14px;
}

.comentarioRRHH {
	padding-left:20px;
	color:#3366FF;
}
.capaObs{
	position:absolute;
	z-index:2;
	background-color:#CCCCCC;
	border: 1px #000000;
	border-style:dotted;
	visibility:hidden;
	width:560px;
	padding:2px 2px 2px 2px ;
}
.obsPropuesta{
	width:250px;
	height:50px;
	font-size:10px;
}