@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
@media screen and (min-width:0px){
    *, input, textarea, select, select option{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:15px;}
    a{transition:all .4s ease;}
	.container-row{padding:20px;}
	.textcenter{text-align:center !important;}
	.textleft{text-align:left !important;}
	.textuppercase-md{text-transform:uppercase;}

	#breadcrumbs{display:none;}
	#breadcrumbs ul.list{display:block; margin:20px 0; padding:0;}
	#breadcrumbs ul.list li{display:inline-block; margin:0 2px;}
	#breadcrumbs ul.list li:first-child{margin-left:0;}
	#breadcrumbs ul.list li:last-child{margin-right:0;}
	#breadcrumbs ul.list li.separator span{font-size:12px; line-height:15px;}
	#breadcrumbs ul.list li.separator.red span{color:#c12c33;}
	#breadcrumbs ul.list li a{color:#c12c33; text-decoration:none; transition:all .4s ease;}
	#breadcrumbs ul.list li a:hover{color:#a71c1c; text-decoration:underline;}

	ul#container-nav{background:#c12c33; display:block; margin:0; padding:5px 0; text-align:center;}
	ul#container-nav li{display:block; margin:0; padding:0;}
	ul#container-nav li:first-child{border-left:0;}
	ul#container-nav li a{display:block; margin:0 5px; padding:7px 15px; color:#fff; text-decoration:none;}
	ul#container-nav li a:hover{background:#b62424; text-decoration:underline;}
	ul#container-nav li a.active{background:#a71c1c;}
	.panel-container{margin:10px 0 0 0;}

	hr{background:#ccc; height:1px; border:0;}

	table.table-responsive{width:100%;}
	table.table-responsive thead tr{background:#ebc22e;}
	table.table-responsive thead tr td{padding:12px 15px; color:#4d4a45; font-weight:bold; border:1px solid #ebc22e;}
	table.table-responsive tbody tr{background:#fff;}
	table.table-responsive tbody tr.odd{background:#ecedef;}
	table.table-responsive tbody tr td{position:relative; padding:7px 12px; text-align:center; border:1px solid #dadbdf !important; transition:all .4s ease;}
	table.table-responsive tbody tr td:first-child{text-align:left;}
	table.table-responsive tbody tr:hover td{padding:10px 12px;}
	table.table-responsive tbody tr.bg-yellow{background:#f7d351;}
	table.table-responsive tbody tr.bg-yellow td{color:#4d4a45;}
	table.table-responsive tbody tr.total{background:#aeadb3;}
	table.table-responsive tbody tr.total td{color:#3c3c3c;}
	table.table-responsive tbody tr td a.btn-popup{position:absolute; top:50%; right:30px; margin:-10px 0 0 0; color:#ff0000;}
	table.table-responsive tbody tr td a.btn-popup span{color:#ff0000;}
	table.table-responsive tbody tr td a.btn-popup .popup-container{background:#fff; position:absolute; top:-100%; left:-350px; width:0; height:auto; padding:20px; text-align:left; border:3px solid #c12c33; opacity:0; transition:all .4s ease; z-index:5;}
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container{width:500px; opacity:1;}
	table.table-responsive tbody tr td a.btn-popup .popup-container .popup-content{display:none;}
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container .popup-content{display:block; max-height:400px; overflow-x:hidden; overflow-y:auto;}
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container h3{font-size:20px; line-height:23px;}
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container p,
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container li{font-size:12px; line-height:15px;}
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container ol,
	table.table-responsive tbody tr td a.btn-popup:focus .popup-container ul{margin:20 30px;}
}
@media screen and (min-width:465px){
	#breadcrumbs{display:block;}
}
@media screen and (min-width:580px){
	ul#container-nav li{display:inline-block; border-left:1px dashed #dead9b;}
}
@media screen and (min-width:980px){
	*, input, textarea, select, select option{font-size:15px; line-height:18px;}
	.container-row{max-width:980px; margin:0 auto; padding:0;}
	.textuppercase-d{text-transform:uppercase;}
}
@media screen and (min-width:1110px){
    .container-row{max-width:1110px;}
}