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


*: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{
	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;
}


