/*layout*/
html
{
	color:#475067;
	background-color:#FFFFFF;
	height:100%;
}

#form
{
	background: url(/images/login.jpg) #FFFFFF no-repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
        -ms-border-radius:10px;
	width: 535px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15%;
	padding:5px;
	text-align: left;
}

.labelLogin
{
	padding-top:5px;
	margin-left:45px;
}

.label_login {

        color:#475067;
}

.inputLogin
{
	margin-left:45px;
	width:185px;
}

#submit
{
	margin-left:100px;
	width:130px;
}

#login-logo
{
        padding-top: 35px;
        text-align: center;
        width: 250px;
        height: 145px;
}

#login-form
{
        padding-top: 25px;
        padding-right: 35px;
        text-align: right;
        height: 145px;
}

#body
{
}

#logo
{
    margin-top:25px;
    margin-left:15px;
    float:left;
}

#content
{
}

h1
{
    clear:both;
}

#sonsMenu li:hover
{
	color:#F47320}

#parentsMenu li
{
    cursor:pointer;
}

#sonsMenu li
{
    cursor:pointer;
    margin-right:15px;
    margin-left:15px;
}

.sonSelected
{
	color:#F47320;
}


#orphanMenu
{
    background-color:inherit !important;
    color:inherit !important;
    text-align:center;
    cursor:default;
}

#selected-page
{
    margin: 30px 12px 0 12px;
}

#avisoLegal
{
    font-size:x-small;
    color: #475067;
}

.messageBox
{
    width:53%;
    float:left;
}

.spaceBox
{
    width:2%;
    float:left;
}

.graficBox
{
    width:45%;
    float:left;
}

.post-text p
{
	margin:20px;
	line-height:1.5;
        color:#475067;
        text-align: justify;
}

#imageCalEnd:hover, #imageCalStart:hover
{/*
	background-color:#F47320;
/**/}

h2
{
	background-image: url(/images/pixel_top_subseccio.jpg);
        background-repeat:repeat-x;
	color:#FFFFFF;
        font-weight: bold;
        font-size: x-small;
        line-height:16px;
        height:19px;
}

.post-date
{
    color: #F47320;
    float:right;
    font-weight: bold;
    font-size: x-small;
}

.pes_subseccio
{
    color: #475067;
    cursor: pointer;
    width: 86px;
    height: 20px;
    float: right;
    line-height:20px;
    margin-top: 3px;
}

.pes_subseccio span
{
    font-weight: bold;
    font-size: x-small;
}

.pes_subseccio_selected
{
    background-image:url(/images/pestanya_p.jpg);
    color: #F47320;
    cursor: pointer;
    width: 86px;
    height: 20px;
    float: right;
    line-height:20px;
    margin-top: 3px;
}

.pes_subseccio_selected span
{
    font-weight: bold;
    font-size: x-small;
}

.text-box-resultado
{
    text-align:center;
    width: 126px;
    margin:  0 15px 5px 15px;
    color: #475067;
    font-weight: bold;
    font-size: x-small;
}

.box-resultado
{
    background-image:url(/images/n_estad.jpg);
    margin:  0 15px 5px 15px;
    width: 126px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #F47320;
    font-weight: bold;
    font-size: large;
}

#update-crono a
{
    color:#475067;
}

#error, #error_edit_user, #error_edit_customer, #error_edit_destinationPhone, #error_number_assigned,
#error_edit_disponibilidad, #error_edit_destino, #error_edit_locution, #error_edit_number, #error_number_consult
{
	background-color:#F47320;
	/*border: 1px solid #475067;*/
	color:#FFFFFF;
        font-weight: bold;
	align:center;
        position:relative;
        top:-20px;
}


/* TABLE */
.sortable {width:880px; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4; border-bottom:none; margin:0 auto 15px}
.sortable th {background-color:#E4E4E4; text-align:center; color:#475067; border:1px solid #E4E4E4; border-right:none;}
.sortable td {text-align:left; padding:4px 6px 6px 4px; border-bottom:1px solid #E4E4E4; border-right:1px solid #E4E4E4}
.sortable .head h3 {background-color:#E4E4E4; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background-color:#475067; color:#FFFFFF;}
.sortable .desc h3 {background:url(/plugins/tablesorter/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(/plugins/tablesorter/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#F47320}
.sortable .evenrow td {background:#FFFFFF}
.sortable .oddrow td {background:#FFFFFF}
.sortable td.evenselected {background:#EFEFEF}
.sortable td.oddselected {background:#EFEFEF}

#controls {width:880px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:480px; text-align:center}
#navigation img {cursor:pointer;}
#text {float:left; width:200px; text-align:right; margin-top:2px}

.controls {width:880px; margin:0 auto; height:20px}
.perpage {float:left; width:200px}
.perpage select {float:left; font-size:11px}
.perpage span {float:left; margin:2px 0 0 5px}
.navigation {float:left; width:480px; text-align:center}
.navigation img {cursor:pointer;background-color:#F47320;}
.text {float:left; width:200px; text-align:right; margin-top:2px}