body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #efefef;
	color: #000000;
	margin: 0;

}

a {
	color: #035488;
	text-decoration: none;
}

a:hover {
	color: #444;
	text-decoration: underline;
}

.invisible {
	display: none;
}

#container {
	width: 410px;
	margin: 100px auto;
}


#header h1 a {
	float: left;
	height: 82px;
	width: 410px;
}

#content {
	border: 2px solid #ccc;
	background: #fff;
}

p, form {
	padding: 0 10px 10px 10px 
}

form {
	padding-bottom: 0;
}

p {
	margin-bottom: 0;
}

form p {
	padding: 0 0 10px 0;
}

h2 {
	background: #016DB1 top left;
	border-bottom: 1px solid #000000;
	color:#fff;
	margin: 0;
	padding: 8px;
	font-size: 12px;
}

input.text_input {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 255px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_des2 {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 350px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_largo {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 400px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_corto {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 131px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_bic {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 115px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_corto2 {
	border: 1px solid green;
	background: #fff;
	width: 131px;
	padding: 4px;
	font-size: 13px;
	color: green;
	font-weight: bold;
}
input.text_input_fecha {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 85px;
	padding: 4px;
	font-size: 13px;
}

input.text_input_muycorto {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 65px;
	padding: 4px;
	font-size: 13px;
}
input.text_input_face {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 35px;
	padding: 4px;
	font-size: 13px;
}

input.text_input_muycorto2 {
	border: 1px solid red;
	background: #fff;
	width: 65px;
	padding: 4px;
	font-size: 13px;
	color: red;
	font-weight: bold;
}

input.text_input_muycorto3 {
	border: 1px solid green;
	background: #fff;
	width: 65px;
	padding: 4px;
	font-size: 13px;
	color: green;
	font-weight: bold;
}

input.text_input_muycorto4 {
	border: 1px solid orange;
	background: #fff;
	width: 65px;
	padding: 4px;
	font-size: 13px;
	color: orange;
	font-weight: bold;
}

input.text_input_red {
	border: 1px solid red;
	background: #fff;
	width: 255px;
	padding: 4px;
	font-size: 13px;
	color: red;
	font-weight: bold;
}

input.text_input_green {
	border: 1px solid green;
	background: #fff;
	width: 255px;
	padding: 4px;
	font-size: 13px;
	color: green;
	font-weight: bold;
}


select.select_rojo {
            background-color: red; /* Cambia el color de fondo aquí */
            color: #ffffff; /* Cambia el color del texto aquí */

        }
select.select_verde {
            background-color: green; /* Cambia el color de fondo aquí */
            color: #ffffff; /* Cambia el color del texto aquí */

        }
select.select_naranja {
            background-color: orange; /* Cambia el color de fondo aquí */
            color: #ffffff; /* Cambia el color del texto aquí */

        }

form .label {
	margin-top: 5px;
	margin-bottom: 3px;
	width: 120px;
	clear: left;
	float: left;
	padding-bottom:5px;
}

form label {
	font-weight: bold;
}

.form_container .field{
	float: left;
	padding-bottom: 5px;
}

p.submit {
	clear: both;
	padding-top: 8px;
	margin-top: 8px;
	margin-right: 0;
	padding-right: 0;
	text-align: right;
}

.boton:hover{
	cursor:pointer;
	color:#06244c;
	background: #d0d0d0;
	

}

p.submit input {
	border: 3px double #0F5C8E;
	padding: 3px;
	background: #fff ;
	color: #0F5C8E;
	font-weight: bold;
	margin-right: 3px;
}

.forgot_password {
	float: left;
	padding-top: 8px;
	font-size: 11px;
}

.forgot_password a {
	color: #555;
}


/**** tabla grande

***/
#bordecalendario{
	align:center;
	width: 1000px;
	margin-top: 100px auto;
	margin-bottom:50px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}  

#bordetotal{
	align:center;
	width: 95%;
	margin-top: 100px auto;
	margin-bottom:50px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}  

#bordetotalsin{
	align:center;
	width: 1100px;
	margin-top: 100px auto;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:-100px;
	margin-right: auto;
}  

#borde1 {
	width: 810px;
	margin: 100px auto;
	margin-bottom:50px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}

#bordealbaran {
	width: 920px;
	margin: 100px auto;
	margin-bottom:50px;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}

#borde2 {
	border: 2px solid #ccc;
	background: #fff;
}

#borde3 {
	width: 95%;
	margin: 100px auto;
}  
#menubuscar {
	width: 500px;
	margin: 100px auto;
}

h3 {
	background: #016DB1 top left;
	border-bottom: 1px solid #000000;
	color:#fff;
	margin: 0;
	padding: 8px;
	font-size: 12px;
	
}

 
/**** estilo menu

***/


#menu1{
	width: 210px;
	margin: 100px auto;
}


#menu2 {
	border: 2px solid #ccc;
	background: #fff;
}
h4 {
	background: #016DB1 top left;
	border-bottom: 1px solid #000000;
	color:#fff;
	margin: 0;
	padding: 8px;
	font-size: 8px;
	}
.menu3 .field{
	float: left;
	padding-bottom: 5px;
}	
/************ PROVEEDORES ***********/
h5 {
	background: #FF0000 top left;
	border-bottom: 1px solid #000000;
	color:#fff;
	margin: 0;
	padding: 8px;
	font-size: 12px;
	}
	/*****calendarios **/
	input.text_input2 {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 200px;
	padding: 4px;
	font-size: 13px;
}
/*** Albaranes ****/
input.text_inputref {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 100px;
	padding: 4px;
	font-size: 13px;
}
input.text_inputdes {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 400px;
	padding: 4px;
	font-size: 13px;
}
input.text_inputcant {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 50px;
	padding: 4px;
	font-size: 13px;
}
input.text_inputprecio {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 100px;
	padding: 4px;
	font-size: 13px;
}
input.text_inputimporteneto {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 100px;
	padding: 4px;
	font-size: 13px;
}
input.text_inputref_red {
	border: 1px solid red;
	background: #fff;
	width: 100px;
	padding: 4px;
	font-size: 13px;
	color: red;
	font-weight: bold;
}
/***** textareas ***/
.textarea {
	border: 1px solid #0F5C8E;
	background: #fff;
	padding: 4px;
	font-size: 12px;
	font-family: Verdana;
}
.textarearoja {
	border: 1px solid #FF0000;
	background: #FCE7E7;
	padding: 4px;
	font-size: 12px;
	font-family: Verdana;
}
	/*****avisos **/
	input.text_input3 {
	border: 1px solid #0F5C8E;
	background: #fff;
	width: 100px;
	padding: 4px;
	font-size: 13px;
	}

.barraexcelente{
	background:  #196f3d;
	background: -moz-linear-gradient(top, #196f3d 0%, #58d68d 100%);
	background: -webkit-linear-gradient(top, #196f3d 0%,#58d68d 100%);
	background: linear-gradient(to bottom,  #196f3d  0%,#58d68d 100%);
	clear: both;
	height: 15px;
	color: white;
	font-weight: bold;
	text-align: right;
	padding: 6px;
	border-radius: 4px;
	max-width: 712px;
	min-width: 20px;
}

.barrabien{
	background:    #1b4f72;
	background: -moz-linear-gradient(top, #1b4f72 0%, #5dade2 100%);
	background: -webkit-linear-gradient(top, #1b4f72 0%,#5dade2 100%);
	background: linear-gradient(to bottom,   #1b4f72   0%, #5dade2  100%);
	clear: both;
	height: 15px;
	color: white;
	font-weight: bold;
	text-align: right;
	padding: 6px;
	border-radius: 4px;
	max-width: 712px;
	min-width: 20px;
}
	
.barramalo{
	background: #ff3019;
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	clear: both;
	height: 15px;
	color: white;
	font-weight: bold;
	text-align: right;
	padding: 6px;
	border-radius: 4px;
	max-width: 712px;
	min-width: 20px;
}

/*reconoce movil*/

body .content {
font-size: 14px;
width: 720px;
height: 1024px;
border: 1px solid red;
}
@media only screen and (max-width: 480px) {
body .content {
font-size: 14px;
width: 100%;
min-height: 480px;
border: 1px solid red;
}
}