@charset "UTF-8";
/* CSS Serivsoft Document */

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/MuseoSans/museosans_500-webfont.eot');
    src: url('../fonts/MuseoSans/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans/museosans_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSans/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/MuseoSans/museosans_700-webfont.eot');
    src: url('../fonts/MuseoSans/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans/museosans_700-webfont.woff') format('woff'),
         url('../fonts/MuseoSans/museosans_700-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans900';
    src: url('../fonts/MuseoSans/museosans_900-webfont.eot');
    src: url('../fonts/MuseoSans/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans/museosans_900-webfont.woff') format('woff'),
         url('../fonts/MuseoSans/museosans_900-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/MuseoSans/museosans-100-webfont.eot');
    src: url('../fonts/MuseoSans/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans/museosans-100-webfont.woff') format('woff'),
         url('../fonts/MuseoSans/museosans-100-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/MuseoSans/museosans-300-webfont.eot');
    src: url('../fonts/MuseoSans/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans/museosans-300-webfont.woff') format('woff'),
         url('../fonts/MuseoSans/museosans-300-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}

#global {width:970px; margin:4px auto; height:auto; background-color:#FFF; text-align:center;}

body {
	background-color: #E1E8ED;
	font-family: "helvetica neue",arial,sans-serif;
	font-size: 10px;
	color: #211922;
}

a {
	text-decoration:none;
	color:inherit;
}

/* Header Main */

.header_main {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	height:72px;
	background-color:#FFF;
	padding-bottom: 5px;
	margin: 0 auto;
}



.ClearTab {
	clear:both;
}

.container_header {
	margin: 0 auto;
}


.logo_header {
	width: 155px;
	height: 50px;
	float: left;
	/*background-image: url(../images/logo.png);*/
	margin-top: 15px;
	margin-left: 20px;
}

.search_barr {
	width: 370px;
	height: 35px;
	float: left;
	margin-top: 20px;
	margin-left: 30px;
}
	
.btn_download_backup {
	width: 51px;
	height: 51px;
	float: left;
	margin-top: 18px;
	margin-left: 0px;
}




.sub_barr_header_main {
	position: fixed;
	top: 83px;
	right: 0;
	left: 0;
	z-index: 2;
	height: 39px;
	background-color: #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	padding-bottom: 5px;
	margin: 0 auto;
}
	
	
/* Dropdown Button 01 */

.dropbtn_01 {
    background-color: #55ACEE;
    width:141px;
	height:25px;
	color: white;
	padding-top:7px;
    font-size: 13px;
	text-align:center;
	transition: all 0.3s ease; /* Add transition for hover effects */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_01 {
    position: relative;
    display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_01:hover .dropbtn_01 {
	background-color: #4285B8;
}

.text-bar_01 {
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
}



/* Dropdown Button 02 */
.dropbtn_02 {
	width:40px;
	height:37px;
    background-color:#CCC;
    color: white;
    font-size:20px;
	transition: all 0.3s ease; /* Add transition for hover effects */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_02 {
    position: relative;
    display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_02:hover .dropbtn_02 {
	background-color: #919191;
}


.menu_header_main_buttons {
	width:auto;
	height: 33px;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	padding: 1px;
	padding-right:5px;
	padding-left:5px;
}

.box_nueva_orden{
	width:auto;
	height:30px;
	background-color:#FFF;
	float:left;
	margin-right:20px;
}


#box_foto {
	width: 900px;
	height: auto;
	margin: 0 auto;
	background-color: #FFF;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-bottom: 30px;
}

.box_menu_main{
	width:auto;
	height:30px;
	background-color:#FFF;
	float:left;
}


/* Dropdown Button 03 */
.dropbtn_03 {
	width:auto;
	height:32px;
    background-color:#CCC;
    color: white;
    font-size:20px;
	transition: all 0.3s ease; /* Add transition for hover effects */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
    cursor: pointer;
	margin-left:3px;
	margin-right:5px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_03 {
    position: relative;
    display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_03:hover .dropbtn_03 {
	background-color: #919191;
}







/* Dropdown Button */
.dropbtn_user_header {
    width:auto;
	height:40px;
    color: white;
	padding:3px;
    font-size: 16px;
	transition: all 0.3s ease; /* Add transition for hover effects */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_user_header {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content_user_header {
    display: none;
    position: absolute;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
    min-width: 150px;
	color:#66757f;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    z-index: 1;
    background:#F6F6F6;
    border-radius: 5px;
    background-clip: padding-box;
}

/* Links inside the dropdown */
.dropdown-content_user_header a {
    color: #677580;
	padding-right:12px;
	padding-top:10px;
    text-decoration: none;
	height:30px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content_user_header a:hover {
	background-color: #55ACEE;
	color:#FFF;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;}

/* Show the dropdown menu on hover */
.dropdown_user_header:hover .dropdown-content_user_header {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_user_header:hover .dropbtn_user_header {
    background-color:#CCC;
}




/* Arrow dropdown */
.arrow01 {
		display:none;
		position:relative;
		top: 2px;
    	left: 1px;
    	border-left: 9px solid transparent;
    	border-right: 9px solid transparent;
    	border-bottom: 9px solid #fff;
    	border-bottom-color:#F6F6F6;
		width:1px;
	}
	
	.dropdown_user_header:hover .arrow01  {
		display:block;
	}





.usuario_header {
	width: auto;
	height: 40px;
	float: right;
	background-color: #FFF;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	padding: 5px;
	text-align: right;
}


.user_header_photo_info {
	width: 40px;
	height: auto;
	float: left;
	margin-left: 5px;
}

.user_header_main_user_info {
	width: auto;
	height: 15px;
	float: left;
	padding-top: 15px;
	margin-bottom: 5px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #677580;
}


.photo_usuario_header {
	float: left;
	height: 32px;
	width: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}







#box_nueva_orden {
	width: 900px;
	height: auto;
	margin: 0 auto;
	background-color: #FFF;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-top: 150px;
	margin-bottom: 30px;
}

.titulo_box {
	width: 900px;
	height: auto;
	float: left;
	color: #55ACEE;
	font-size: 25px;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.subtitulo_box {
	width: 890px;
	height: auto;
	float: left;
	color: #55ACEE;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 10px;
}

.cont_nueva_orden {
	width: 880px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 15px;
}


.col_01_box {
	width: 410px;
	height: auto;
	padding: 10px;
	float: left;
	margin-right: 15px;
}

.col_02_box {
	width: 410px;
	height: auto;
	padding: 10px;
	float: left;
}

.label_box_nueva_orden {
	width: 200px;
	height: 30px;
	float: left;
	background-color: #FFF;
	margin-right: 10px;
	font-size: 15px;
	margin-bottom: 7px;
	text-align: right;
	font-weight: 500;
}

.camp_box_nueva_orden {
	width: 200px;
	height: 30px;
	float: left;
	background-color: #FFF;
}

.camp_box_nueva_orden_ext {
	width: 200px;
	height: auto;
	margin-bottom: 10px;
	float: left;
	background-color: #FFF;
	color: #55ACEE;
	font-size: 15px;
	font-weight: 500;
}

.submit_box_nueva_orden {
	width: 900px;
	height: 30px;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 30px;
}

#loadingsearch {
	width: 380px;
	height: 30px;
	padding: 5px;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 10px;
}




.submit_box_buscar_repuesto {
	width: 500px;
	height: 30px;
	float: left;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}






/* Dropdown Button */
.dropbtn_buttonmenumain {
	background-color: #CCC;
	color: white;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	height: 27px;
	transition: all 0.3s ease; /* Add transition for hover effects */
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
	margin-right:7px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_buttonmenumain {
	position: relative;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content_buttonmenumain {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 113px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;
	font-size:15px;
}

/* Links inside the dropdown */
.dropdown-content_buttonmenumain a {
    color: #66757f;
    padding: 12px 16px;
	padding-bottom:5px;
	padding-top:5px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content_buttonmenumain a:hover {background-color: #55ACEE; color:#FFF; -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
    border: none;}

/* Show the dropdown menu on hover */
.dropdown_buttonmenumain:hover .dropdown-content_buttonmenumain {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown_buttonmenumain:hover .dropbtn_buttonmenumain {
	background-color: #777879;
}