@font-face {
	font-family: Helvetica_neue;
	src: url('helvetica_neue/HelveticaNeue.ttf');
}

@font-face {
	font-family: "Open Sans";
	src: url('Open_Sans/OpenSans-Light.ttf');
}


/********************************      Basic Structure      ********************************/


html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                /*background: #f0f0f0 url('../images/bg-body.jpg') top left repeat;*/
                }

body {
                font-family: Helvetica, Arial, Verdana;
                color: #555;
                background: url("../images/fondo.png") repeat-y scroll 230px top #1a2229;
                font-size: 12px;
                height: 100%;
                }

#body-wrapper {
                /*background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;*/
                background: url('../images/fondo.png') scroll 230px top repeat-y #1A2229;
                /*height: 100%;*/
                }                             

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: 'Open Sans',Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				  position: absolute; top: -1000px;
				}
				
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #049BD5; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }
				
.align-left {
                float: left;
                }
				
.align-right {
                float: right;
                }

/************ Button ************/
.button {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
    padding: 8px 10px 8px 10px!important;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#222;
	font-family: Helvetica , arial, verdana;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    cursor: pointer
                }
                
.button:hover {
                background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.button:active {
	position:relative;
	top:1px;
}




				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}

/********************************      Sidebar      ********************************/

#sidebar {
                width: 240px;
                height: 100%;
                position: absolute;
                left: 0;
                top: 60px;
                color: #888;
                font-size: 11px;
                }

#sidebar #sidebar-wrapper {
                margin: 0 0 0 0px;
                }

#sidebar a,
#sidebar a:active {
                color:#ccc;
                }

#sidebar a:hover {
                color:#fff;
                }

#sidebar #sidebar-title {
                margin: 40px 0 40px 15px;
                }

#sidebar #logo {
                margin:20px 20px;
                }

#sidebar #profile-links {
                padding: 0px 20px 20px 40px;
                text-align: left;
                line-height: 25px;
                font-size: 15px;
                font-weight: bold;
                color: #FFF
                }
#sidebar #profile-links a{
	font-size: 15px;
	font-weight: bold;
}
/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
                width: 230px;
                padding: 0;
               
                font-family: "Open Sans",Helvetica_neue ,Helvetica , arial, verdana;
                }

#sidebar #main-nav li {
                list-style: none;
                /*padding-bottom: 10px;*/
                /*text-align: right;*/
                }

#sidebar #main-nav li a.nav-top-item {
                background: #2D353C;
                padding: 10px 15px;
                color: #fff;
                font-size: 13px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }
#sidebar #main-nav li a.nav-top-item:hover{
                background: #232A2F;
}

#sidebar #main-nav li a.current {
                background: #049BD5 !important;
                /*font-weight: bold;*/
                }
                
#sidebar #main-nav li a.current:hover {
                /*color: #333;*/
                }

#sidebar #main-nav ul {
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

#sidebar #main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: left;
                padding-left: 24px!important;
				padding: 0;
                }

#sidebar #main-nav ul li a {
                padding: 8px;
                display: block;
                color: #FFFFFF;
                font-size: 13px;
                
                line-height: 1.2em;
                }

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
                color: #fff;
                }

#sidebar #main-nav ul li a.current {
                background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
                }

/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
                margin: 0 30px 0 260px;
                padding: 40px 0 0 0;
                min-height: 600px;
                position: relative;
                }

.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
               
#page-intro {
                font-size: 17px;
                padding: 0 0 20px 0;
                }

				
#footer {
				
				margin:0 30px 0 260px;
				padding: 20px 0;
				font-size: 12px;
				position:relative;
                }
/************ Lists ************/

#main-content ul,
#main-content ol {
                padding: 10px 0;
                }

/* Unordered List */

#main-content ul li {
                /*background: url('../images/icons/bullet_black.png') center left no-repeat;*/
                /*padding: 4px 0 4px 20px;*/
                }

.files li{
	border:1px solid silver;
	margin-right:5px;
	margin-bottom: 5px;
	padding:5px;
	text-align:center;
}

.files li:hover{
	border:1px solid gray;
}

/* Ordered List */

#main-content ol {
                padding: 0 0 0 24px;
                }

#main-content ol li {
                list-style: decimal;
                padding: 4px 0;
                }

/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
                padding: 8px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                position: relative;
                top:-3px;
                }

ul.content-box-tabs li a:hover {
                color: #049bd5;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                position: relative;
                top:-3px;
                }

.content-box-content {
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }
                
/************ Table ************/
#tab-recomendados table {
                width: 100%;
                border-collapse: collapse;
                }
                
#tab-recomendados table thead th {
                font-weight: bold;
                font-size: 12px;
                border-bottom: 1px solid #ddd;
                }
                
#tab-recomendados tbody {
                border-bottom: 1px solid #ddd;
                }
                
#tab-recomendados tbody tr {
                background: #fff;
                }
              
#tab-recomendados tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#tab-recomendados table td,
#tab-recomendados table th {
                padding: 10px;
                line-height: 1.3em;
                text-align: center;
                }
				
#tab-recomendados table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#tab-recomendados table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }
/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 160px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                font-family: 'Open Sans';
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
                box-shadow: 0px 0px 1.5px #444;
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }

/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 5px;
                font-weight: bold;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }

form .date-input {
                width: 12% !important;
                }

form .tiny-input {
                width: 10% !important;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 7px;
                padding-top:8px;
                background: #fff;
                height: 35px;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}

/********************************      Login Page      ********************************/

body#login {
                color: #fff;
                background: #333 ;
				}
				
#login-wrapper {
                /*background: url('../images/bg-login-top.png') top left repeat-x;*/
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 30px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 360px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 125px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/********************************      jQuery plugins styles      ********************************/

/** date picker plugin */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/** Ajax uploader **/
.files{
	list-style: none;
	width: 1000px;
}
.files li{
	float: left;
	list-style: none;
}
div.button1 {
	height: 29px;	
	width: 133px;
	background: url(button.png) 0 0;
	
	font-size: 14px; color: #C7D92C; text-align: center; padding-top: 15px;
}
/* 
We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with JavaScript. 
 */
div.button1.hover {
	background: url(button.png) 0 56px;
	color: #95A226;	
}
/** End Ajax uploader **/
.acceso_img{
	cursor: pointer;
	float: right;
}

.loader{
	text-align:center;background:url(../images/loader.gif) center center no-repeat; height:20px; display:none
}

/** resultados de la busqueda **/
.img-box1{
	width:285px;float:left; -moz-border-radius:4px 4px 4px 4px;
	border:1px solid #CCCCCC; margin-right:10px;margin-top:10px;padding:10px;
}
.img-thumb{
	margin-right:10px;margin-bottom:15px;width: 90px; height: 90px; border:1px solid #BBBBBB; padding: 2px;
}

#recomendar_button{
	position: absolute; top: 50px; left: 40px; height: 47px; line-height: 47px; width: 151px; 
	background: url(../images/recomendar.png) no-repeat scroll left bottom transparent;cursor:pointer
}

#recomendar_button:hover{
	background-position: left top;
}

.formulario_edicion{
    border: 1px solid #E3E3E3;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom:9px;
    border-radius: 4px;
}

.suggest-element{
    margin-left:5px;
    padding:4px;
    margin-top:5px;
    width:370px;
    cursor:pointer;
}
.suggest-element:hover{
    background: #EEE;
}
.listado_empresas{
    width:400px;
    height:170px;
    overflow: hidden;
    float: left;
    position:absolute;
    background:white;
    border: #CCCCCC 1px solid; 
    border-radius:4px;
    box-shadow: 2px 2px 2px #AAA;
    display:none;padding:5px;
}
.nueva_empresa{
    cursor:pointer!important;
}
.tabla{
    border-radius:4px;
    overflow:hidden;
    width:690px;
    border: 1px solid #bbb;
}
.fila{
    width: 690px;
    display:inline-block;
    background:#fff;
    height:40px;
}
.celda_titulo{
    display: inline-block;
    height:40px;
    width:130px;
    border-bottom: 1px solid #bbb;
    color: black;
    text-align:center;
    line-height:40px;
    padding:0px;
    margin:0px;
    float:left;
}
.celda{
    display: inline-block;
    height:40px;
    width:130px;
    color: black;
    text-align:center;
    line-height:40px;
    float:left;
}
.hora{
    width: 90px;text-align:center;
}
.botonera{
    border-radius:5px 5px 0px 0px;
    padding:5px;
    width:80px;
    margin-top:5px;
    margin-left:0px;
    display: inline-block;
    height:30px;
    text-align:center;
    color:white;
    font-weight:bold;
    text-shadow:1px 1px 1px black;
    cursor:pointer;
    font-size:12px;
}
#entrada{
    line-height:30px;
    background: #009846;
}
#entrada:hover{
    background: #009040;
}
#entrada_transitoria{
    background: #59B3E5;
}
#entrada_transitoria:hover{
    background: #50A5D5;
}
#salida_transitoria{
    background: #FFA500;
}
#salida_transitoria:hover{
    background: #F0A000;
}
#salida{
    line-height:30px;
    background: #FF0000;
}
#salida:hover{
    background: #EE0000;
}
.form_tarjeta{
    background: #EEEEEE;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset, 0 1px 1px #fafafa;padding:5px;border-radius:0px 0px 5px 5px;
}

.listado_clientes{
    width:400px;
    height:170px;
    overflow: hidden;
    float: left;
    position:absolute;
    background:white;
    border: #CCCCCC 1px solid; 
    border-radius:4px;
    box-shadow: 2px 2px 2px #AAA;
    display:none;padding:5px;
}
.nuevo_cliente{
    cursor:pointer!important;
}