@charset "utf-8";
@import url("reset.css");
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:url(../../images/sfondo.jpg) repeat-x;
	background-color:#c5c5c5;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}
.sfondo {
	width: 1040px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	background:url(../../images/sfondo_bianco.png) repeat-y;
	height:auto;
	margin: 0 auto;
}
.oneColFixCtrHdr #container {
	width: 990px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
.oneColFixCtrHdr #header {
	height: 190px;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	height: auto;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */
	background: url(../../images/footer.png) no-repeat 0 0;
	height:81px;
	position: relative;
	width:1020px;
	margin: 0 auto;
}
.logo {
	height:136px;
	width:494px;
	float:left;
	position:relative
}
.bandiere {
	background:url(../../images/top.jpg);
	height:136px;
	width:496px;
	float:left;
	position:relative
}
.slide {
	height:153px;
	width:909px;
	padding:0 40px 10px 40px
}
.slide_caffe {
	height:800px;
	width:909px;
	padding:0 40px 10px 40px;
	background:url(../../images/sfondo_caffe.jpg) center top no-repeat;
}
.contenuto {
	width:909px;
	height:auto;
	position:relative;
	font-size: 12px;
	line-height: 21px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 40px;
}
.contenuto_caffe {
	width:909px;
	height:auto;
	position:relative;
	font-size: 12px;
	line-height: 21px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 40px;
	background-image:
}
.contenuto_scheda {
	width:909px;
	height:auto;
	position:relative;
	font-size: 12px;
	line-height: 21px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
}
/*.scheda-prodotto {
	width:909px;
	padding:12px 20px 0 40px;
	height:auto;
	position:relative;
	font-size: 12px;
	line-height: 21px;
}*/
.content_fascia_sotto {
	width:909px;
	padding:13px 40px 0 40px;
	height:143px;
	position:relative
}
.box_testo {
	width:292px;
	height:107px;
	position:absolute;
	top:0;
	left:0;
	background:url(../../images/sfondo_slide.gif) no-repeat 0 0;
	color:#FFF;
	padding:23px 30px 23px 50px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:33px;
	line-height:30px;
	font-weight:bold
}
.box_testo2 {
	width:292px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
	background:url(../../images/sfondo_slide.gif) no-repeat 0 0;
	color:#FFF;
	padding:40px 30px 23px 50px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:33px;
	line-height:30px;
	font-weight:bold
}
.box_testo3 {
	width:292px;
	height:95px;
	position:absolute;
	top:0;
	left:0;
	background:url(../../images/sfondo_slide.gif) no-repeat 0 0;
	color:#FFF;
	padding:45px 30px 23px 50px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:33px;
	line-height:30px;
	font-weight:bold
}
.box_testo_caffe {
	width:500px;
	height:40px;
	top:0;
	left:0;
	color:#CA0000;
	padding:45px 30px 23px 50px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:35px;
	line-height:30px;
	font-weight:bold
}
.litografia_txt {
	font-weight:normal;
	width:530px;
	float:left;
	position:relative;
	padding: 0;
	line-height: 21px;
	height: auto;
}
.litografia_txt2 {
	font-weight:normal;
	width:330px;
	float:left;
	position:relative;
	padding: 0 25px 0 0;
	line-height: 21px;
	height: auto;
}
.stoccaggio_txt {
	font-weight:normal;
	width:560px;
	float:left;
	position:relative;
	padding: 0;
	line-height: 21px;
	height: auto;
}
.oscar_txt {
	font-weight:normal;
	width:340px;
	float:left;
	position:relative;
 padding: 0  line-height: 21px;
	height: auto;
}
.progettazione_txt {
	width:270px;
	position:relative;
	line-height: 21px;
	height: auto;
	padding-right:25px;
	font-weight:normal;
	float:left
}
.ricerca_txt {
	width:909px;
	position:relative;
	padding: 10px 0 10px 0;
	line-height: 21px;
	height: auto;
	border-bottom: solid 1px;
	border-top: solid 1px;
	border-color:#999;
}
.certificazioni_linea {
	width:560px;
	float:left;
	padding: 10px 0 10px 0;
	height: auto;
	border-bottom: solid 1px;
	border-top: solid 1px;
	border-color:#999;
}
.ricerca_txt2 {
	width:190px;
	float:left;
	font-weight:normal;
	position:relative;
	line-height: 21px;
	height: auto;
	padding: 0 30px 0 0;
}
.ricerca_box {
	width:250px;
	font-weight:normal;
	float:left;
	position:relative;
	line-height: 21px;
}
.ricerca_box1 {
	width:250px;
	font-weight:normal;
	display:none;
	float:left;
	position:relative;
	line-height: 21px;
	margin-top: 75px;
	margin-left: 5px;
}
.box_ricerca_frecce {
	width:240px;
	display:block;
	float:left;
	position:relative;
	background:url(../../images/ricerca_select.gif) no-repeat;
	height:20px;
	padding-left:15px;
	margin-left:5px;
	margin-top:5px;
}
.box_ricerca_frecce a:link,.box_ricerca_senzafrecce a:link,.box_ricerca_frecce a:active,.box_ricerca_senzafrecce a:active,.box_ricerca_frecce a:hover,.box_ricerca_senzafrecce a:hover, .box_ricerca_frecce a:visited,.box_ricerca_senzafrecce a:visited  {
	display:block;
	width:230px;
	text-decoration:none;
	color:#000;
	font-size:12px;
}
.box_ricerca_senzafrecce {
	width:240px;
	display:block;
	float:left;
	position:relative;
	background:url(../../images/ricerca_select_nofrecce.gif) no-repeat;
	height:20px;
	margin-top:5px;
	margin-left:5px;
	padding-left:15px;
	}
.linea_ricerca {
	width:909px;
	position:relative;
	height: 4px;
	border-top: solid 1px;
	border-color:#999;
	padding-bottom:20px;
}
.azienda_txt {
	font-weight:normal;
	width:620px;
	float:left;
	position:relative;
	padding: 0;
	line-height: 21px;
	height: auto;
}
.caffe_txt {
	font-weight:normal;
	width:450px;
	padding: 0;
	line-height: 20px;
	height: auto;
	font-size: 13px;
	padding-left: 50px;
	color: #FFF;
	float: left;
	position: relative;
}
.sede_txt {
	font-weight:normal;
	width:400px;
	float:left;
	position:relative;
	padding: 0;
	line-height: 21px;
	height: auto;
}
.cartina_sede {
	width:480px;
	float:left;
	position:relative;
	height: auto;
}
.officina_txt {
	font-weight:normal;
	width:590px;
	float:left;
	position:relative;
	padding: 0;
	line-height: 21px;
	height: auto;
}
.img_q {
	float:left;
	position:relative;
	height:auto;
	width: auto;
	font-size: 12px;
	line-height: 19px;
	color: #FFF;
	padding-right: 35px;
}
.img_prog{
	float:left;
	position:relative;
	height:auto;
	width: auto;
	font-size: 12px;
	line-height: 19px;
	color: #FFF;
}
.img_1 {
	float:left;
	position:relative;
	height:auto;
	padding-left: 45px;
	width: 251px;
	font-size: 12px;
	line-height: 19px;
	color: #FFF;
	padding-top: 40px;
}
.img_azienda {
	float:left;
	position:relative;
	height:auto;
	margin-right: 25px;
	height:530px
}
.produzione_txt {
	font-weight:normal;
	width:560px;
	float:left;
	position:relative;
	padding: 0 25px 0 0;
}
.produzione_txt2 {
	font-weight:normal;
	width:320px;
	float:left;
	position:relative;
	padding: 0 25px 0 0;
}
.img_2 {
	float:left;
	position:relative
}
hr {
	clear:both;
	visibility:hidden;
	height:10px;
	position:relative;
	width:800px
}
.clear {
	height:5px;
	width:908px;
	clear:both
}
.crumbs {
	height:30px;
	width:909px;
	padding:0 40px;
	font-size:12px;
	color:#2d5881;
}
.crumbs a {
	text-decoration:underline;
	color:#333;
}
.crumbs a:hover {
	text-decoration:underline;
	color:#2d5881
}
.tit_interni {
	font-size:20px;
	color:#2d5881;
	font-weight:bold;
	letter-spacing:-1px;
}
.tit_interni_s {
	font-size:15px;
	color:#2d5881;
	font-weight:bold;
	letter-spacing:-1px;
}
.contatti {
	width:909px;
	height:auto;
}

.home_container .contatti{
	    width: 323px;
    height: 130px;
}

.home_container .certificato{
	padding-top:70px;
	height:70px;
}

.contatti_caffe {
	width:850px;
	height:auto;
	padding-left:50px
}
.contatti_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
.contatti_caffe_txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
#settoremer {
	height: 200px;
	width: 100%;
}


/* MODIFICHE per mobile 
------------------------*/

#slider .bx-wrapper .bx-viewport,
#slider2 .bx-wrapper .bx-viewport{
	background-color:#266d97;
	box-shadow:none;
    border:none;
    left:0;
}

#slider .bx-wrapper .bx-viewport li img,
#slider2 .bx-wrapper .bx-viewport li img{
	max-width:62%;
	height:auto;
	display:block;
	margin-left:38%;
}

#slider .box_testo,
#slider2 .box_testo{
	z-index:1;
}

#home_slide.slide{}
		
#home_slide.slide .box{
	z-index:1;
}

#home_slide.slide .bx-wrapper .bx-viewport li img{
	max-width:100%;
	height:auto;
	display:block;
	margin-left:0;
}

#mobile_menu_wrap{
	display:none;
}

#ricerca_box_select{
	display:none;
}

form.desk{
	display:block;
}

form.mob,
.mob{
	display:none;
}



 @media only screen and (max-width: 767px){ 
	
	/*  LAYOUT
	------------*/
	
	body,
	.sfondo{
		background-image:none;
		background-color:#fff;
		width:100%;
	}
	
	html, body, p, div, h1, h2, h3, h4, h5, h6 {
		-webkit-text-size-adjust:none;
	}
	
	.oneColFixCtrHdr #header{
		height:90px;
	}
	
	.oneColFixCtrHdr #container{
		width:90%;
		margin:0 5%;
	}
	
	.oneColFixCtrHdr #footer{
		display:none;
	}
	
	#footer_txt{
		width:90% !important;
		height:auto !important;
		padding:20px 5% 80px;
		background-color:#c5c5c5;
	}
	
	#footer_txt .indirizzi{
		width:100%;
	}
	
	.contenuto,
	.crumbs{
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	.crumbs > div{
		width:100% !important;
	}
	
	.contenuto img{
		max-width:100%;
		height:auto;
	}
	
	
	.clear,
	hr{
		width:100% !important;
	}
	
	#header{
		position:relative;
	}
	
	#header .logo{
		position:absolute;
		width:auto;
		height:auto;
		top:16px;
		z-index:10;
	}
	
	#header .logo a{
		display:block;
		width:170px;
		height:64px;
		background:url(../../images/OCM_logo.png) no-repeat;
		background-size:contain;
	}
	
	#header .logo a img{
		display:none;
	}
	
	#menu,
	.apycom_wrap{
		display:none;
	}
	
	.bandiere {
		display:inline-block;
		background:none;
		height: auto;
		width: auto;
		float: none;
		position: absolute;
		top:18px;
		right:60px;
		z-index:1000;
	}
	
	.bandiere div{
		padding:0 !important;
		display:inline-block;
	}
	
	.slide{
		width:100% !important;
		overflow:hidden;
		padding:0;
	}
	
	/*  MOBILE nav 
	-------------- */
	
	#mobile_menu_wrap{
		display:block;
		float:right;
		width:100%;
		margin-top:12px;
		position:relative;
	}
	
		#mobile_menu_wrap #dl-menu{
			text-align:right; /* position button right */
			max-width:100%;
			margin:0;
			z-index:10;
		}
		
		#mobile_menu_wrap .dl-trigger{
			width:40px;
			height:40px;
			margin-right:0;
			background:none;
		}
	
		#mobile_menu_wrap .dl-trigger:hover{
			background:none;
		}
		
		
		#mobile_menu_wrap .dl-menuwrapper button:after{
			background: #1b4460;
			top: 10px;
			left: 16%;
			box-shadow: 0 8px 0 #1b4460, 0 16px 0 #1b4460;
			height:4px;
		}
		
		#mobile_menu_wrap .dl-menuwrapper button:hover, 
		#mobile_menu_wrap .dl-menuwrapper button.dl-active{
			background:#f8f8f8;
		}
		
		#mobile_menu_wrap .dl-menuwrapper > ul{
			background:#1b4460;
		}
		
		#mobile_menu_wrap .dl-menuwrapper ul ul{
			background:none;
		}
		
		#mobile_menu_wrap .dl-menuwrapper ul li.dl-back a{
			padding-left:28px;
		}
		
		#mobile_menu_wrap .dl-menuwrapper li a{
			text-align:left;
			padding: 10px 16px;
			border-bottom:1px solid #fff;
			color:#fff;
			text-decoration:none;
		}
				
		#mobile_menu_wrap .dl-menuwrapper li:last-child > a{
			border:none;
		}
		
		#mobile_menu_wrap .dl-menuwrapper li.dl-back:after, 
		#mobile_menu_wrap .dl-menuwrapper li > a:not(:only-child):after{
			line-height:38px;
			color:#fff;
		}
		
		/* SLIDER
		----------*/
		
		.slide{
			height:auto !important
		}
		
		.slide #container_ani,
		.slide #content_ani,
		.slide #slider{
			width:100% !important;
			height:auto !important;
		}
		
		.slide #slider{
			padding-bottom:125px;
			position:relative;
			background:#266d97;
		}
		
		.slide #slider ul li img{
			margin-left:-370px;
		}
		
		.slide #slider ul li h1{
			top:auto;
			bottom:0;
			width:90%;
			height:auto;
			padding:1em 5%;
			font-size:24px;
		}
				
		#home_slide.slide #slider{
			padding-bottom:130px;
		}
		
		.slide #slider .bx-wrapper{
			margin-bottom:0;
		}
		
		#slider .bx-wrapper .bx-viewport li img,
		#slider2 .bx-wrapper .bx-viewport li img,
		#home_slide.slide .bx-wrapper .bx-viewport li img{
			max-width:100%;
			height:auto;
			display:block;
			margin-left:0;
		}
		
		#slider .box_testo,
		#slider2 .box_testo,
		#home_slide.slide .box{
			top:auto;
			bottom:10px;
			left:0;
			width:90%;
			height:auto;
			padding:0.5em 5%;
			background:#266d97;
		}
		
		#azienda_slide #slider{
			padding-bottom:140px;
		}
		
		#azienda_slide  #slider .box_testo{
			bottom:0;
		}
		
		
		/* HOME 
		--------*/
		
		.home_container .content_box,
		.home_container .content_fascia_sotto{
			width: 100%;
			padding: 12px 0;
			height: auto;
		}
		
		.home_container .box_produzione {
			float: none;
			clear:both;
			width: 100%;
			height: auto;
			background-color:#cecece;
			margin-bottom:1em;
		}
		
		.home_container .box_produzione .h1 {
			width: 100%;
			height: 32px;
			background: url(../../images/sfondo_settori_480.jpg) no-repeat right top;
			padding: 13px 0 0 0;
		}
		
		.home_container .box_produzione .txt {
			width: 40%;
			float:left;
			padding: 1em 5% 0 5%;
			height:auto;
			font-size: 21px;
    		line-height: 24px;
		}
		
		.home_container .box_produzione .txt br{
			display:none;
		}
		
		.home_container .box_produzione .foto_fade{
			float:left;
			width:50%;
		}
		
		.home_container .box_produzione .foto_fade img{
			display:block;
			max-width:100%;
			width:100%;
			height:auto;
			margin-bottom:-7px;
		}
		
		.home_container .box_produzione .clear{
			height:1px;
			margin-top:-1px;
		}
		
		.home_container .box_imballi_caffe {
			background: url(../../images/speciali_imballi_caffe_mob.jpg);
			background-position:bottom;
			background-size:100%;
			background-repeat:no-repeat;
			background-color:#000;
			width: 50%;
			height: auto;
			padding-left: 50%;
			padding-top: 1em;
			padding-bottom:1em;
			float: none;
			margin-bottom:1em;
		}
		
		.home_container .contatti {
			width: 100%;
			height: auto;
			padding-left: 0;
			padding-top: 0;
			float: none;
		}
		
		.home_container .certificato {
			width: 100%;
			padding-top: 0;
			float: none;
			margin-top:1em;
		}
		
		#footer_txt .copy,
		#footer_txt .credits{
			float:none !important;
			text-align: left !important;
			margin-left:-20px;
		}
		
		#footer_txt .credits{
			margin-left:-25px;
		}
		
		#footer_txt .indirizzi{
			line-height:1.3em;
			margin:0.5em 0;
		}
		
		/* PAGES 
		---------*/
		
		.azienda_txt,
		.officina_txt,
		.progettazione_txt,
		.litografia_txt,
		.litografia_txt2,
		.produzione_txt ,
		.produzione_txt2,
		.stoccaggio_txt,
		.certificazioni_linea,
		.oscar_txt,
		.cartina_sede,
		.sede_txt,
		.contatti_caffe{
			float:none;
			width:auto;
			margin-bottom:1em;
			padding-right:0;
		}
		
		.img_prog,
		.img_q,
		.img_2{
			margin-top:0.5em;
			margin-bottom:0.5em;
			float:none;
			clear:both;
			display:block;
		}
		
		#azienda_contenuto{
			padding-bottom:550px;
			position:relative;
		}
				
		#azienda_contenuto .img_azienda{
			float:none;
			position:absolute;
			bottom:0;
			left:0;
		}
		
		.contenuto .contatti{
			width:100%;
		}
		
		form.desk,
		.desk{
			display:none;
		}
		
		form.mob,
		.mob{
			display:block;
		}
		
		
		
		.cartina_sede iframe{
			max-width:100%;
		}
		
		.slide_caffe {
			height: auto;
			width: 90%;
			padding: 0 5%;
			background:#000;
		}
		
		.slide_caffe  #slider{
			height:auto !important;
		}
		
		.slide_caffe img,
		.slide_caffe div{
			max-width:100%;
			height:auto;
			padding-left:0 !important;
		}
		
		.slide_caffe .box_testo_caffe,
		.slide_caffe .caffe_txt{
			width:100%;
			padding-left:0;
		}
		
		.slide_caffe .box_testo_caffe{
			line-height:1.3em;
			height:auto;
		}
		
		/* RICERCA PRODOTTO
		--------------------*/
		
		#ricerca_box_wrap,
		#ricerca_box1_wrap{
			display:block;
		}
		
		#ricerca_box_wrap select,
		#ricerca_box1_wrap select{
		border:1px solid #999;
		color:#333;
		background:#fff;
		width: 240px;
		float: left;
		font-size:1em;
		line-height:2.2em;
		padding: 0 2%;
		margin:0.6em 0;
		
		background-image: url(../../images/select_arrow_down.png), -webkit-linear-gradient(#fff, #fff);
		background-position: 96% center;
		background-repeat: no-repeat;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		
		-webkit-appearance: button;
		-webkit-border-radius: 0px;
		-webkit-user-select: none;
		}
		
		.ricerca_box,
		.ricerca_box1{
			display:none !important;
		}
		
		#ricerca_box_select{
		display:block;
	}
	
	.ricerca_txt{
		width:100%;
	}
	
	#scheda-prodotto{
		margin-left:0 !important;
		width:100%;
	}
	
	#scheda-prodotto .content_topScheda{
		height:auto;
		width:100%;
		margin-top:0;
	}
		
	#scheda-prodotto .slide_scheda{
		width:100%;
		height:auto;
		background-position:top left;
	}
	
	#scheda-prodotto .slide_scheda .box_schede{
		width:96%;
		margin:10px 2%;
		font-size:19px;
	}
	
	#scheda-prodotto .foto_schede{
		float:none;
		width:100%;
		position:relative;
	}
	
	#scheda-prodotto .foto_schede img{
		margin-top:-40px;
		max-width:100%;
		height:auto;
	}
	
	#scheda-prodotto .contenuto_scheda{
		width:100%;
		padding-left:0;
		position:relative;
	}
	
	#scheda-prodotto .legenda_scheda{
		position:absolute;
		top:10px;
		left:0;
		width:100%;
	}
	
	#scheda-prodotto .legenda_scheda .didascalia{
		padding-left:0 !important;
	}
	
	.colonna_sx_scheda.scheda_multipla {
		padding-top:200px;
		position:relative;
	}
	
	.colonna_sx_scheda.scheda_multipla .didascalia{
		padding-left:0 !important;
		padding-top:0 !important;
		position:absolute !important;
		width:100%;
		float:none !important;
		top:10px;
		left:0;
		
	}
	
}
	
@media only screen and (max-width: 568px){ 	
	
}
		
		
@media only screen and (max-width: 480px){ 
	#slider .bx-wrapper .bx-viewport li img,
	#slider2 .bx-wrapper .bx-viewport li img,
	#home_slide.slide .bx-wrapper .bx-viewport li img{
		max-width:160%;
		height:auto;
		display:block;
		margin-left:-30%;
	}
	
}
		
@media only screen and (max-width: 375px){ 
		
	#home_slide.slide #slider{
		padding-bottom:180px;
	}
	
	.home_container .box_produzione .txt {
		width: 90%;
		float:none;
		padding-top:1em;
		padding-bottom:1em;
		font-size: 18px;
		line-height: 21px;
	}
			
	.home_container .box_produzione .foto_fade{
		float:none;
		width:100%;
	}
	
	.home_container .box_produzione .foto_fade img{
		width:100%;
	}
	
	.home_container .box_imballi_caffe {
		width: 55%;
		padding-left: 40%;
		padding-right: 5%;
		padding-top: 0.5em;
	}
	
	
	.home_container .box_imballi_caffe br{
		display:none;
	}
	
	#scheda-prodotto .contenuto_scheda{
		padding-top:530px;
	}
	
	
 }
 
 
 /* RESPOSNIVE tables 
 ---------------------*/
 .contenuto_scheda .table,
 .colonna_sx_scheda.scheda_multipla .table,
 .colonna_sx_scheda.scheda_multipla .table_scheda{
	 width:100%;
	 margin-right:0;
 }
 
.table .rwd-table {
  margin: 1em 0;
  min-width: 285px;
  width:98%;
  overflow: hidden;
}
.table .rwd-table tr {
  border-top: 1px solid #fff;
  border-bottom: 15px solid #fff;
}
.table .rwd-table th {
  display: none;
}
.table .rwd-table td {
  display: block;
  border:none;
  border-bottom:1px solid #fff;
}

.table .rwd-table td:hover,
.table .rwd-table tr:hover{
	background-color:#ececed;
	
}

.table .rwd-table td:first-child {
  padding-top: .5em;
  text-align:left;
  border-bottom:1px solid #fff;
}
.table .rwd-table td:last-child {
  padding-bottom: .5em;
  border:none;
}
.table .rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
  padding-right:3em;
  color:#005f98;
}

.table .rwd-table th, .table .rwd-table td {
  text-align: left;
}

.table .rwd-table tr {
  border-color: #fff;
}
.table .rwd-table th, .table .rwd-table td {
  margin: .5em 0;
  padding: .5em 1em;
}

.table .rwd-table th, .rwd-table td:before {
}

@media (min-width: 768px) {
  
  .table .rwd-table{
	  min-width:498px;
  }
   	
  .table .rwd-table td:before {
    display: none;
  }
  
  .table .rwd-table td:hover,
  .table .rwd-table tr:hover{
	background-color:#fff;
}
  
.table .rwd-table th, .table .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
	border-right:1px solid #fff;
	text-align:center;
  }
  .table .rwd-table th:first-child, .table .rwd-table td:first-child {
    padding-left: 0;
  }
  .table .rwd-table th:last-child, .table .rwd-table td:last-child {
    padding-right: 0;
  }
  
  .table .rwd-table tr {
	  border-bottom:1px solid #fff;
	}
  
  .table .rwd-table th, .table .rwd-table td {
    padding: 1em !important;
  }
  
  .table .rwd-table th{
	  background-color: #005f98;
	  color:#fff;
  }

}