/* @override http://127.0.0.1/webs/dedolibBase/css/skin_azul.css */

/* @group colores del main */

body {
	color: #415B67;
	background: url(../images/fondo_body.gif) #ffffff;
}

a, a:link, a:visited {
	color: #415B67;
}

a:hover {
	color: #005EC4;
}



#maincontainer{
	border-left: 1px solid #A5ADB3;
	border-right: 1px solid #A5ADB3;

	background: #ffffff url(../images/sombra_lat.jpg) repeat-y 72.6em 0em;
}


/* @group Menu Principal */

#menuPrincipal {
	background: #FFF;
	border: 1px solid #AFAFAF;
	border-right: 0px;
	}


#menulista {
	border: 0px solid #ccc;
	background: #C6CACD;
	}
	
#menulista li a {
	color: #425C66;
	background: #C6CACD;
	}	

#menulista li a:hover {
	color: #DDDFE1;
	background: #415B67;
	}

#menulista .seleccionado {
	color: #DDDFE1;

	background: #415B67;
	}
	

#menulista .logout {
	color: #DDDFE1;
	border-left: 4px solid #FFFFFF;
	}
/* @end */	
/* @group EL FOOTER */

#footer {
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #A5ADB3;
	background: #FFFFFF;
	}

#footerIn {
	background: #C6CACD;
}
/* @end */


/* @group Menu del footer */
#menuFooter {
	border: 0px solid #ccc;
	background: #C6CACD;
	}

#menuFooter li {
	border-right: 1px solid #425C66;
	}

#menuFooter li a {
	color:#425C66;
	background: #C6CACD;
	}

#menuFooter li a:hover {
	color: #FFF;
	}
	
#menuFooter .marca {
	color: #425C66;
	border-right: 0px solid #FFFFFF;
	}	

/* @end */


/* @group Submenu derecha */
	
ul.subMenuNav li {
	background: url(../images/lista_li_a.jpg) no-repeat left 6px;
	border-bottom: 1px dashed #AFB4B9;
	color: #8E959C;
	}
	
ul.subMenuNav li a {
	color: #8E959C;
}
ul.subMenuNav li a:hover {
	color: #005EC4;
	}
ul.subMenuNav li a:visited {
	color: #8E959C;
	}
	
ul.subMenuNav li.active {
	background: url(../images/lista_li_hover.jpg) no-repeat left 6px;
	border-bottom: 1px dashed #AFB4B9;
	color: #005EC4;
	}	
	
ul.subMenuNav li.active a {
	color: #005EC4 !important;
	}	
/* @end */

/* @group caja search */
#cajaSearch {
	background: #F2F7FC url("../images/search_bottom.gif") repeat-x left bottom;
	}

#cajaSearch #botonesForm li {
	background: url(../images/boton_form_izda.gif) left top no-repeat;
	}

#cajaSearch .boton {
	background: url(../images/boton_form_dcha.gif) right top no-repeat;
	}


/* @end */


h2.titPagina {
	background: url(../images/ruta_h2.jpg) no-repeat left bottom;
	color: #415B67;
	}
	
	
h2.titOpciones {
	background: url(../images/ruta_h2.jpg) no-repeat right bottom;
	color: #5A707B;
	}



/* @group MENU TABS (para los edit con pestaas) */

#menuTabs li
{
    background: url(../images/tabsSubmenu/tab_submenu_left_off.gif) no-repeat left top;
}

#menuTabs li:hover
{
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_left_on.gif) no-repeat left top;
}

#menuTabs li a
{
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_off.gif) no-repeat right top;
}

#menuTabs li a:hover {
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_on.gif) no-repeat right top;
	}

#menuTabs #tabActive,#menuTabs .tabOn {
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_left_on.gif) no-repeat left top;
	}

#menuTabs #tabActive a,#menuTabs .tabOn a {
	color: #555555;
	background: url(../images/tabsSubmenu/tab_submenu_right_on.gif) no-repeat right top;
	}
/* @end */

/*
@group barras de botones en divs (NO USADO EN BASE)
*/

.toolbar a {
    color: #333;
    border: 1px solid #DEDEDE;
    background: #FFF;
}

.toolbar a:hover {
    color: #333;
    background: #EEE;
    border: 1px solid #999;
}

.toolbar a:active {
    color: #FFF;
    background: #999;
}
/* @end */

/* @group cajas tips */
.cajaTip {
	background: #F3F3F3;
	border-color: #EAEAEA #B5B4B4 #B5B4B4 #EAEAEA;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	}
	
.cajaTip h3 {
	color: #ffffff;
	background: #8D949B;
	border: 1px solid #D8DADB;
	}	

/* @end */


/* para scriptaculous */
span.handle {
	background-color: #E8A400;
	color: #FFF;
	}


/* @end */



/* @group colores del dedolib css */

/* @group inputs formularios */

input, textarea {
	color: #222222;
	}

textarea {
	border: 1px solid #9F9F9F;
	background: #FFF;
	}

.inputText {
	border: 1px solid #ccc;
	background: #FFF;
	}

.inputTextError {
	border: 1px solid #FFDDDD;
	background: #ffb3b9;
	}

select {
	color: #222222;
	border: 1px solid #9F9F9F;
	background: #FFF;
}

/* @end */

/* @group paginator */
.pageList select {
	color: #222222;
	border: 1px solid #9F9F9F;
	}

/* lista paginas */
ul.pagList li {
	border: solid 1px #9F9F9F; 
	color: #aaaaaa;
	background: #fff; 
	}
ul.pagList li a {
	color: #aaaaaa;
	}
ul.pagList li:hover {
	color: #fff; 
 	border-color: #444; 
	}

ul.pagList li.pageOn {
	background: #fff; 
	color: #000;
	}

/* @end */

/* @group multiforkey, multienum select */
.multiSelectTh {
	border: 1px solid #9F9F9F;
	}
/* @end */

/* @group templates file y fotos */
.restrictionText {
	color:#FF7800;
}

/* @end */

/* @group TABLA LISTADO */
.listado thead th { 
	background:#DDDFE1;
	color:#415B67;
	border-top:0px solid #809199;
	border-left:0px solid #809199;
	border-bottom:1px dotted #809199;
	border-right:0px solid #809199;
}

.listado thead th a { 
	color: #415B67;
}

.listado thead th a:hover { 
	color: #415B67;
}

.listado tbody td {

	color: #415B67;
	border-bottom:1px dotted #809199;
}	

.listado tbody tr.ruled td {
	background: #E6EFF9 !important;
}

.listado tfoot td {
	background: #EDEDED url(../images/thbg.gif) repeat-x bottom;
	color: #009;
}

.zebra tbody tr.impar td {
	background: #FFFFFF;
}
.zebra tbody tr.par td {
	background: #EEF1F8;
}
/* @end */

/* @group botones dedolib */
.botonOff {
	background: #FFCC80;
	border-left: #FFF;
	border-width: 0em 0em 0em .3em;
	border-style: none none none solid;
	color: #444444;
}

.botonOn {
	background: #FF9900;
	border-left: #FFF;
	border-width: 0px 0px 0px 3px;
	border-style: none none none solid;
	color: #FFFFFF;
}

/* @end */


/* @group formularios de edicion de fichas */
#contForm {
	border: 3px solid #BEC2C6;
	border-left: 1px solid #BEC2C6;
	border-top: 5px solid #BEC2C6;
	}
	
#contForm fieldset div.fieldHelp {

	color: #039DCD;
	border-color: #CCC;
	border-width: 1px;
	border-style: dashed none dashed none;
}

#contForm #cajaBotonesForm {
  	border-top: 1px dashed #809199;
 	}

#contForm #botonesForm li {
	background: url(../images/boton_form_izda.gif) left top no-repeat;
	}

#contForm .boton {
	background: url(../images/boton_form_dcha.gif) right top no-repeat;
}


.fieldSetEdit {
	color: #333;
	}
	
.fieldSetEdit legend,
.fieldSetEdit label { color: #333; }


.fieldSetEdit fieldset { background: none; }


.errorField {
	color: #FF0000 !important;
	}
/* @end */


/* @group caja de mensajes de error o info */
#mensajeInfo {
	background-color: #FFF;
}

.mensajeInfo {
	border: 1px solid #415E93;
	background: #f9f9f9;
}


.titleMsg {
	background: #415E93;
	color: #FFFFFF;
	}

.mensajeInfo li {
	border-bottom: 1px solid #ccc;
	}
	
.mensajeInfo li.error {
	border-left: 6px solid #900;
	color: #000;
}
.mensajeInfo li.info {
	border-left: 6px solid #C0C9E1 !important;
}
.mensajeInfo li.warning {
	border-left: 6px solid #f60;
}


/* @end */


/* @group  caja de seleccion de fechas*/
#dateChooseContent {
	background-color:#FFFFFF;
}

#dateChooseContent li {
	border: 1px solid #FFFFFF;
}
 
#dateChooseContent ul li a {
	background: #C0C9E1;
	color: #444444;
	}
 
#dateChooseContent li.semana {
	background: #C0C9E1;
	color: #444444;
}
 
#dateChooseContent ul li a:hover	 
{
	color: #FFFFFF;
	background-color: #415E93;
}

#dateChooseContent a:active	 
{
	background: #FF7840;
	color: #FFFFFF;
}

#dateChooseContent li#active a	 
{
	background: #FF7840;
	color: #FFF;
}

/* @end */


/* @group autocomplete */
div.autoComplete {
	background-color:white;
	border:1px solid #888;
    }

div.autoComplete li.selected { background-color: #ffb; }    
/* @end */


/* @end */
