@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;

}

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

}


* {
		margin: 			0;
		padding: 			0;
		border: 			0;
		outline: none;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
         box-sizing: border-box;

		-webkit-text-size-adjust: none;

		-webkit-appearance: none;
		-moz-appearance:    none;
		appearance:         none;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-smoothing: antialiased;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
	-moz-appearance:    checkbox;
	appearance:         checkbox;
}



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

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

html {
					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					overflow-y: 		scroll;
					font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
					font-weight:		normal;
}

body {
					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					font-size:			16px;
					line-height:		20px;

					top:				0;
					text-align:			left;
					background: 		#ffffff;
					color:				#000000;



}

h1{
				font-size: 45px;
				line-height: 46px;
				color: #808285;


}
h2{
				font-size: 35px;
				line-height: 36px;
				color: #808285;

}
h3{
				font-size: 30px;
				line-height: 31px;
				color: #808285;

}



a{
					text-decoration:	underline;
					color: #000000;


}


#wrap {
	position:			relative;

	min-height: 100%;
    height: auto !important;

    margin: 0 auto  -32px;


	min-width: 		958px;
	width:			958px;

	border: 0px dotted #999999;
	border-top: 0px dotted #999999;
	border-bottom: 0px dotted #999999;



    }



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

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

	}

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


#top{
	margin: 0px 0px 0px 0px;
	position: relative;
	height: 160px;
	line-height: 50px;
	font-size: 17px;
	color: #ccccff;
	/*overflow: hidden;*/


	text-align: center;

}

#top a{
	color: #ffffff;
	text-decoration: none;
}
#top a:hover{
	color: #30b7f8;
	text-decoration: 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;
}


.popupcontainer_more_info{
	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;
}

.formtitle{
	height: 32px;
	line-height: 32px;
	background: #999999;
	font-size: 16px;
	color: #000000;
}

.input_text{
	height: 32px;

	padding: 0px 6px;
	line-height: 32px;
	font-size: 16px;
	background: #e5e5e5;

	color: #000000;

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

.input_select{
	padding: 1px 0px;
	font-size: 16px;
	background: #e5e5e5;
	color: #000000;
	font-family: 'roboto_slabregular',Arial,Georgia,Courier;
}


.input_area{
	height: 132px;

	padding: 6px 6px;
	line-height: 20px;
	font-size: 16px;
	background: #e5e5e5;

	color: #000000;

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

.input_check{
	position: absolute;
	left: -30px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #e5e5e5;

	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: #e5e5e5;

	font-size: 18px;
	font-weight: normal;
	font-family: 'roboto_slabregular',Arial,Georgia,Courier;
	cursor: pointer;
}
.input_submit:hover{
	background: #999999;
}



.input_submit_fake{
	height: 32px;
	line-height: 32px;
	padding: 0px  10px;
	color: #000000;

	background: #999999;

	font-size: 18px;
	font-weight: normal;
	font-family: 		'roboto_slabregular',Arial,Georgia,Courier;
	cursor: pointer;
}

.minitime{
	font-size: 12px;
}
.filelink{
	font-size: 18px;
	text-decoration: underline;
	color: #000000;
}
.filelink_hover{
	color: #99b7f8;
}

.inputfiledeco{
	position: absolute;
	left:	 0px;
	top:	 0px;
	cursor: pointer;
	height: 100%;
	width: 100%;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	z-index:			100;
	}

#please_stay{
	position: absolute;
	top: 200px;
	left: -210px;
	width: 200px;
	padding: 0px 0px 20px 0px;
	background: #e5e5e5;
	display: block;
	border: 2px solid black;
	border-left: 0px;
	text-align: center;
	color: black;
	-moz-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px;
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;

}

#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;
	}

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

}


.alphilla{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity: 0.5;
}
.alphilla:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1.0;
}

.adminfase{
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid  #999999;
}
.adminfase a{
	color: #0000ff;
}


.pagitem{

	color: #94939a;
	font-size: 14px;
	margin: 0px 3px;
}
.pagitem:hover{
	color: #0085be;
}
.pagitem_fake{

	color: #0085be;
	font-size: 14px;
	margin: 0px 3px;
}

#goup{
	position: absolute;
	top:   0px;
	right: -30px;
	width: 20px;
	height: 40px;

	cursor: pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#goup:hover{
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.filterallopt{
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	color: #444444;
	padding: 4px 0px 4px 0px;
	text-align: center;
}

.filterallopt:hover{
	text-decoration: underline;
}

.closeproveedor{
	position: absolute;
	right: -20px;
	top: 0px;
	border: 1px solid #000000;
	background: #cccccc;
	color: #000000;
	cursor: pointer;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}

.typetareaico_g{
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: #cccccc;
	color: #000000;
	line-height: 16px;
	border: 1px solid black;
	text-align: center;
}

.typetareaico_i{
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: #0000ff;
	color: #ffffff;
	line-height: 16px;
	border: 1px solid black;
	text-align: center;
}

.typetareaico_b{
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: #ffff00;
	color: #000000;
	line-height: 16px;
	border: 1px solid black;
	text-align: center;
}
/*
.datepicker__hilight a{
   background-color : Red !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
   font-size: 12pt;
}

span.ui-state-default {
	background: red !important;
	color: #ffffff !important;

}

a.ui-state-default{
	background: green !important;
	color: #ffffff !important;

}
*/

.item-mandatories{
    display: none;
}

.calculo_area{
	position: relative;
	margin: 30px 0px 30px 0px;
	z-index: 100;
}

.calculo_items{
	position: relative;
	z-index: 120;
}

.calculo_extras{
	position: relative;
	z-index: 2020;
	margin: 10px 0px;
}

.calculo_extra{
	position: relative;
	display: none;
	z-index: 2040;
}



.calculo_total{
	position: relative;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 16px 16px 16px 16px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	z-index: 110;
}

.calculo_total div{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.calculo_total h1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	padding: 4px 6px;
	font-weight: normal;
	width: auto;
}

.calculo_total h2{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
	height: 30px;
	background: #dddddd;
	color: #000000;
	padding: 6px 6px;
	font-weight: normal;
	cursor: normal;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
	width: 120px;
}


.calculo_tarea{
	position: relative;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 16px 16px 4px 16px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	display: none;
	z-index: 2000;
}

.calculo_tarea h1{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	padding: 4px 6px;
	font-weight: normal;
}

.calculo_tarea h2{
	position: relative;
	font-size: 12px;
	line-height: 18px;
	height: 30px;
	background: #dddddd;
	color: #000000;
	padding: 6px 6px;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.calculo_tarea .calculo_extra  h2{
	position: relative;
	background: #fee6ea;
	z-index: 200;
}

.calculo_tarea .calculo_num{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 6px;
	width: 12%;
}

.calculo_tarea .calculo_num > div{
	position: relative;
	width: 100%;
	height: 100%;
	background: #dddddd;
	color: #000000;
	font-weight: normal;
}


.calculo_tarea .calculo_num input{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 6px 6px;
	background: transparent;
}


.calculo_tarea .calculo_text{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 22px;
	padding: 2px 6px;
	width: 22%;
}

.calculo_tarea .calculo_text > div{
	position: relative;
	width: 100%;
	height: 100%;
	background: #dddddd;
	color: #000000;
	font-weight: normal;
}


.calculo_tarea .calculo_text input{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 6px 6px;
	background: transparent;
}

.calculo_tarea .calculo_list{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 2px 6px;
	width: 22%;
	z-index: 2100;
}

.calculo_tarea .calculo_list_in{
	position: absolute;
	top: 100%;
	left: 0px;
	width: auto;
	height: auto;
	display: none;
	padding: 2px 6px;
	z-index: 2110;
	min-width: 100%;
	margin-top: -5px;
}


.calculo_tarea .calculo_list_in > div{
	position: relative;
	background: #ffffff;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	z-index: 2120;
	font-size: 12px;
	line-height: 20px;
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

.calculo_tarea .calculo_list_in > div p{
	position: relative;
	padding: 5px 20px 5px 5px;
	white-space: nowrap;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
}

.calculo_tarea .calculo_list_in > div p:hover{
	background: #eeeeee;
}

.calculo_tarea .calculo_list_large{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 2px 6px;
	width: 75%;
	z-index: 2100;
}

.calculo_tarea .calculo_list_large img{
	position: absolute;
	right: 14px;
	top: 14px;
	width: 12px;
	z-index: 2110;
}

.calculo_tarea .calculo_list_large_in{
	position: absolute;
	top: 100%;
	left: 0px;
	width: auto;
	height: auto;
	display: none;
	padding: 2px 6px;
	z-index: 2110;
	min-width: 100%;
	margin-top: -4px;
}


.calculo_tarea .calculo_list_large .calculo_list_large_in > div{
	position: relative;
	background: #ffffff;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	z-index: 2120;
	font-size: 12px;
	line-height: 20px;
	max-height: 300px;
	overflow: auto;
}

.calculo_tarea .calculo_list_large .calculo_list_large_in > div p{
	position: relative;
	padding: 6px 20px 6px 6px;
	white-space: nowrap;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
}

.calculo_tarea .calculo_list_large_in > div p:nth-child(odd){
	background: #fff6f7;
}

.calculo_tarea .calculo_list_large_in > div p:nth-child(even){
	background: #ffffff;
}

.calculo_tarea .calculo_list_large_in > div p:hover{
	background: #fee6ea;
}

.calculo_item_op{
	position: relative;
	margin: 10px 0px 10px 0px;
	cursor: pointer;
}

.calculo_item_op[data-op="del"] {
	text-align: right;
}


.calculo_item_op[data-op="addextra"] {
	margin-left: 8px;
}

.calculo_item_op[data-op="delextra"] {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: right;
	font-size: 12px;
}

.calculo_item_op[data-op="delextra"] img{
	width: 16px;
}

.calculo_item_op p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}

.calculo_item_op img{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
}

.calculo_item_update{
	text-align: right;
}

.calculo_item_update p{
	display: inline-block;
	vertical-align: top;
	color: #000000;
	background: #dddddd;
	padding: 6px 12px;
	cursor: pointer;
	font-size: 16px;
	margin-top: -34px;
}

.calculo_item_update p:hover{
	background: #aaaaaa;
}