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

}

* { margin: 0; padding: 0; border: 0; }


/*
*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}
*/

::selection {
	background: #ecba12; /* Safari */
	}
::-moz-selection {
	background: #ecba12; /* Firefox */
}

html {		
					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					overflow-y: 		scroll;
					font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
					font-weight:		100;
}
 
body {
					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					font-size:			14px;
					line-height:			18px;
					font-weight: 		300;
					top:				0;
					text-align:			left;
					background: 		#ffffff; 
					color:				#000000; 
					
				
				
}

h1{
				font-size: 20px;
				line-height: 26px;
				color: #5e88a2;
			
			
}				
h2{
				font-size: 18px;
				line-height: 22px;
				color: #008bdb;
				
}			
h3{
				font-size: 30px;
				line-height: 31px;
				color: #808285;
				
}		
	


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

b{
					font-weight: bold;
}

#wrap {
	position:			relative;
    
	min-height: 100%;
    height: auto !important;
    
    margin: 0 auto  -31px; 
	
	
	min-width: 		990px;
	width:			990px;
	
	border: 0px dotted #999999;
	border-top: 0px dotted #999999;
	border-bottom: 0px dotted #999999;
	
	background: #ffffff;
	
    }

	
	
#main {
	position: relative;
	overflow:visible;
	padding-bottom: 31px; 
}

#footer {
	position:			relative;
	height:				30px;
	margin: 			0 auto; 
	min-width: 			990px;
	width:				990px;
	font-size:			11px;
	font-weight:		normal;
	line-height:		30px;
	color:				#000000;
	background: 		#ffffff;
	text-align: center;
	border-top:	1px dotted black;
	}



#footer a{
	color: 				#000000;
	text-decoration:	none;
}
#footer a:hover{
	color: 				#888888;
}

#top{
	position: relative;
	
	height: 200px;
	
	font-size: 12px;
	color: #5e88a2;
	
	text-align: left;
	background: 		#ffffff;
	
}



.input_text{
	height: 32px;
	
	padding: 0px 6px;
	line-height: 32px;
	font-size: 16px;
	background: #e0e9ea;
	
	color: #000000;
	
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
}

.input_area{
	height: 132px;
	
	padding: 6px 6px;
	line-height: 20px;
	font-size: 16px;
	background: #e0e9ea;
	
	color: #000000;
	
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
	resize: none;
}

.input_check{
	position: absolute; 
	left: -30px; 
	top: 0px; 
	width: 20px; 
	height: 20px; 
	background: #e0e9ea;
	
	cursor: pointer;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

.input_submit{
	height: 32px;
	line-height: 32px;
	padding: 0px  10px;
	color: #000000;
	
	background: #e0e9ea;
	
	font-size: 18px;
	font-weight: normal;
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
	cursor: pointer;
}
.input_submit:hover{
	background: #ecba12;
}

.input_submit_fake{
	height: 32px;
	line-height: 32px;
	padding: 0px  10px;
	color: #000000;
	
	background: #ecba12;
	
	font-size: 18px;
	font-weight: normal;
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
	cursor: pointer;
}

#marcas{
	margin: 0px 0px 10px 0px; 
	display: none; 
	background: #e0e9ea;
	font-size: 12px;
}

.marcas_a{
	padding: 2px 0px 2px 5px;
	cursor: pointer;
	background: #e0e9ea;
}
.marcas_a:hover{
	background: #c2d2d3;
}

.marcas_b{
	padding: 2px 0px 2px 10px;
	cursor: pointer;
	background: #e0e9ea;
}
.marcas_b:hover{
	background: #c2d2d3;
}


.form_text{
	float: left; 
	position: relative;
	height: 24px;
	width: 100%;
	padding: 0px;
	line-height: 24px;
	font-size: 12px;
	background: #e0e9ea;
	
	color: #000000;
	
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
}

.form_text input{
	width: 100%;
	height: 24px;
	color: #000000;

	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
}

.form_checkbox{
	position: relative;
	float: left;
	width: 24px;
	height: 24px;
	color: #000000;
	cursor: pointer;
	background: #e0e9ea;
}

.form_title{
	float: left; 
	position: relative;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	
	color: #000000;
}

.formsep{
	margin: 10px 0px 10px 0px; 
	height: 1px; 
	border-bottom: 1px dashed #c2d2d3;
}

.form_list{
	position: relative;
	float: left; 
	color: #000000;
	cursor: pointer;
	background: #e0e9ea;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	
}
.form_list_drop{
	position: absolute;
	left:0px;
	top: 0px;
	background: #e0e9ea;
	color: #3b525b;
	display: none;
	z-index: 1000;
	
}

.form_list_item{
	background: #e0e9ea;
	padding: 0px 4px;
	cursor: pointer;
	z-index: 1000;
	font-size: 12px;
}
.form_list_item:hover{
	background: #c2d2d3;
	color: #000000;
}

.form_precio{
	float: left; 
	position: relative;
	height: 24px;
	
	padding: 0px;
	line-height: 24px;
	font-size: 12px;
	background: #c2d2d3;
	cursor: pointer;
	color: #000000;
	
	display: block;
}
.form_precio:hover{
	
	background: #ecba12;
	
}

.form_precio_manual{
	float: left; 
	position: relative;
	height: 24px;
	
	padding: 0px;
	line-height: 24px;
	font-size: 12px;
	background: #c2d2d3;
	
	color: #ff0000;
	
	display: none;
}

.form_comentarios{
	float: left; 
	position: relative;
	height: 60px;
	
	padding: 0px;
	line-height: 16px;
	font-size: 12px;
	background: #e0e9ea;
	color: #000000;
}
.form_comentarios textarea{
	width: 100%;
	height: 100%;

	line-height: 16px;
	font-size: 12px;
	background: #e0e9ea;

	color: #000000;
	resize: none;
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
}

.form_button{
	width: 260px;
	height: 50px;
	background: #000000;
	font-size: 14px;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
}

.form_button:hover{
	color: #ffff00;
}

.imageformnum{
	position: absolute;
	left: -50px;
	top: 10px;
	font-size: 60px;
	color: #e0e9ea;
}

.imageformdel{
	position: absolute;
	right: -14px;
	top: 0px;
	font-size: 20px;
	color: #e0e9ea;
	cursor: pointer;
	font-family: arial;
}
.imageformdel:hover{
	color: #ff0000;
}



#popups_back{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	/*background: rgba(0,0,0,0.8);  */
	background: #000000;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	display: none;
	}
	
.popupcontainer{
	position: absolute;
	top: 200px;
	left: 0px;
	right: 0px;
	display: none;
	
	transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
	
.popup{
	width: 500px;
	margin: 0px auto;
	background: #ffffff;
	padding: 50px 100px 50px 100px;
}


.nocalcular{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100px; 
	height: 20px; 
	background: #000000;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	
	}
	
#listaorders{
	text-align: center;
	font-size: 10px;
	width: 100%;
	line-height: 12px;
}

#listaorders th{
	background: #304851;
	color: #a5babe;
	height: 40px;
	border-right: 1px solid white;
}
#listaorders td{
	background: #ffffff;
	color: #000000;
	height: 40px;
	border-bottom: 1px dotted black;
}



#masresultados{
	margin: 20px 0px 20px 0px;
	text-align: center;
	cursor: pointer;
	color: #bbbbbb;
}
#masresultados:hover{
	color: #ecba12;
}

div.ui-datepicker{
	font-size:12px;
	width: 300px; 
	
}

.opt2a{
	position: absolute; 
	left: 190px; 
	top: 28px; 
	width: 100px; 
	height: 30px; 
	background: #ffffff;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	display: none;
}